:root{--color-primary:#e5a000;--color-primary-light:#f5c542;--color-primary-pale:#fef6d8;--color-primary-dark:#92400e;--color-header:#d97706;--color-bg:#fdf8f0;--color-bg-card:#fff;--color-text:#1a1a1a;--color-text-light:#6b6b6b;--color-border:#eee5d9;--max-width:780px;--max-width-wide:1120px;--font-body:"Inter", "Noto Sans JP", sans-serif;--font-logo:"Zen Maru Gothic", sans-serif;--radius:14px;--shadow-card:0 1px 2px #b4823c0a, 0 2px 4px #b4823c0a, 0 4px 8px #b4823c08;--shadow-card-hover:0 2px 4px #b4823c0a, 0 4px 8px #b4823c0a, 0 8px 16px #b4823c08, 0 16px 32px #b4823c05}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg)}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);letter-spacing:.02em;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.7}:focus-visible{outline:2px solid var(--color-primary,#d97706);outline-offset:2px;border-radius:3px}header{background:#fffdf7;border-bottom:1px solid #92400e1a;padding:0 2.5rem;position:static;box-shadow:0 1px #92400e05}header nav{justify-content:space-between;align-items:center;height:64px;display:flex}.site-logo{font-family:var(--font-logo);flex-direction:column;text-decoration:none;display:flex}.site-logo-text{color:var(--color-header);letter-spacing:.02em;font-size:1.6rem;font-weight:700;line-height:1.1}.site-logo-text span{font-family:var(--font-body);color:var(--color-header);margin-left:2px;font-size:1.1rem;font-weight:600}.site-logo-reading{font-family:var(--font-body);color:var(--color-header);opacity:.55;letter-spacing:.12em;margin-top:4px;font-size:.72rem;font-weight:500;line-height:1}header nav .nav-desktop{gap:.4rem;list-style:none;display:flex}header nav .nav-desktop li a{color:#888;white-space:nowrap;border-radius:99px;padding:.5rem 1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;position:relative}header nav .nav-desktop li a:hover{color:var(--color-primary-dark);background:#d977060f}.nav-hamburger{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:8px;display:none}.hamburger-line{background:var(--color-text);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-hamburger.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open .hamburger-line:nth-child(2){opacity:0}.nav-hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile{display:none}.nav-news.active{background:var(--color-news);color:#fff;box-shadow:0 2px 8px #d977064d}.nav-articles.active{background:var(--color-header);color:#fff;box-shadow:0 2px 8px #d977064d}.nav-database.active{background:var(--color-database);color:#fff;box-shadow:0 2px 8px #d977064d}.nav-guides.active{background:var(--color-guides);color:#fff;box-shadow:0 2px 8px #b453094d}.nav-news:not(.active):hover{color:var(--color-news);background:#d977060f}.nav-articles:not(.active):hover{color:var(--color-primary-dark);background:#d977060f}.nav-database:not(.active):hover{color:var(--color-database);background:#d977060f}.nav-guides:not(.active):hover{color:var(--color-guides);background:#b453090f}@media (width<=768px){header{padding:0 1rem}header nav{height:56px}.site-logo-text{font-size:1.3rem}.site-logo-text span{font-size:.9rem}.site-logo-reading,header nav .nav-desktop{display:none}.nav-hamburger{display:flex}.nav-mobile{max-height:0;padding:0 .5rem;transition:max-height .3s,padding .3s;display:block;overflow:hidden}.nav-mobile.open{max-height:300px;padding:0 .5rem 1rem}.nav-mobile ul{flex-direction:column;gap:.3rem;list-style:none;display:flex}.nav-mobile ul li a{color:#888;border-radius:10px;padding:.75rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:block}.nav-mobile ul li a:hover,.nav-mobile ul li a:active{color:var(--color-primary-dark);background:#d977060f}.nav-mobile .nav-news.active{background:var(--color-news-pale);color:var(--color-news);box-shadow:none}.nav-mobile .nav-articles.active{background:var(--color-articles-pale);color:#92400e;box-shadow:none}.nav-mobile .nav-database.active{background:var(--color-database-pale);color:var(--color-database);box-shadow:none}.nav-mobile .nav-guides.active{background:var(--color-guides-pale);color:var(--color-guides);box-shadow:none}}.hero-section{z-index:0;width:100%;margin-top:-64px;position:relative;overflow-x:clip}@media (width<=768px){.hero-section{margin-top:-56px}}main{max-width:var(--max-width);margin:2.5rem auto;padding:0 1.2rem}body.wide main{max-width:var(--max-width-wide)}footer{text-align:center;background:var(--color-header);color:#ffffffb3;margin-top:0;padding:3rem 1.5rem 2.5rem;font-size:.82rem;position:relative}footer .footer-inner{max-width:var(--max-width-wide);margin:0 auto}footer .footer-links{justify-content:center;gap:1.5rem;margin-bottom:1.2rem;list-style:none;display:flex}footer .footer-links a{color:#ffffffb3;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}footer .footer-links a:hover{color:#fffffff2}footer .footer-logo{display:none}footer .footer-support{border-top:1px solid #ffffff1a;margin-bottom:1.2rem;padding-top:.8rem}footer .footer-support a{color:#fff9;font-size:.75rem}footer .footer-support a:hover{color:#ffffffd9}@media (width<=480px){footer{padding:2rem 1rem}footer .footer-links{flex-direction:column;align-items:center;gap:.6rem}footer .footer-support{flex-direction:column;align-items:center;gap:.5rem}}h1,h2,h3{letter-spacing:.01em;line-height:1.3}h1{color:var(--color-primary-dark);margin-bottom:.8rem;font-size:1.6rem;font-weight:700}h2{color:var(--color-primary-dark);margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:700}.article-list{list-style:none}.article-list li{border-bottom:1px solid var(--color-border);padding:1rem 0}.article-list a{color:inherit;text-decoration:none}.article-list a:hover h2{color:var(--color-primary)}.article-list time{color:var(--color-text-light);font-size:.82rem}article time{color:var(--color-text-light);margin-bottom:1rem;display:block}.article-eyecatch{object-fit:cover;border-radius:var(--radius);width:100%;max-height:400px;margin-bottom:2rem}article .content{max-width:640px;line-height:1.9}article .content p{margin-bottom:1rem}article .content h2{margin:2rem 0 .5rem;font-size:1.15rem}article .content ul{margin:0 0 1rem 1.5rem}article .content li{margin-bottom:.3rem}.faq-section{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem}.faq-section h2{margin-bottom:1rem;font-size:1.15rem}.faq-item{border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:1rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item dt{margin-bottom:.4rem;font-weight:700;line-height:1.5}.citations{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem}.citations ul{list-style:none}.citations li{margin-bottom:.5rem;font-size:.88rem}.citations a{color:var(--color-primary)}.tag{background:var(--color-primary-pale);color:var(--color-primary);border-radius:99px;margin-right:.4rem;padding:.2rem .7rem;font-size:.78rem;font-weight:500;display:inline-block}section{margin-bottom:2rem}section p{color:var(--color-text-light);margin:.5rem 0}section a{color:var(--color-primary)}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:99px;padding:.7rem 1.8rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--color-primary-dark);background:#fff;box-shadow:0 2px 8px #0000001f}.btn-primary:hover{box-shadow:0 4px 16px #0000002e}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary-light);background:0 0}.btn-outline:hover{background:var(--color-primary-pale)}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.section-header h2{margin:0}.section-header a{color:var(--color-primary);font-size:.85rem;font-weight:500;text-decoration:none}.section-header a:hover{text-decoration:underline}.home-hero{color:#fff;background:radial-gradient(120% 90% at 78% 18%,#fff0c88c 0%,#0000 45%),radial-gradient(90% 80% at 8% 100%,#78350f73 0%,#0000 50%),linear-gradient(155deg,#b5660c 0%,#d4860a 38%,#e8a417 68%,#f7c64a 100%);min-height:520px;padding:calc(64px + 4.5rem) 2.5rem 5.5rem;position:relative;overflow:hidden}.home-hero:after{content:"";opacity:.04;pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#ffffff80 1px,#0000 1px),radial-gradient(circle at 80% 20%,#fff6 2px,#0000 2px),radial-gradient(circle,#ffffff4d 1.5px,#0000 1.5px);background-size:40px 40px,60px 60px,80px 80px;position:absolute;inset:0}.home-hero-inner{max-width:var(--max-width-wide);z-index:2;align-items:center;gap:3rem;margin:0 auto;display:flex;position:relative}.home-hero-text{flex:1}.home-hero-badge{backdrop-filter:blur(8px);color:#fef08a;letter-spacing:.06em;background:#ffffff26;border:1px solid #ffffff1a;border-radius:99px;margin-bottom:1rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.home-hero-text h1{color:#fff;font-family:var(--font-logo);letter-spacing:.01em;text-shadow:0 2px 20px #78350f40;margin:0 0 1rem;font-size:2.7rem;font-weight:700;line-height:1.32}.home-hero-text p{color:#ffffffeb;max-width:30em;margin:0 0 1.8rem;font-size:1rem;line-height:1.9}.home-hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.btn-lg{padding:.85rem 2.2rem;font-size:1rem}.btn-ghost{color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:2px solid #ffffff59;border-radius:99px;padding:.7rem 1.8rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.home-hero-visual{flex-shrink:0;width:240px;height:240px;position:relative}.home-hero-mascots{width:100%;height:100%;position:relative}.home-hero-glow{filter:blur(6px);z-index:0;background:radial-gradient(circle at 50% 45%,#fffaeb8c 0%,#fff5dc2e 38%,#0000 68%);animation:6s ease-in-out infinite mascot-float;position:absolute;inset:-12% -8% -8% -12%}.mascot{object-fit:cover;z-index:1;border:4px solid #ffffffeb;border-radius:50%;animation:5s ease-in-out infinite mascot-float;position:absolute;box-shadow:0 10px 30px #78350f47,0 2px 8px #0000001f}.mascot-hana{z-index:1;width:160px;height:160px;animation-delay:0s;top:0;left:0}.mascot-mari{z-index:2;width:150px;height:150px;animation-delay:-2.5s;top:70px;left:90px}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-hero-bubbles{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.bubble{background:radial-gradient(circle at 35% 25%,#fff9,#ffffff26 60%,#ffffff0d);border:1.5px solid #fff6;border-radius:50%;animation:linear infinite bubble-rise;position:absolute;bottom:0;box-shadow:inset 0 -2px 6px #ffffff1a,0 0 4px #ffffff26}.b1{width:22px;height:22px;animation-duration:7s;animation-delay:0s;left:4%}.b2{width:14px;height:14px;animation-duration:9s;animation-delay:-2s;left:11%}.b3{width:30px;height:30px;animation-duration:8s;animation-delay:-4s;left:20%}.b4{width:10px;height:10px;animation-duration:11s;animation-delay:-1s;left:28%}.b5{width:18px;height:18px;animation-duration:7.5s;animation-delay:-5s;left:38%}.b6{width:26px;height:26px;animation-duration:8s;animation-delay:-3s;left:47%}.b7{width:8px;height:8px;animation-duration:10s;animation-delay:-7s;left:55%}.b8{width:20px;height:20px;animation-duration:7s;animation-delay:-6s;left:64%}.b9{width:16px;height:16px;animation-duration:9s;animation-delay:-8s;left:73%}.b10{width:28px;height:28px;animation-duration:7.5s;animation-delay:-2s;left:80%}.b11{width:12px;height:12px;animation-duration:11s;animation-delay:-9s;left:88%}.b12{width:20px;height:20px;animation-duration:8s;animation-delay:-4s;left:94%}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.3)}8%{opacity:.55;transform:translateY(-40px)translate(4px)scale(.6)}30%{opacity:.5;transform:translateY(-160px)translate(-10px)scale(.85)}60%{opacity:.4;transform:translateY(-340px)translate(8px)scale(1)}85%{opacity:.2;transform:translateY(-500px)translate(-5px)scale(1.05)}to{opacity:0;transform:translateY(-620px)translate(0)scale(1.1)}}@media (prefers-reduced-motion:reduce){.bubble,.mascot{animation:none!important}}@media (width<=700px){.home-hero{min-height:auto;padding:calc(56px + 2rem) 1.2rem 3.5rem}.home-hero-inner{text-align:center;flex-direction:column;gap:1.5rem}.home-hero-text h1{font-size:1.5rem}.home-hero-text p{font-size:.88rem}.home-hero-actions{justify-content:center}.home-hero-visual{width:180px;height:180px}.mascot-hana{width:120px;height:120px}.mascot-mari{width:110px;height:110px;top:55px;left:70px}}.home-db-section{margin-bottom:2.5rem}.home-db-sub{color:var(--color-text-light);margin:-.5rem 0 1.2rem;font-size:.88rem}.home-db-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:.5rem;display:flex;position:relative;overflow-x:auto}.home-db-scroll:after{content:"";background:linear-gradient(to right, transparent, var(--color-bg));pointer-events:none;z-index:1;width:40px;position:absolute;top:0;bottom:0;right:0}.home-db-scroll::-webkit-scrollbar{height:4px}.home-db-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.home-db-card{scroll-snap-align:start;background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;flex:0 0 180px;text-decoration:none;transition:box-shadow .2s,transform .2s;animation:.5s both db-card-in;overflow:hidden}.home-db-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}@keyframes db-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-db-card-img{aspect-ratio:4/3;color:#ffffffd9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cg fill='%23ffffff' fill-opacity='0.13'%3E%3Cellipse cx='60' cy='28' rx='25' ry='19'/%3E%3Cellipse cx='43' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='77' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='60' cy='72' rx='26' ry='20'/%3E%3Cellipse cx='47' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='73' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='60' cy='119' rx='15' ry='14'/%3E%3C/g%3E%3C/svg%3E") right -14px bottom -10px/52% no-repeat,radial-gradient(circle at 28% 18%,#ffffff4d,#0000 50%),radial-gradient(circle at 88% 94%,#063c2880,#0000 58%),linear-gradient(150deg,#1c7a40 0%,#d97706 55%,#f0b429 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.home-db-card-initial{font-size:2.2rem;font-weight:800;line-height:1}.home-db-card-img-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem;font-size:.5rem}.home-db-card-body{padding:.7rem .8rem}.home-db-card-body h3{margin:0 0 .1rem;font-size:.88rem;font-weight:700}.home-db-card-en{color:var(--color-text-light);font-size:.7rem}.home-db-card-meta{color:var(--color-text-light);margin-top:.3rem;font-size:.68rem}.home-db-card-aroma{color:var(--color-primary);margin-top:.1rem;font-size:.68rem}.home-latest-list{list-style:none}.home-latest-item{border-bottom:1px solid var(--color-border);gap:1rem;padding:1rem 0;display:flex}.home-latest-item a{color:inherit;gap:1rem;width:100%;text-decoration:none;display:flex}.home-latest-item a:hover h3{color:var(--color-primary)}.home-latest-thumb{color:#ffffffd9;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.home-latest-thumb-img{object-fit:cover;border-radius:10px;width:100%;height:100%}.home-latest-thumb-initial{font-size:1.6rem;font-weight:700;line-height:1}.home-latest-thumb-label{opacity:.6;text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem;font-size:.7rem}.home-latest-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.home-latest-info .card-tag{border-radius:99px;width:fit-content;margin-bottom:.2rem;padding:.08rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.card-tag.database{background:var(--color-database-pale);color:var(--color-database)}.card-tag.news{background:var(--color-news-pale);color:var(--color-news)}.card-tag.articles{background:var(--color-articles-pale);color:#92400e}.card-tag.guides{background:var(--color-guides-pale);color:var(--color-guides)}.home-latest-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:700;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.home-latest-info time{color:var(--color-text-light);margin-top:.15rem;font-size:.75rem}.home-empty{text-align:center;color:var(--color-text-light);padding:3rem 1rem;font-size:.9rem}.home-showcase{margin-top:3.5rem;margin-bottom:2rem}.home-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.3rem;display:grid}@media (width<=480px){.home-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}}.home-showcase-card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border);color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}.home-showcase-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-database-light);transform:translateY(-3px)}.home-showcase-img{aspect-ratio:4/3;color:#ffffffd9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cg fill='%23ffffff' fill-opacity='0.13'%3E%3Cellipse cx='60' cy='28' rx='25' ry='19'/%3E%3Cellipse cx='43' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='77' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='60' cy='72' rx='26' ry='20'/%3E%3Cellipse cx='47' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='73' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='60' cy='119' rx='15' ry='14'/%3E%3C/g%3E%3C/svg%3E") right -14px bottom -10px/52% no-repeat,radial-gradient(circle at 28% 18%,#ffffff4d,#0000 50%),radial-gradient(circle at 88% 94%,#063c2880,#0000 58%),linear-gradient(150deg,#1c7a40 0%,#d97706 55%,#f0b429 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.home-showcase-initial{font-size:3rem;font-weight:800;line-height:1}.home-showcase-img-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;font-size:.55rem}.home-showcase-body{padding:1rem 1.1rem}.home-showcase-body h3{margin:0 0 .3rem;font-size:1rem;font-weight:700}.home-showcase-body h3 small{color:var(--color-text-light);margin-top:.1rem;font-size:.72rem;font-weight:500;display:block}.home-showcase-body>p{color:var(--color-text-light);margin:0 0 .5rem;font-size:.82rem;line-height:1.6}.home-showcase-tags{flex-wrap:wrap;gap:.3rem;display:flex}.home-showcase-tag{background:var(--color-database-pale);color:var(--color-database);border-radius:99px;padding:.12rem .5rem;font-size:.68rem;font-weight:500;display:inline-block}.home-about{align-items:flex-start;gap:1.2rem;margin-top:1.5rem;display:flex}.home-about-avatar{object-fit:cover;filter:drop-shadow(0 2px 8px #0000001a);border-radius:50%;flex-shrink:0;width:80px;height:80px}.home-about-bubble{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;flex:1;padding:1.2rem 1.4rem;position:relative}.home-about-bubble:before{content:"";background:var(--color-bg-card);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);width:14px;height:14px;position:absolute;top:24px;left:-8px;transform:rotate(45deg)}.home-about-speaker{color:var(--color-text-light);margin-bottom:.4rem;font-size:.7rem;font-weight:500}.home-about-bubble h2{color:var(--color-primary-dark);margin:0 0 .3rem;font-size:1.05rem}.home-about-bubble p{color:var(--color-text);margin:0;font-size:.85rem;line-height:1.85}@media (width<=600px){.home-about-avatar{width:60px;height:60px}.home-about-bubble{padding:1rem 1.1rem}}.db-filter-bar{border:1px solid var(--color-border);background:#fff;border-top:none;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.db-search-wrap{flex:1;min-width:200px}.db-search{border:1px solid var(--color-border);width:100%;font-family:var(--font-body);background:var(--color-bg);border-radius:99px;outline:none;padding:.55rem 1rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.db-search:focus{border-color:var(--color-database);box-shadow:0 0 0 3px #d977061a}.db-filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.db-chip{border:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-light);cursor:pointer;background:#fff;border-radius:99px;padding:.35rem .9rem;font-size:.78rem;font-weight:500;transition:all .2s}.db-chip:hover{border-color:var(--color-database);color:var(--color-database)}.db-chip.active{background:var(--color-database);color:#fff;border-color:var(--color-database)}.db-result-count{color:var(--color-text-light);white-space:nowrap;font-size:.78rem}.db-no-results{text-align:center;color:var(--color-text-light);padding:3rem 1rem;font-size:.92rem}@media (width<=600px){.db-filter-bar{flex-direction:column;align-items:stretch}.db-search-wrap{min-width:unset}.db-result-count{text-align:right}}.database-panel{border:1px solid var(--color-border);border-top:1px solid var(--color-border);background:#f5f0e8;border-radius:0 0 12px 12px;padding:1.3rem}.variety-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.3rem;list-style:none;display:grid}@media (width<=480px){.variety-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}}.variety-card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}.variety-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-database-light);transform:translateY(-3px)}.variety-card a{color:inherit;text-decoration:none;display:block}.variety-card-body{padding:.9rem 1rem}.variety-card-body h3{margin-bottom:.1rem;font-size:1rem;font-weight:700}.variety-card-name-en{color:var(--color-text-light);margin-bottom:.4rem;font-size:.78rem}.variety-card-meta{color:var(--color-text-light);font-size:.78rem;line-height:1.6}.variety-card-meta span{display:block}.variety-placeholder{aspect-ratio:4/3;color:#ffffffd9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cg fill='%23ffffff' fill-opacity='0.13'%3E%3Cellipse cx='60' cy='28' rx='25' ry='19'/%3E%3Cellipse cx='43' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='77' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='60' cy='72' rx='26' ry='20'/%3E%3Cellipse cx='47' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='73' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='60' cy='119' rx='15' ry='14'/%3E%3C/g%3E%3C/svg%3E") right -14px bottom -10px/52% no-repeat,radial-gradient(circle at 28% 18%,#ffffff4d,#0000 50%),radial-gradient(circle at 88% 94%,#063c2880,#0000 58%),linear-gradient(150deg,#1c7a40 0%,#d97706 55%,#f0b429 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.variety-placeholder-initial{font-size:2.8rem;font-weight:800;line-height:1;font-family:var(--font-body);letter-spacing:.01em;text-shadow:0 2px 14px #0003}.variety-placeholder-label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-top:.3rem;font-size:.72rem}.variety-error-img{aspect-ratio:4/3;color:#fffc;background:linear-gradient(135deg,#9ca3af 0%,#d1d5db 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.variety-error-icon{font-size:2rem;line-height:1}.variety-error-label{opacity:.6;margin-top:.3rem;font-size:.6rem}.variety-hero{aspect-ratio:16/7;border-radius:var(--radius);color:#ffffffd9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cg fill='%23ffffff' fill-opacity='0.13'%3E%3Cellipse cx='60' cy='28' rx='25' ry='19'/%3E%3Cellipse cx='43' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='77' cy='50' rx='23' ry='18'/%3E%3Cellipse cx='60' cy='72' rx='26' ry='20'/%3E%3Cellipse cx='47' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='73' cy='96' rx='20' ry='16'/%3E%3Cellipse cx='60' cy='119' rx='15' ry='14'/%3E%3C/g%3E%3C/svg%3E") right -14px bottom -10px/52% no-repeat,radial-gradient(circle at 28% 18%,#ffffff4d,#0000 50%),radial-gradient(circle at 88% 94%,#063c2880,#0000 58%),linear-gradient(150deg,#1c7a40 0%,#d97706 55%,#f0b429 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;display:flex}.variety-hero-initial{text-shadow:0 4px 24px #00000038;font-size:5rem;font-weight:800;line-height:1}.variety-hero-label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-top:.5rem;font-size:.75rem}.variety-summary-box{border-radius:var(--radius);background:linear-gradient(#d9770614,#d9770608);border:1px solid #d977062e;margin:1.5rem 0;padding:1rem 1.15rem}.variety-summary-box h2{color:var(--color-database);margin:0 0 .55rem;font-size:1rem}.variety-summary-box p{margin:0 0 .7rem;line-height:1.8}.variety-summary-meta{color:var(--color-text-light);font-size:.84rem}.substitute-list{margin:0;padding-left:1.1rem}.substitute-list li{margin-bottom:.45rem}.substitute-list a{color:var(--color-primary);margin-right:.35rem;font-weight:700}.substitute-list span{color:var(--color-text-light);font-size:.84rem}.variety-compare{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.variety-compare h2{margin-bottom:1rem;font-size:1.15rem}.variety-compare-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.variety-compare-item h3{margin-bottom:.5rem;font-size:1rem}.variety-compare-item p{color:var(--color-text-light);margin-bottom:.75rem;font-size:.92rem;line-height:1.8}.variety-compare-specs{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.compare-spec{background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem;padding:.2rem .6rem}.compare-sep{color:var(--color-primary);font-size:.75rem;font-weight:700}@media (width<=480px){.variety-hero{aspect-ratio:16/9}.variety-hero-initial{font-size:3.5rem}}.spec-table{border-collapse:separate;border-spacing:0;background:var(--color-bg-card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);margin:1.5rem 0;overflow:hidden}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none}.spec-table th{width:28%;color:var(--color-primary);background:#fef6d880;font-size:.88rem;font-weight:700}.spec-table td{font-size:.9rem}@media (width<=480px){.spec-table th,.spec-table td{padding:.6rem .7rem;font-size:.82rem}.spec-table th{width:35%}}.alpha-acid-row{align-items:center;gap:.8rem;display:flex}.alpha-acid-value{white-space:nowrap;min-width:5.5em;font-weight:500}.alpha-acid-bar{background:var(--color-border);border-radius:99px;flex:1;max-width:200px;height:8px;overflow:hidden}.alpha-acid-fill{background:linear-gradient(90deg, var(--color-database) 0%, #f59e0b 100%);border-radius:99px;height:100%;transition:width .5s}.aroma-tags{flex-wrap:wrap;gap:.4rem;display:flex}.aroma-tag{background:var(--color-database-pale);color:var(--color-database);border-radius:99px;padding:.2rem .65rem;font-size:.78rem;font-weight:500;display:inline-block}.style-tags{flex-wrap:wrap;gap:.4rem;display:flex}.style-tag{color:#92400e;background:#fdeccf;border-radius:99px;padding:.2rem .65rem;font-size:.78rem;font-weight:500;display:inline-block}.breadcrumb{color:var(--color-text-light);flex-wrap:wrap;align-items:center;gap:0;margin-bottom:1.2rem;font-size:.8rem;line-height:1.5;display:flex}.breadcrumb a{color:var(--color-text-light);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{opacity:.6;margin:0 .4rem}.breadcrumb span:last-child{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.back-link{color:var(--color-primary);margin-bottom:1rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.database-articles{margin-top:3rem}.database-articles h2{color:var(--color-primary-dark);border-bottom:2px solid var(--color-database-pale);margin-bottom:1rem;padding-bottom:.4rem;font-size:1.1rem}@keyframes news-fade-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.news-banner{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#b45309 0%,#e0760a 60%,#f0b429 100%);align-items:center;gap:1rem;margin-bottom:2rem;padding:1.8rem 2rem;display:flex;position:relative;overflow:hidden}.news-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-20px}.news-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:20%}.news-banner-text{z-index:1;position:relative}.news-banner-text h1{color:#fff;margin:0 0 .15rem;font-size:1.5rem}.news-banner-text p{color:#fffc;margin:0;font-size:.88rem}@media (width<=480px){.news-banner{gap:.8rem;padding:1.2rem}.news-banner-text h1{font-size:1.2rem}}.news-empty{text-align:center;color:var(--color-text-light);padding:3rem}.news-featured{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;grid-template-columns:1fr 1fr;gap:0;margin-bottom:2rem;text-decoration:none;transition:box-shadow .25s,transform .25s;animation:.5s both news-fade-in;display:grid;overflow:hidden}.news-featured:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.news-featured-thumb{aspect-ratio:4/3;color:#ffffffd9;background:linear-gradient(135deg,#b45309 0%,#e0760a 50%,#f6cf86 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.news-featured-thumb-icon{font-size:3.5rem;line-height:1}.news-featured-thumb-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.72rem}.news-featured-thumb-img{object-fit:cover;width:100%;height:100%}.news-featured-body{flex-direction:column;justify-content:center;padding:1.8rem 2rem;display:flex}.news-featured-meta{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.news-featured-body h2{color:var(--color-text);margin:0 0 .6rem;font-size:1.25rem;font-weight:700;line-height:1.5}.news-featured:hover h2{color:var(--color-news)}.news-featured-body>p{color:var(--color-text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .8rem;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}@media (width<=700px){.news-featured{grid-template-columns:1fr}.news-featured-thumb{aspect-ratio:16/9}.news-featured-body{padding:1.2rem 1.4rem}}.news-badge-new{color:#fff;letter-spacing:.06em;background:#ea7317;border-radius:99px;padding:.1rem .5rem;font-size:.7rem;font-weight:800;display:inline-block}.news-tags{flex-wrap:wrap;gap:.35rem;display:flex}.news-tag{background:var(--color-news-pale);color:var(--color-news);border-radius:99px;padding:.15rem .55rem;font-size:.72rem;font-weight:500;display:inline-block}.news-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem;list-style:none;display:grid}@media (width<=380px){.news-grid{grid-template-columns:1fr}}.news-card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s;animation:.5s both news-fade-in;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.news-card a{color:inherit;text-decoration:none;display:block}.news-card-thumb{aspect-ratio:16/9;color:#ffffffd9;background:linear-gradient(135deg,#b45309 0%,#e0760a 50%,#f6cf86 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.news-card-thumb-initial{font-size:2.2rem;font-weight:800;line-height:1}.news-card-thumb-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;font-size:.7rem}.news-card-thumb-img{object-fit:cover;width:100%;height:100%}.news-card-body{padding:1rem 1.2rem 1.2rem}.news-card-meta{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.news-card-meta time{color:var(--color-text-light);font-size:.75rem}.news-card-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .35rem;font-size:.95rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.news-card:hover h3{color:var(--color-news)}.news-card-body>p{color:var(--color-text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}@keyframes articles-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.articles-banner{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#d97706 0%,#e5a000 60%,#f5c542 100%);align-items:center;gap:1rem;margin-bottom:2rem;padding:1.8rem 2rem;display:flex;position:relative;overflow:hidden}.articles-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-20px}.articles-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:20%}.articles-banner-text{z-index:1;position:relative}.articles-banner-text h1{color:#fff;margin:0 0 .15rem;font-size:1.5rem}.articles-banner-text p{color:#fffc;margin:0;font-size:.88rem}@media (width<=480px){.articles-banner{gap:.8rem;padding:1.2rem}.articles-banner-text h1{font-size:1.2rem}}.section-intro{color:var(--color-text-light);margin:0 0 1.5rem;padding:0;font-size:.92rem;line-height:1.7}.section-intro a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.section-intro a:hover{color:var(--color-primary-dark,var(--color-primary));text-decoration-thickness:2px}.articles-empty{text-align:center;color:var(--color-text-light);padding:3rem}.articles-list{flex-direction:column;gap:1.3rem;list-style:none;display:flex}.articles-card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s;animation:.5s both articles-slide-in;overflow:hidden}.articles-card:hover{box-shadow:var(--shadow-card-hover);transform:translate(4px)}.articles-card a{color:inherit;grid-template-columns:200px 1fr;text-decoration:none;display:grid}.articles-card-thumb{aspect-ratio:1;color:#ffffffd9;background:linear-gradient(135deg,#d97706 0%,#e5a000 50%,#f5c542 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.articles-card-thumb-icon{font-size:2.8rem;line-height:1}.articles-card-thumb-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem;font-size:.55rem}.articles-card-thumb-img{object-fit:cover;width:100%;height:100%}.articles-card-body{flex-direction:column;justify-content:center;padding:1.3rem 1.5rem;display:flex}.articles-card-body time{color:var(--color-text-light);margin-bottom:.3rem;font-size:.75rem}.articles-card-body h3{color:var(--color-text);margin:0 0 .4rem;font-size:1.05rem;font-weight:700;line-height:1.5}.articles-card:hover h3{color:var(--color-articles)}.articles-card-body>p{color:var(--color-text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .7rem;font-size:.85rem;line-height:1.65;display:-webkit-box;overflow:hidden}.articles-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.articles-tag{background:var(--color-articles-pale);color:#92400e;border-radius:99px;padding:.15rem .55rem;font-size:.72rem;font-weight:500;display:inline-block}.articles-read-more{color:var(--color-articles);font-size:.82rem;font-weight:700;transition:color .15s}.articles-card:hover .articles-read-more{color:#92400e}@media (width<=600px){.articles-card a{grid-template-columns:1fr}.articles-card-thumb{aspect-ratio:16/9}.articles-card-body{padding:1rem 1.2rem 1.2rem}}.legal-page{max-width:700px}.legal-page h1{margin-bottom:.3rem}.legal-page h2{border-bottom:1px solid var(--color-border);margin:2rem 0 .6rem;padding-bottom:.4rem;font-size:1.1rem}.legal-page h3{margin:1.2rem 0 .4rem;font-size:.95rem}.legal-page p{color:var(--color-text);margin-bottom:.8rem;font-size:.9rem;line-height:1.9}.legal-page ul{margin:.5rem 0 1rem 1.5rem;font-size:.9rem;line-height:1.8}.legal-page li{margin-bottom:.3rem}.legal-page a{color:var(--color-primary)}.legal-updated{color:var(--color-text-light);margin-bottom:1.5rem;font-size:.82rem}.contact-page{max-width:600px}.contact-page h1{margin-bottom:.5rem}.contact-page>p{color:var(--color-text-light);margin-bottom:2rem;font-size:.9rem;line-height:1.8}.contact-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.2rem 1.5rem;display:flex}.contact-icon{background:var(--color-primary-pale);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.contact-label{color:var(--color-text-light);margin-bottom:.15rem;font-size:.75rem}.contact-email{color:var(--color-primary-dark);font-size:1.05rem;font-weight:600;text-decoration:none}.contact-email:hover{text-decoration:underline}.contact-notes h2{margin-bottom:.6rem;font-size:.95rem}.contact-notes ul{padding:0;list-style:none}.contact-notes li{color:var(--color-text-light);padding-left:1.2rem;font-size:.85rem;line-height:1.8;position:relative}.contact-notes li:before{content:"·";color:var(--color-border);font-weight:700;position:absolute;left:0}.article-meta{color:var(--color-text-light);align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.reading-time{align-items:center;gap:.3rem;display:inline-flex}.reading-time:before{content:"⏱";font-size:.9em}.content h2{border-bottom:2px solid var(--color-border);margin:2.5rem 0 .8rem;padding-bottom:.5rem;font-size:1.3rem;line-height:1.3}.content h3{margin:2rem 0 .6rem;font-size:1.1rem;line-height:1.35}.content p{margin-bottom:1.2rem;font-size:.95rem;line-height:1.85}.content ul,.content ol{margin:.8rem 0 1.2rem 1.5rem;font-size:.95rem;line-height:1.75}.content li{margin-bottom:.4rem}.content strong{color:var(--color-primary-dark);font-weight:700}.content blockquote{border-left:4px solid var(--color-primary);background:#e5a0000f;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.4rem;font-size:.92rem}.content blockquote p{margin-bottom:0;line-height:1.75}.content table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;margin:1rem 0 1.5rem;font-size:.88rem;display:block;overflow-x:auto}.content th,.content td{border:1px solid var(--color-border);text-align:left;padding:.6rem .8rem}.content th{background:#f8f4ed;font-weight:600}.content a{color:var(--color-primary-dark);text-decoration:underline;text-decoration-color:var(--color-primary-light);text-underline-offset:2px;transition:text-decoration-color .2s}.content a:hover{text-decoration-color:var(--color-header);color:var(--color-header)}.content pre{max-width:100%;overflow-x:auto}.content img{max-width:100%;height:auto}.related-varieties{margin-top:3rem}.related-varieties h2{margin-bottom:1rem;font-size:1.2rem;font-weight:700}.related-varieties .related-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}@media (width<=600px){.related-varieties .related-grid{grid-template-columns:1fr}}.related-varieties .related-card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.related-varieties .related-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.related-card-initial{background:linear-gradient(135deg, var(--color-database), var(--color-database-light));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:800;display:flex}.related-card-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.related-card-info strong{font-size:.95rem}.related-card-info small{color:var(--color-text-light);font-size:.78rem}.related-card-aroma{color:var(--color-database);font-size:.75rem}.share-bar{border-top:1px solid var(--color-border);align-items:center;gap:.6rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.share-label{color:var(--color-text-light);margin-right:.2rem;font-size:.82rem;font-weight:500}.share-btn{border:1px solid var(--color-border);cursor:pointer;width:36px;height:36px;color:var(--color-text);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.share-btn:hover{border-color:var(--color-primary);background:var(--color-primary-pale)}.share-x{font-size:.85rem;font-weight:700}.share-x:hover{color:#fff;background:#000;border-color:#000}.scroll-top{background:var(--color-header);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:90;border:none;border-radius:50%;width:44px;height:44px;font-size:1.2rem;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;bottom:2rem;right:2rem;transform:translateY(16px);box-shadow:0 2px 12px #00000026}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background:var(--color-primary-dark)}@media (width<=480px){.scroll-top{width:40px;height:40px;font-size:1rem;bottom:1.2rem;right:1.2rem}h1{font-size:1.3rem}h2{font-size:1.05rem}.article-eyecatch{border-radius:8px;max-height:240px;margin-bottom:1.5rem}.article-meta{flex-wrap:wrap;gap:.5rem;font-size:.8rem}.content h2{font-size:1.15rem}.content h3{font-size:1rem}.share-bar{flex-wrap:wrap;gap:.5rem}main{margin:1.5rem auto;padding:0 1rem}.related-grid{grid-template-columns:1fr!important}}.card-reading-time{color:var(--color-text-light);white-space:nowrap;background:#0000000a;border-radius:99px;padding:.1rem .45rem;font-size:.72rem}.articles-card-meta{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.articles-card-meta time{color:var(--color-text-light);font-size:.75rem}.related-articles{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.related-articles h2{color:var(--color-primary-dark);margin:0 0 1rem;font-size:1.05rem;font-weight:700}.related-articles .related-grid{grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;display:grid}.related-articles .related-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.related-articles .related-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light)}.related-articles .related-card a{color:inherit;text-decoration:none;display:block}.related-articles .related-card-thumb{aspect-ratio:16/10;background:linear-gradient(135deg, var(--color-header) 0%, var(--color-primary-light) 100%);color:#ffffffb3;justify-content:center;align-items:center;display:flex;overflow:hidden}.related-articles .related-card-thumb-initial{font-size:1.8rem;font-weight:800}.related-articles .related-card-thumb-img{object-fit:cover;width:100%;height:100%}.related-articles .related-card-body{padding:.7rem .8rem}.related-articles .related-card-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .2rem;font-size:.82rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-articles .related-card-body time{color:var(--color-text-light);font-size:.7rem}@media (width<=640px){.related-articles .related-grid{grid-template-columns:1fr;gap:.8rem}.related-card a{grid-template-columns:100px 1fr;display:grid}.related-card-thumb{aspect-ratio:1}.related-card-body{flex-direction:column;justify-content:center;padding:.5rem .8rem;display:flex}}.load-more-wrap{text-align:center;margin:2rem 0}.load-more-btn{font-size:.95rem;font-weight:600;font-family:var(--font-body);color:var(--color-primary-dark);background:var(--color-bg-card);border:1.5px solid var(--color-border);cursor:pointer;border-radius:99px;padding:.75rem 2.5rem;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block}.load-more-btn:hover{background:var(--color-primary-pale);border-color:var(--color-primary-light);box-shadow:var(--shadow-card)}.about-page{max-width:700px}.about-hero{text-align:center;margin-bottom:2.5rem}.about-hero h1{margin-bottom:.5rem}.about-tagline{color:var(--color-text-light);font-size:1.1rem}.about-section{margin-bottom:2.5rem}.about-section h2{border-bottom:2px solid var(--color-primary-pale);margin-bottom:.8rem;padding-bottom:.4rem;font-size:1.15rem}.about-section p{margin-bottom:.8rem;line-height:1.9}.about-section a{color:var(--color-primary-dark);text-underline-offset:2px;text-decoration:underline}.about-features{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.about-feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;border-radius:10px;padding:1.5rem 1.2rem}.about-feature-card h3{margin-bottom:.4rem;font-size:1rem}.about-feature-card p{color:var(--color-text-light);margin:0;font-size:.85rem;line-height:1.7}.about-links ul{gap:1.5rem;padding:0;list-style:none;display:flex}.about-links a{font-size:.9rem}@media (width<=600px){.about-features{grid-template-columns:1fr}.about-links ul{flex-direction:column;gap:.5rem}}.error-page{text-align:center;max-width:500px;margin:0 auto;padding:4rem 1rem}.error-icon{margin-bottom:1rem;font-size:3rem}.error-page h1{color:var(--color-primary);margin-bottom:.5rem;font-size:4rem;font-weight:700}.error-message{margin-bottom:.5rem;font-size:1.1rem}.error-hint{color:var(--color-text-light);margin-bottom:2rem;font-size:.85rem}.error-actions{justify-content:center;gap:1rem;display:flex}.error-btn{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg-card);border-radius:8px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s}.error-btn:hover{background:var(--color-primary-pale)}.error-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.error-btn-primary:hover{background:var(--color-primary-dark)}.guides-page{max-width:var(--max-width-wide);margin:0 auto;padding:0 1rem}.guides-banner{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#92400e 0%,#b45309 40%,#c2740a 100%);align-items:center;gap:1.2rem;margin-bottom:2rem;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}.guides-banner:before{content:"🍺";opacity:.15;font-size:4rem;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.guides-banner-text h1{margin-bottom:.2rem;font-size:1.5rem}.guides-banner-text p{opacity:.9;font-size:.95rem}.guide-series-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;list-style:none;display:grid}.guide-series-card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.guide-series-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.guide-series-card-header{align-items:center;gap:.8rem;padding:1.4rem 1.5rem 0;display:flex}.guide-series-card-header h2{color:var(--accent-strong);font-size:1.15rem;font-weight:700}.guide-series-card-body{flex-direction:column;flex:1;padding:1.2rem 1.5rem;display:flex}.guide-series-card-body p{color:var(--color-text-light);flex:1;font-size:.9rem;line-height:1.6}.guide-series-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.8rem;display:flex}.guide-series-card-chapters{color:var(--color-text-light);font-size:.8rem}.guide-series-card-cta{color:var(--color-guides);font-size:.85rem;font-weight:600}.guide-toc-page{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.guide-toc-header{text-align:center;background:var(--color-guides-pale);border-radius:var(--radius);border-left:4px solid var(--color-guides);margin-bottom:2rem;padding:2rem 1.5rem}.guide-toc-header h1{margin-bottom:.5rem;font-size:1.6rem}.guide-toc-header p{color:var(--color-text-light);font-size:.95rem}.guide-toc-list{flex-direction:column;gap:.6rem;margin-bottom:2rem;list-style:none;display:flex}.guide-toc-item{color:inherit;background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:flex-start;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:box-shadow .2s,transform .15s;display:flex}.guide-toc-item:hover{box-shadow:var(--shadow-card-hover);transform:translate(4px)}.guide-toc-item:hover .guide-toc-num{background:linear-gradient(135deg,#b45309,#f0b429);transform:scale(1.15)rotate(-5deg)}.guide-toc-num{background:var(--color-guides);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.85rem;font-weight:700;transition:transform .2s,background .2s;display:flex}.guide-toc-text h3{margin-bottom:.15rem;font-size:.95rem;font-weight:600}.guide-toc-text p{color:var(--color-text-light);font-size:.8rem}.guide-toc-cta{text-align:center;margin-bottom:2rem}.guide-toc-cta a{color:#fff;background:linear-gradient(135deg,#b45309,#c2740a);border-radius:99px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 2px 8px #b453094d}.guide-toc-cta a:hover{transform:translateY(-1px);box-shadow:0 4px 12px #b4530966}.guide-chapter-page{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.guide-progress{margin-bottom:1.5rem}.guide-progress-label{color:var(--color-text-light);justify-content:space-between;margin-bottom:.4rem;font-size:.8rem;display:flex}.guide-progress-bar{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.guide-progress-fill{background:linear-gradient(90deg,#b45309,#f0b429,#d97706);border-radius:99px;height:100%;transition:width .3s}.guide-chapter-meta{color:var(--color-text-light);align-items:center;gap:.8rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.guide-chapter-meta .chapter-label{background:var(--color-guides);color:#fff;border-radius:99px;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.guide-chapter-page h1{margin-bottom:1.5rem;font-size:1.5rem}.guide-chapter-page .content{margin-bottom:2rem}.guide-nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:1rem;margin:2rem 0;padding-top:1.5rem;display:flex}.guide-nav-link{color:inherit;background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:2px solid #0000;flex-direction:column;flex:1;max-width:48%;padding:.8rem 1rem;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:flex}.guide-nav-link:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-guides-light)}.guide-nav-link.next{text-align:right;margin-left:auto}.guide-nav-link .nav-dir{color:var(--color-text-light);margin-bottom:.2rem;font-size:.75rem}.guide-nav-link .nav-title{color:var(--color-guides);font-size:.85rem;font-weight:600}.guide-back-toc{text-align:center;margin-bottom:2rem}.guide-back-toc a{color:var(--color-guides);font-size:.9rem;font-weight:500;text-decoration:none}.guide-back-toc a:hover{text-decoration:underline}@media (width<=768px){.guides-banner{gap:.8rem;padding:1.5rem}.guides-banner-text h1{font-size:1.2rem}.guide-series-grid{grid-template-columns:1fr}.guide-nav{flex-direction:column}.guide-nav-link{max-width:100%}.guide-nav-link.next{text-align:left}}.ad-slot,.ad-slot-leaderboard,.ad-slot-sidebar,.ad-slot-in-feed,.ad-slot-in-article{text-align:center;margin:1.5rem auto;overflow:hidden}.ad-slot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);margin:0 0 .45rem;font-size:.68rem}.ad-slot-leaderboard{max-width:728px}.ad-slot-sidebar{max-width:300px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reading-progress{z-index:200;pointer-events:none;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.section-news .reading-progress{background:var(--color-news)}.section-articles .reading-progress{background:var(--color-primary)}.section-guides .reading-progress{background:var(--color-guides,#b45309)}.article-layout{grid-template-columns:1fr 260px;align-items:start;gap:2rem;display:grid}.article-sidebar{top:calc(var(--header-height,64px) + 1rem);position:sticky}@media (width<=900px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}.toc{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem 1.2rem}.toc h3{color:var(--color-primary-dark);margin:0 0 .6rem;font-size:.88rem;font-weight:700}.toc ul{padding:0;list-style:none}.toc li{margin-bottom:.25rem}.toc a{color:var(--color-text-light);border-left:2px solid var(--color-border);padding:.2rem 0 .2rem .75rem;font-size:.82rem;text-decoration:none;transition:border-color .2s,color .2s;display:block}.toc a:hover{color:var(--color-primary-dark);border-left-color:var(--color-primary)}.toc .toc-h3{padding-left:1.5rem}.sidebar-related{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem 1.2rem}.sidebar-related h3{color:var(--color-primary-dark);margin:0 0 .6rem;font-size:.88rem;font-weight:700}.sidebar-related ul{padding:0;list-style:none}.sidebar-related li{border-bottom:1px solid var(--color-border);padding:.4rem 0}.sidebar-related li:last-child{border-bottom:none}.sidebar-related a{color:var(--color-text);font-size:.82rem;text-decoration:none;display:block}.sidebar-related a:hover{color:var(--color-primary-dark)}.article-editorial-note{background:var(--color-primary-pale);border-radius:var(--radius);border-left:3px solid var(--color-primary);color:var(--color-text-light);margin-top:2rem;padding:1rem 1.2rem;font-size:.85rem;line-height:1.7}.article-editorial-note p{margin:0}.article-editorial-note a{color:var(--color-primary-dark)}.article-author{white-space:nowrap}.share-buttons{align-items:center;gap:.5rem;margin:1.5rem 0;display:flex}.share-buttons .share-label{color:var(--color-text-light);font-size:.82rem;font-weight:600}.share-btn{border:1px solid var(--color-border);background:var(--color-bg-card);width:36px;height:36px;color:var(--color-text-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.share-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.share-btn-x:hover{color:#fff;background:#000;border-color:#000}.share-btn-copy.copied{color:#fff;background:#d97706;border-color:#d97706}.cross-category{border-top:1px solid var(--color-border);max-width:800px;margin:3rem auto 2rem;padding-top:2rem}.cross-category h2{color:var(--color-text);margin-bottom:1rem;font-size:1.1rem}.cross-category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.cross-category-card{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-card);color:inherit;padding:1rem 1.2rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}.cross-category-card:hover{color:inherit;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.cross-category-card strong{color:var(--color-primary);margin-bottom:.25rem;font-size:.95rem;display:block}.cross-category-card p{color:var(--color-text-light);margin:0;font-size:.82rem;line-height:1.5}@media (width<=640px){.cross-category-grid{grid-template-columns:1fr}}.faq-section{margin-top:2rem}.faq-list{margin:0}.faq-item{border-left:3px solid var(--color-primary);margin-bottom:1.5rem;padding-left:1rem}.faq-item dt{color:var(--color-text);margin-bottom:.5rem;font-size:1rem;font-weight:700}.faq-item dd{color:var(--color-text-light);margin:0;font-size:.95rem;line-height:1.8}.related-data{margin-top:2rem}.related-data h2{margin-bottom:.75rem;font-size:1.3rem}.related-data-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.related-data-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;padding:.75rem 1rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}.related-data-item:hover{color:inherit;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.related-data-badge{background:var(--color-primary);color:#fff;border-radius:999px;margin-bottom:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.related-data-name{color:var(--color-text);margin-bottom:.2rem;font-size:.95rem;font-weight:600;display:block}.related-data-desc{color:var(--color-text-light);font-size:.78rem;line-height:1.5;display:block}@media (width<=640px){.related-data-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}.home-start-here,.home-search-demand,.home-showcase{margin-top:4rem}.home-search-demand-lead{color:var(--color-text-light);max-width:46em;margin:-.4rem 0 1.4rem;font-size:.92rem;line-height:1.8}.entry-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.entry-card{background:var(--color-bg-card);border:1px solid var(--color-border);color:inherit;box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;padding:1.6rem 1.5rem 1.5rem;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.entry-card:before{content:"";background:linear-gradient(90deg, var(--color-header), var(--color-primary-light));opacity:0;height:4px;transition:opacity .25s;position:absolute;inset:0 0 auto}.entry-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light);transform:translateY(-5px)}.entry-card:hover:before{opacity:1}.entry-kicker{letter-spacing:.08em;color:var(--color-header);text-transform:uppercase;font-size:.72rem;font-weight:700}.entry-card h3{color:var(--color-text);margin:.35rem 0 .5rem;font-size:1.08rem;font-weight:700;line-height:1.45}.entry-card p{color:var(--color-text-light);flex:1;margin:0;font-size:.85rem;line-height:1.7}.entry-arrow{color:var(--color-primary);margin-top:1rem;font-size:1.1rem;transition:transform .25s}.entry-card:hover .entry-arrow{transform:translate(5px)}@media (width<=760px){.entry-grid{grid-template-columns:1fr}}.section-header a{background:var(--color-primary-pale);color:var(--color-header);border-radius:99px;align-items:center;gap:.2rem;padding:.3rem .85rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.section-header a:hover{background:var(--color-primary-light);color:#fff;text-decoration:none;transform:translate(2px)}article .content a,.section-intro a{background-image:linear-gradient(var(--color-primary-light), var(--color-primary-light));background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:1px;text-decoration:none;transition:background-size .25s,color .2s}article .content a:hover,.section-intro a:hover{color:var(--color-primary-dark);background-size:100% 100%;background-image:linear-gradient(var(--color-primary-pale), var(--color-primary-pale));border-radius:3px}.home-start-here .section-header h2,.home-search-demand .section-header h2,.home-showcase .section-header h2{padding-left:.9rem;position:relative}.home-start-here .section-header h2:before,.home-search-demand .section-header h2:before,.home-showcase .section-header h2:before{content:"";background:linear-gradient(var(--color-header), var(--color-primary-light));border-radius:99px;width:4px;position:absolute;top:.15em;bottom:.15em;left:0}.variety-placeholder,.home-showcase-img,.home-db-card-img,.variety-hero{background:url(/hop-mark-white.svg) 50% 46%/40% no-repeat,radial-gradient(circle at 30% 24%,#fff3,#0000 55%),linear-gradient(150deg,#b45309 0%,#d97706 58%,#f0b429 100%)}.variety-hero{background-size:16%,cover,cover}.variety-placeholder-initial,.variety-hero-initial,.home-showcase-initial,.home-db-card-initial,.variety-placeholder-label,.variety-hero-label,.home-showcase-img-label,.home-db-card-img-label{display:none}header nav .nav-desktop li a{color:#7a6a58}.entry-card:before{content:none}footer{margin-top:5rem}:root{--color-on-dark:#fffffff5;--color-on-dark-dim:#fffc;--accent:#d97706;--accent-strong:#b45309;--accent-light:#f0b429;--accent-pale:#fdeccf;--color-news:var(--accent);--color-news-light:var(--accent-light);--color-news-pale:var(--accent-pale);--color-articles:var(--accent);--color-articles-light:var(--accent-light);--color-articles-pale:var(--accent-pale);--color-database:var(--accent);--color-database-light:var(--accent-light);--color-database-pale:var(--accent-pale);--color-guides:var(--accent);--color-guides-light:var(--accent-light);--color-guides-pale:var(--accent-pale)}.news-banner,.articles-banner,.guides-banner{background:linear-gradient(135deg, var(--accent-strong) 0%, var(--accent) 100%)}.guides-banner:before{content:none}.news-banner-text p,.articles-banner-text p,.guides-banner-text p{color:var(--color-on-dark-dim)}.news-banner-text h1,.articles-banner-text h1,.guides-banner-text h1{color:var(--color-on-dark)}.guide-toc-header{background:var(--color-guides-pale);border-left-color:var(--color-guides)}.guide-toc-header h1{color:var(--color-guides)}.guide-toc-header h1:before{content:none}.guide-progress-fill{background:linear-gradient(90deg, var(--color-guides), var(--color-guides-light))}.guide-chapter-page .content a{color:var(--color-primary-dark)}.db-filter-bar{border:1px solid var(--color-border);border-radius:14px;margin-bottom:1.4rem}.database-panel{background:0 0;border:none;border-radius:0;padding:0}.hero-section{margin-top:0}.home-hero{padding-top:3.5rem}@media (width<=700px){.home-hero{padding-top:2.5rem}}.variety-summary-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:4px solid var(--accent);box-shadow:var(--shadow-card)}.variety-summary-box h2{color:var(--accent-strong)}.spec-table{border:1px solid var(--color-border)}.spec-table th{background:var(--accent-pale);color:var(--accent-strong)}.variety-compare-item{box-shadow:var(--shadow-card)}.guide-toc-header{background:var(--accent-pale);border-left:none}.variety-summary-box{border-left:1px solid var(--color-border)}.article-editorial-note{border-left:none}.faq-item,.variety-category-heading{border-left:none;padding-left:0}.home-start-here .section-header h2:before,.home-search-demand .section-header h2:before,.home-showcase .section-header h2:before{content:none}.home-start-here .section-header h2,.home-search-demand .section-header h2,.home-showcase .section-header h2{padding-left:0}.content blockquote{border-left:3px solid var(--accent-light)}.guide-toc-header h1,.variety-category-heading,.aroma-tag,.style-tag,.home-showcase-tag,.db-head-count,.card-tag.database,.card-tag.news,.card-tag.articles,.card-tag.guides,.articles-tag,.news-tag,.entry-kicker{color:var(--accent-strong)}.news-banner:before,.news-banner:after,.articles-banner:before,.articles-banner:after,.home-hero:after{content:none}