:root{--paper:#faf8f1;--side:#efeee5;--ink:#263f30;--text:#414a3f;--muted:#788071;--line:#dddfd0;--olive:#5d7049;--gold:#b7812f;--pale:#ece5cc;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);font-family:var(--sans);color:var(--text);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{color:inherit}::selection{background:#e7d6a7}svg{display:block}a:hover{color:var(--gold)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 22px 24px;z-index:40;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:2px;line-height:1.3}.brand small{display:block;font-family:Georgia,serif;font-size:8px;font-weight:400;letter-spacing:1.4px;margin-top:7px}.brand-mark{width:38px;height:46px;background:var(--ink);border-radius:21px 21px 6px 6px;padding:7px;flex-shrink:0}.brand-mark svg{fill:none;stroke:#f3dd9a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.side-intro{font-size:11px;color:var(--muted);margin:22px 0 26px;letter-spacing:.2px}.nav-label{font-size:10px;letter-spacing:2px;color:#8b907e;margin:20px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 11px;margin:3px 0;color:#656e5e;border-radius:4px;font-size:12px;line-height:1.5;transition:background .15s,color .15s}.nav-number{font-family:Georgia,serif;font-size:12px;width:19px;flex-shrink:0;color:#979b88}.nav-item.active{background:#e1e5d3;color:var(--ink);font-weight:600}.nav-item.active .nav-number{color:var(--olive)}.nav-item:hover{background:#e7e8dc;color:var(--ink)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:auto;flex-shrink:0}.sidebar-bottom{font-size:10px;color:var(--muted);margin-top:auto;padding:36px 8px 0}.sidebar-bottom small{display:block;margin-top:6px;padding-left:13px;font-size:9px;color:#969b8c}.seed{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--olive);margin-right:5px}.shell{margin-left:250px}.topbar{height:75px;border-bottom:1px solid var(--line);padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(250,248,241,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.breadcrumb .current{color:var(--ink)}.breadcrumb i{font-style:normal;color:#b0b39f}.search-trigger{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:4px;padding:7px 11px;background:transparent;color:var(--muted);font-size:11px}.search-trigger svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none}.search-trigger kbd{border:1px solid var(--line);padding:0 5px;margin-left:35px;color:#9b9f8e;font-size:10px}.menu-toggle{display:none;border:0;background:none;font-size:22px}.skip-link{position:fixed;top:-100px;left:20px;padding:10px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}main{max-width:1400px;margin:0 auto;padding:36px 50px 70px;min-height:calc(100vh - 150px)}main:focus{outline:none}.eyebrow{font-size:10px;color:var(--olive);letter-spacing:2.5px;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";height:1px;width:24px;background:var(--olive)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center;padding:16px 0 35px;border-bottom:1px solid var(--line);min-height:350px}.hero h1{font-family:var(--serif);color:var(--ink);font-size:clamp(35px,3.7vw,58px);line-height:1.4;letter-spacing:2px;margin:23px 0 17px;font-weight:600}.hero h1 em{font-style:normal;position:relative;white-space:nowrap}.hero h1 em:after{position:absolute;content:"";height:8px;background:#dbc281;bottom:4px;left:0;right:0;z-index:-1;transform:rotate(-1deg)}.hero p{font-size:12px;line-height:2;color:#7b806f;max-width:350px;margin:0 0 25px}.hero-visual{position:relative;max-width:390px;justify-self:center;width:100%}.hero-visual img{width:100%;height:auto}.visual-note{display:flex;justify-content:space-between;color:#929680;font-family:Georgia,serif;font-size:8px;letter-spacing:2px;margin-top:-18px;padding:0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 19px;font-size:12px;border:1px solid var(--ink);background:var(--ink);color:#faf7ed;border-radius:2px}.button:hover{background:#3d553e;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--olive)}.hero-actions{display:flex;align-items:center;gap:18px}.text-link{font-size:11px;display:inline-flex;gap:12px;align-items:center}.section-label{display:flex;align-items:flex-end;justify-content:space-between;margin:31px 0 19px;gap:16px}.section-label h2{font-family:var(--serif);font-size:22px;color:var(--ink);font-weight:600;letter-spacing:1px;margin:0}.section-label h2 small{font-family:Georgia,serif;font-size:9px;color:#949881;letter-spacing:2px;font-weight:400;margin-left:16px}.section-label p{font-size:10px;color:var(--muted);margin:0}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.chapter-card{display:grid;grid-template-columns:43px 1fr 16px;gap:14px;align-items:start;border-top:1px solid var(--line);padding:23px 0 21px;transition:transform .18s}.chapter-card:first-child{grid-column:1/-1;background:#edf0e3;border-top:0;border-left:3px solid var(--olive);padding:22px 23px;margin-bottom:8px;grid-template-columns:43px 1fr 22px}.chapter-card:hover{transform:translateX(4px);color:var(--ink)}.chapter-card .num{font-family:Georgia,serif;font-size:29px;color:#a9ac95;line-height:1.2}.chapter-card:first-child .num{color:var(--olive)}.chapter-card h3{font-size:15px;font-weight:500;margin:0;color:var(--ink);letter-spacing:.5px}.chapter-card p{font-size:11px;color:var(--muted);margin:5px 0 9px}.chapter-card .card-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:#929781}.chapter-card .arrow{font-size:18px;color:#9ca187;margin-top:6px}.badge{font-size:9px;font-weight:400;border:1px solid #d5d9c6;border-radius:20px;padding:1px 8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;line-height:1.6}.badge.ready{color:var(--olive);border-color:#bfc9ab;background:#f3f6ea}.badge.ready:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--olive)}.badge.pending{color:#939982;background:#f0f0e7}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.utility-card{padding:22px;border:1px solid var(--line);background:#f5f3e9;display:block}.utility-card small{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;color:var(--gold)}.utility-card h3{font-family:var(--serif);font-size:19px;margin:8px 0 5px;color:var(--ink);font-weight:500}.utility-card p{font-size:11px;color:var(--muted);margin:0;max-width:360px}.utility-card .text-link{margin-top:16px}.bottom-note{border-top:1px solid var(--line);margin-top:30px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer{max-width:1400px;margin:0 auto;border-top:1px solid var(--line);padding:20px 50px 25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a907c}.footer i{font-style:normal;margin:0 8px}.page-heading{position:relative;border-bottom:1px solid var(--line);padding:19px 0 34px;margin-bottom:27px;overflow:hidden}.page-heading h1{font-family:var(--serif);font-size:40px;letter-spacing:2px;color:var(--ink);line-height:1.4;font-weight:600;margin:17px 0 15px}.page-heading p{max-width:580px;color:var(--muted);font-size:12px;line-height:1.9;margin:0}.page-heading .big-number{font:150px/.9 Georgia,serif;position:absolute;right:10px;bottom:16px;color:#ebeddf;z-index:-1}.heading-meta{display:flex;align-items:center;gap:15px;margin-top:23px;color:var(--muted);font-size:10px}.topic-list{border-top:1px solid var(--line)}.topic-row{display:grid;grid-template-columns:42px 1fr auto 15px;gap:14px;padding:23px 7px;border-bottom:1px solid var(--line);align-items:center;transition:background .15s}.topic-row:hover{background:#f1f2e6;color:var(--ink)}.topic-id{font-family:Georgia,serif;color:var(--gold);font-size:15px}.topic-row h2{font-weight:500;font-size:15px;color:var(--ink);margin:0 0 5px}.topic-row p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.topic-row .arrow{color:#9ca187}.chapter-intro{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 24px;max-width:680px}.chapter-links{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.chapter-links a{font-size:11px;color:var(--olive)}.reading-grid{display:grid;grid-template-columns:minmax(0,720px) 165px;gap:48px;align-items:start;max-width:980px;margin:0 auto}.article-header{border-bottom:1px solid var(--line);padding:15px 0 26px;margin-bottom:28px}.article-header h1{font-family:var(--serif);font-size:37px;color:var(--ink);font-weight:600;letter-spacing:1px;line-height:1.5;margin:16px 0 12px}.article-deck{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.article-meta{font-size:9px;color:#8b917d;display:flex;gap:14px;align-items:center;margin-top:18px}.article-body{font-size:14px;line-height:2;color:#485244}.article-body p{margin:0 0 21px}.article-body h2{font-family:var(--serif);font-size:23px;color:var(--ink);font-weight:600;line-height:1.5;margin:36px 0 16px;scroll-margin-top:100px}.article-body h3{font-size:15px;color:var(--ink);margin:22px 0 9px}.article-body strong{font-weight:600;color:var(--ink)}.article-body ul,.article-body ol{padding-left:21px}.article-body li{padding-left:3px;margin:8px 0}.article-body a,.source-list a{color:var(--olive);text-decoration:underline;text-underline-offset:3px}.insight{background:#edf0e3;border-left:3px solid var(--olive);padding:19px 22px;margin:25px 0;font-size:13px;line-height:1.9}.insight small{display:block;font-size:9px;letter-spacing:2px;color:var(--olive);margin-bottom:7px}.table-wrap{overflow:auto;margin:22px 0 27px}table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8;text-align:left}th,td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eeefdf;color:var(--ink);font-weight:500;white-space:nowrap}td:first-child{color:var(--ink)}.article-body .table-wrap th,.article-body .table-wrap td{min-width:85px}.process{display:flex;gap:0;align-items:stretch;margin:26px 0}.process div{flex:1;background:#eee9d5;border-right:2px solid var(--paper);padding:17px 10px;text-align:center;font-size:12px;color:var(--ink)}.process span{display:block;color:#8b886e;font:9px Georgia,serif;margin-bottom:7px}.toc{position:sticky;top:112px;padding-top:24px}.toc-title{font-size:9px;color:#8d947f;letter-spacing:2px;margin-bottom:15px}.toc a{display:block;padding:7px 0 7px 13px;border-left:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}.toc a:hover{border-color:var(--olive);color:var(--olive)}.toc .back-chapter{border-left:0;padding-left:0;margin-top:20px;font-size:10px}.source-list{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:35px;padding-top:20px;line-height:1.9}.source-list strong{font-size:10px;letter-spacing:1px;font-weight:500;display:block;margin-bottom:7px}.article-nav{margin-top:35px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px}.article-nav a{font-size:12px;color:var(--ink);max-width:48%}.article-nav small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.pending-box{padding:36px;background:#f0f1e5;border:1px solid var(--line);margin:25px 0}.pending-box h2{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);margin:0 0 15px}.pending-box p{font-size:13px;color:var(--muted);margin-bottom:23px}.pending-lines{display:grid;gap:10px;margin:27px 0}.pending-lines span{height:7px;background:#e1e4d4;width:85%}.pending-lines span:nth-child(2){width:95%}.pending-lines span:nth-child(3){width:65%}.planned-topics{font-size:12px;color:var(--muted);padding-left:20px;line-height:2.2}.resource-row{display:grid;grid-template-columns:35px 1fr auto;gap:15px;border-top:1px solid var(--line);padding:23px 0;align-items:start}.resource-row .num{font:22px Georgia,serif;color:#a4ad91}.resource-row h2{margin:0 0 7px;font-size:16px;color:var(--ink);font-weight:500}.resource-row p{margin:0;font-size:12px;color:var(--muted);max-width:650px}.resource-row .arrow{color:var(--olive)}.contents-section{margin-bottom:32px}.contents-section h2{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:23px;margin:25px 0 13px}.contents-links{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.contents-links a{padding:11px 0;display:flex;gap:13px;font-size:12px;align-items:center;border-top:1px solid var(--line)}.contents-links a span:first-child{font:12px Georgia,serif;color:var(--gold);min-width:25px}.contents-links .badge{margin-left:auto}.term-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.term{border-top:1px solid var(--line);padding:19px 0}.term h2{font-size:15px;color:var(--ink);font-weight:500;margin:0 0 9px}.term h2 small{font:11px Georgia,serif;margin-left:10px;color:var(--gold)}.term p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 9px}.term a{font-size:10px;color:var(--olive)}.archive-note{font-size:12px;color:var(--muted);border-left:2px solid var(--gold);padding-left:18px;margin:24px 0}.sources-block h2{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);margin:35px 0 15px}.source-card{border-top:1px solid var(--line);padding:21px 0}.source-card h3{font-size:14px;font-weight:500;margin:0 0 7px;color:var(--ink)}.source-card p{font-size:12px;color:var(--muted);margin:0 0 8px}.source-card a{font-size:11px;color:var(--olive)}.scrim{display:none}dialog{border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:6px;width:min(620px,calc(100vw - 32px));max-height:75vh;padding:0;box-shadow:0 22px 90px #1e36232b;top:10vh;margin:0 auto}dialog::backdrop{background:#23362755;backdrop-filter:blur(3px)}.search-head{display:flex;align-items:center;justify-content:space-between;padding:17px 24px 10px;font-size:11px;color:var(--muted)}.close-search{background:none;border:0;font-size:25px;color:var(--muted)}.search-input-wrap{padding:0 24px 20px;border-bottom:1px solid var(--line)}#search-input{border:0;background:transparent;font-size:17px;width:100%;outline:none;color:var(--ink)}#search-results{overflow-y:auto;max-height:45vh}.search-result{display:block;padding:14px 24px;border-bottom:1px solid var(--line)}.search-result strong{font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:12px}.search-result p{font-size:11px;color:var(--muted);margin:5px 0 0}.search-empty{padding:30px 24px;color:var(--muted);font-size:12px}.search-foot{display:flex;justify-content:space-between;padding:13px 24px;font-size:9px;color:var(--muted);background:var(--side)}.search-foot span{color:#989f88}.reveal{animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){main{padding-left:70px;padding-right:70px}.hero{min-height:415px}.hero-visual{max-width:430px}.hero h1{font-size:61px}}@media(max-width:1180px){.sidebar{width:220px;padding-left:17px;padding-right:17px}.shell{margin-left:220px}.topbar{padding:0 30px}main{padding:30px}.hero h1{font-size:40px}.hero{grid-template-columns:1.1fr .9fr}.reading-grid{grid-template-columns:minmax(0,1fr) 140px;gap:28px}.chapter-grid{column-gap:23px}.footer{padding-left:30px;padding-right:30px}.nav-item{font-size:11px}.brand{font-size:21px}.side-intro{font-size:10px}}@media(max-width:900px){.reading-grid{display:block;max-width:720px}.toc{display:none}.hero h1{font-size:36px}.hero-visual{max-width:290px}.chapter-grid{grid-template-columns:1fr}.chapter-card:first-child{grid-column:auto}.hero-actions{gap:12px}.hero-actions .text-link{font-size:10px}.search-trigger kbd{margin-left:8px}.chapter-card{padding:20px 0}.section-label h2 small{display:none}.visual-note{letter-spacing:1px;font-size:7px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:265px;transition:transform .22s}.nav-open .sidebar{transform:translateX(0)}.nav-open .scrim{display:block;position:fixed;inset:0;background:#20342466;z-index:35}.shell{margin-left:0}.topbar{padding:0 21px;height:62px;gap:12px}.menu-toggle{display:block}.breadcrumb{margin-right:auto;font-size:10px;gap:6px}.breadcrumb .chapter-crumb{display:none}.search-trigger{padding:7px}.search-trigger span,.search-trigger kbd{display:none}main{padding:23px 23px 45px}.hero{grid-template-columns:1fr;gap:0;padding-top:12px;padding-bottom:20px}.hero h1{font-size:40px;letter-spacing:1px;margin-top:19px}.hero p{max-width:320px}.hero-visual{max-width:310px;margin:0 auto}.hero-copy{z-index:1}.visual-note{margin-top:-12px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.section-label{margin-top:25px}.section-label h2{font-size:21px}.section-label p{font-size:9px}.chapter-card:first-child{padding:20px 16px;gap:10px;grid-template-columns:35px 1fr 15px}.chapter-card{grid-template-columns:35px 1fr 15px;gap:10px}.chapter-card h3{font-size:14px}.chapter-card p{font-size:11px}.utility-grid,.term-list{grid-template-columns:1fr}.utility-card{padding:20px}.page-heading{padding-top:12px;padding-bottom:25px}.page-heading h1{font-size:31px;max-width:85%;letter-spacing:1px}.page-heading .big-number{font-size:115px;right:0;bottom:24px}.page-heading p{max-width:90%}.topic-row{grid-template-columns:31px 1fr 12px;gap:10px;padding:19px 0}.topic-row>.badge{display:none}.topic-row h2{font-size:14px}.topic-row p{font-size:11px}.article-header h1{font-size:30px}.article-deck{font-size:12px}.article-body{font-size:14px;line-height:1.95}.article-body h2{font-size:21px}.process div{padding:14px 5px;font-size:11px}.insight{padding:17px}.footer{font-size:9px;padding:18px 23px}.bottom-note{display:block;line-height:2}.bottom-note span{display:block}.contents-links{grid-template-columns:1fr}.resource-row{grid-template-columns:27px 1fr 15px;gap:12px}.resource-row h2{font-size:15px}.pending-box{padding:25px}.article-nav a{font-size:11px}.article-meta{gap:10px}.search-foot{padding:12px 18px;font-size:8px}.heading-meta{flex-wrap:wrap}.chapter-links{flex-wrap:wrap}.search-head,.search-input-wrap,.search-result{padding-left:18px;padding-right:18px}#search-input{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Reading sample: 1.1. A visual explanation inside a comfortable text measure. */
.sample-reading{grid-template-columns:minmax(0,660px) 150px;gap:56px;max-width:866px}
.sample-reading article{min-width:0}
.sample-reading .article-header{padding-top:14px;padding-bottom:30px;margin-bottom:35px}
.sample-reading .article-header h1{font-size:42px;letter-spacing:1.5px;margin:20px 0 14px}
.sample-reading .article-deck{font-size:15px;line-height:1.9}
.sample-reading .article-meta{font-size:10px;margin-top:23px}
.sample-reading .article-body{font-size:16.5px;line-height:1.95;color:#485044}
.sample-reading .article-body>p{margin:0 0 25px}
.sample-reading .article-body .reading-lead{font-family:var(--serif);font-size:20px;color:var(--ink);line-height:1.95;margin-bottom:40px}
.sample-reading .article-body h2{font-size:26px;margin:48px 0 22px;letter-spacing:.5px}
.sample-reading .brew-figure{margin:28px -24px 34px;padding:18px 22px 22px;background:#f0efe2;border:1px solid #dfdfcc;border-radius:5px}
.sample-reading .brew-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.sample-reading .brew-stage{position:relative;padding:0;margin:0;min-width:0;text-align:center}
.sample-reading .brew-stage:not(:last-child):after{content:"→";position:absolute;left:calc(100% + 2px);top:93px;color:#8d9879;font-family:Georgia,serif;font-size:22px}
.sample-reading .brew-stage img{width:100%;height:166px;object-fit:contain;display:block}
.sample-reading .step-count{display:block;font-size:10px;color:#8d7953;letter-spacing:1.1px;margin-top:1px}
.sample-reading .brew-stage h3{font-size:16px;font-weight:500;line-height:1.6;margin:8px 0;color:var(--ink)}
.sample-reading .brew-stage p{font-size:12px;line-height:1.8;color:#6e7664;margin:0}
.sample-reading figcaption{display:flex;align-items:baseline;gap:12px;border-top:1px solid #d7d8c3;margin-top:24px;padding-top:15px;font-size:11px;line-height:1.85;color:#7c826c;text-align:left}
.sample-reading .figure-number{flex-shrink:0;font-size:10px;color:#a17e36;letter-spacing:1px}
.sample-reading figcaption small{display:block;margin-top:5px;font-size:10px;color:#929680}
.sample-reading .sensory-note{padding:25px 27px;margin:32px 0 42px;background:#ecefdf;border-left-color:#758661}
.sample-reading .sensory-note small{font-size:10px;letter-spacing:1.2px;margin-bottom:12px;color:#647652}
.sample-reading .sensory-note strong{font-family:var(--serif);font-size:22px;line-height:1.7;font-weight:500;display:block}
.sample-reading .sensory-note p{font-size:14px;color:#6f7865;line-height:1.9;margin:12px 0 0}
.sample-reading .source-list{margin-top:45px;padding-top:24px;font-size:11px;line-height:2}
.sample-reading .toc{padding-top:27px}
@media(max-width:1180px){.sample-reading{grid-template-columns:minmax(0,660px) 140px;gap:36px}.sample-reading .brew-figure{margin-left:-12px;margin-right:-12px;padding-left:17px;padding-right:17px}.sample-reading .brew-stages{gap:16px}.sample-reading .brew-stage img{height:150px}.sample-reading .brew-stage:not(:last-child):after{left:calc(100% + 1px);top:86px;font-size:18px}}
@media(max-width:900px){.sample-reading{display:block;max-width:660px}.sample-reading .brew-figure{margin-left:-16px;margin-right:-16px}.sample-reading .brew-stage img{height:166px}}
@media(max-width:700px){.sample-reading .article-header{padding-top:9px;padding-bottom:25px;margin-bottom:28px}.sample-reading .article-header h1{font-size:33px;letter-spacing:1px;margin-top:18px}.sample-reading .article-deck{font-size:14px}.sample-reading .article-meta{gap:11px;font-size:9px;margin-top:20px}.sample-reading .article-body{font-size:16px;line-height:1.95}.sample-reading .article-body .reading-lead{font-size:18px;line-height:1.95;margin-bottom:31px}.sample-reading .desktop-break{display:none}.sample-reading .article-body h2{font-size:24px;margin-top:39px;margin-bottom:21px}.sample-reading .brew-figure{margin:24px -7px 30px;padding:10px 16px 19px}.sample-reading .brew-stages{display:block}.sample-reading .brew-stage{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:12px;text-align:left;padding:14px 0 20px;margin:0}.sample-reading .brew-stage img{width:106px;height:112px;object-fit:contain}.sample-reading .brew-stage:not(:last-child){border-bottom:1px solid #dbddc8}.sample-reading .brew-stage:not(:last-child):after{content:"↓";left:48px;top:auto;bottom:-15px;background:#f0efe2;padding:0 5px;font-size:18px;line-height:28px;z-index:1}.sample-reading .brew-stage h3{font-size:16px;margin:5px 0 6px}.sample-reading .brew-stage p{font-size:12px;line-height:1.85}.sample-reading .step-count{font-size:9px}.sample-reading figcaption{font-size:11px;gap:9px;margin-top:0;padding-top:14px}.sample-reading figcaption small{font-size:9px}.sample-reading .sensory-note{padding:21px 20px;margin-top:27px;margin-bottom:34px}.sample-reading .sensory-note strong{font-size:21px;line-height:1.7}.sample-reading .sensory-note p{font-size:14px}.sample-reading .source-list{font-size:10px;line-height:2}}
@media(max-width:360px){.sample-reading .brew-stage{grid-template-columns:88px minmax(0,1fr);gap:9px}.sample-reading .brew-stage img{width:88px}.sample-reading .brew-stage h3{font-size:15px}.sample-reading .brew-stage p{font-size:11px}}
.sample-reading .sensory-note strong span{display:inline-block}

/* Personal tasting notebook. The original pictures and words lead the page. */
.tasting-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;background:#eeefdf;border:1px solid var(--line);margin:30px 0 42px;overflow:hidden}
.tasting-feature-copy{padding:35px 0 35px 30px}.tasting-feature h2{font:500 28px/1.5 var(--serif);color:var(--ink);margin:18px 0 13px}.tasting-feature p{color:#737b65;font-size:15px;line-height:2;margin:0 0 25px}.tasting-feature-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px 20px 25px 0;align-items:center}.tasting-feature-images img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#e8e7d8;box-shadow:0 8px 20px #263f3012;transform:rotate(-5deg)}.tasting-feature-images img+img{transform:rotate(5deg) translateY(12px)}
.tasting-collection{max-width:1000px;margin:auto}.tasting-collection .page-heading p{font-size:15px;line-height:1.9;max-width:610px}.tasting-intro{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:2px 0 28px}.tasting-intro>span{font-size:11px;letter-spacing:1px;color:var(--olive);flex-shrink:0}.tasting-intro p{font-size:13px;color:var(--muted);margin:0;max-width:400px}.tasting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 32px}.tasting-card{display:block;min-width:0}.tasting-card-image{position:relative;background:#eae9dd;overflow:hidden;border:1px solid var(--line)}.tasting-card-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .3s}.tasting-card:hover img{transform:scale(1.025)}.tasting-count{position:absolute;top:12px;left:12px;background:var(--paper);font:13px/1 Georgia,serif;color:var(--ink);padding:9px 10px}.tasting-card-copy{padding:17px 2px 0}.tasting-card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--olive);font-size:11px;letter-spacing:.6px}.tasting-card h2{font:500 24px/1.5 var(--serif);color:var(--ink);margin:13px 0 9px}.tasting-card p{font-size:16px;color:#737b65;margin:0 0 20px;line-height:1.9}.tasting-card .text-link{color:var(--olive);border-bottom:1px solid #cdd3bb;padding-bottom:4px}.tasting-provenance{border-top:1px solid var(--line);margin-top:48px;padding-top:23px;max-width:750px;color:var(--muted);font-size:12px;line-height:1.95}.tasting-provenance p{margin:0 0 14px}
.tasting-detail{max-width:1050px;margin:0 auto}.tasting-detail-header{padding:10px 0 32px}.tasting-detail-header>.eyebrow{margin-top:35px}.tasting-detail h1{font:500 40px/1.5 var(--serif);color:var(--ink);letter-spacing:1px;margin:15px 0}.tasting-quote{font:22px/1.8 var(--serif);color:var(--olive);margin:0;max-width:700px}.tasting-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:45px;align-items:start}.tasting-photo{margin:0;min-width:0}.tasting-photo img{width:100%;height:auto;max-height:610px;object-fit:contain;display:block;background:#eae9dd;border:1px solid var(--line)}.tasting-photo figcaption{font-size:10px;color:var(--muted);margin-top:10px}.tasting-observation{min-width:0;padding-top:0}.tasting-observation h2{font-size:15px;letter-spacing:.5px;color:var(--ink);font-weight:500;margin:0 0 18px}.tasting-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:17px;border-bottom:1px solid var(--line)}.tasting-facts dt{font-size:10px;color:var(--muted);margin-bottom:7px}.tasting-facts dd{font-size:20px;line-height:1.6;color:var(--ink);margin:0;overflow-wrap:anywhere}.tasting-unit-note{font-size:10px;color:var(--muted);margin:11px 0 30px}.tasting-observation .tasting-radar-title{margin-top:25px;margin-bottom:0}.tasting-radar{margin:0}.tasting-radar svg{width:100%;max-width:320px;margin:0 auto;height:auto}.radar-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;text-align:center}.radar-values dt{font-size:11px;color:var(--olive)}.radar-values dd{font:16px/1.8 Georgia,serif;color:var(--ink);margin:3px 0 0}.tasting-scale-note{font-size:11px;line-height:1.9;color:var(--muted);margin:19px 0 0}.tasting-detail .article-nav{max-width:750px}.tasting-detail .article-nav a{max-width:46%}
@media(max-width:1100px){.tasting-detail-grid{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tasting-facts{gap:9px}.tasting-facts dd{font-size:18px}.tasting-feature h2{font-size:23px}.tasting-feature{gap:20px}.tasting-card h2{font-size:21px}}
@media(max-width:900px){.tasting-detail-grid{grid-template-columns:minmax(0,1fr)}.tasting-photo img{max-height:520px}.tasting-observation{padding-top:8px}.tasting-facts dd{font-size:22px}.tasting-feature{grid-template-columns:1fr}.tasting-feature-copy{padding:27px 27px 0}.tasting-feature-images{padding:0 27px 30px;max-width:420px;justify-self:end}.tasting-intro{display:block}.tasting-intro p{margin-top:12px}.tasting-grid{gap:35px 22px}}
@media(max-width:700px){.tasting-grid{grid-template-columns:1fr;gap:38px}.tasting-collection .page-heading h1{max-width:100%;font-size:32px}.tasting-collection .page-heading p{font-size:14px;max-width:100%}.tasting-feature{margin:25px 0 32px}.tasting-feature h2{font-size:26px}.tasting-feature-images{max-width:350px;width:100%;padding:5px 25px 28px}.tasting-card h2{font-size:24px}.tasting-card-copy{padding-top:16px}.tasting-provenance{margin-top:35px;font-size:12px}.tasting-detail-header{padding-top:5px;padding-bottom:28px}.tasting-detail h1{font-size:32px}.tasting-quote{font-size:21px}.tasting-detail-header>.eyebrow{margin-top:27px}.tasting-detail-grid{gap:24px}.tasting-photo img{max-height:none}.tasting-detail .article-nav a{font-size:12px}.tasting-feature-copy{padding:26px 24px 0}.tasting-feature p{margin-bottom:15px}.tasting-facts dd{font-size:20px}}

/* Beer field guide cover: illustration, chapter emblems and visual section breaks. */
.beer-home{--amber:#d79b32;--hop:#798b56;--icon-fill:#e9c275}
.beer-icon{width:72px;height:72px;flex-shrink:0;color:var(--ink)}
.beer-home .beer-cover{position:relative;isolation:isolate;grid-template-columns:1.05fr 1fr;gap:12px;min-height:435px;padding:34px 32px 28px 38px;background-color:#f1e6c6;background-image:radial-gradient(#9c783314 .7px,transparent .7px);background-size:9px 9px;border:1px solid #ded3ae;border-radius:5px;overflow:hidden}
.beer-cover:before{content:"";position:absolute;left:-110px;bottom:-260px;width:520px;height:380px;border:1px solid #c0a46955;border-radius:50%;transform:rotate(-20deg);z-index:-1}
.beer-home .hero h1{font-size:clamp(35px,3.3vw,49px);line-height:1.5;letter-spacing:1px;margin:23px 0 16px}
.beer-home .hero h1 em{isolation:isolate}.beer-home .hero h1 em:after{height:9px;bottom:6px;background:#dcb25499;transform:rotate(-2deg)}
.beer-home .hero .eyebrow{font-size:9px;letter-spacing:1.5px;color:#6f744c}
.beer-home .hero p{font-size:14px;line-height:2;color:#76734f;max-width:390px;margin-bottom:27px}
.beer-home .hero-actions{gap:23px}.beer-home .hero-actions .button{padding:12px 20px;font-size:12px;box-shadow:3px 3px 0 #cbb67977}.beer-home .hero-actions .text-link{font-size:12px;color:#68744c}
.cover-footnote{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:#8a805a;margin-top:33px}.cover-line{width:29px;height:1px;background:#a29260}
.beer-home .hero-visual{margin:0;width:100%;max-width:465px;align-self:center;position:relative}.beer-home .hero-visual>img{width:100%;height:auto;display:block}
.beer-home .visual-note{margin-top:-8px;padding:0 25px;letter-spacing:1px;font-size:9px;color:#8e7b4c}.beer-home .visual-note span:first-child{font-family:var(--sans);letter-spacing:.5px}
.cover-stamp{position:absolute;right:-2px;top:-2px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;border:1px solid #9a814e;border-radius:50%;font-size:12px;line-height:1.6;letter-spacing:2px;color:#8a6c36;transform:rotate(12deg);background:#f1e6c6dc;box-shadow:inset 0 0 0 5px #f1e6c6,inset 0 0 0 6px #b39a6755}.cover-stamp b{font-weight:500;font-size:14px}.cover-stamp small{font:6px/1.9 Georgia,serif;letter-spacing:.5px;margin-top:3px}
.ingredient-ribbon{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 10px;border-bottom:1px solid var(--line);font-size:11px;color:#8b896d;letter-spacing:1px}.ingredient-ribbon>span{display:flex;align-items:center;gap:11px}.ingredient-ribbon .beer-icon{width:25px;height:25px;--icon-fill:#dee3c8;color:#7f8a61}.ingredient-ribbon>i{width:4px;height:4px;background:#b0ad8d;border-radius:50%;flex-shrink:0}.ribbon-end b{font:27px/1 Georgia,serif;color:#9aab78;font-weight:400;margin-left:7px}
.beer-home .section-label{margin:45px 0 24px;align-items:center}.section-kicker{display:block;font-size:10px;letter-spacing:1.4px;color:#8b8f75;margin-bottom:9px}.beer-home .section-label h2{font-size:27px;letter-spacing:1px;line-height:1.5}.beer-home .section-label>.text-link{color:var(--olive);white-space:nowrap}
.beer-home .chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.beer-home .chapter-card{position:relative;display:flex;flex-direction:column;gap:14px;margin:0;padding:24px 23px 20px;min-width:0;min-height:266px;border:1px solid #dfdfcf;background:#f4f2e6;border-radius:3px;overflow:hidden;transition:transform .2s,background .2s,border-color .2s}
.beer-home .chapter-card:hover{transform:translateY(-4px);background:#eeefdf;border-color:#b7c09a}.beer-home .chapter-art{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;isolation:isolate}.beer-home .chapter-art .beer-icon{width:70px;height:70px;z-index:1}.chapter-ring{position:absolute;width:67px;height:67px;border-radius:50%;background:#e8e5ca;z-index:-1;left:1px;bottom:0}.beer-home .chapter-copy{width:100%;min-width:0;flex:1;display:flex;flex-direction:column}.chapter-overline{font:9px/1.6 Georgia,serif;letter-spacing:1.8px;color:#929179;display:flex;align-items:center;gap:16px;min-height:18px}.beer-home .chapter-card h3{font:500 21px/1.5 var(--serif);letter-spacing:.5px;margin:8px 0;color:var(--ink)}.beer-home .chapter-card p{font-size:12px;line-height:1.85;color:#81846f;margin:0 0 19px}.beer-home .chapter-card .card-meta{margin-top:auto;justify-content:space-between;font-size:10px;color:#8a8e76}.beer-home .chapter-card .arrow{margin:0;color:#89956f;font-size:20px;line-height:1}.beer-home .chapter-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:105px minmax(0,1fr) 230px;gap:25px;align-items:center;min-height:174px;padding:23px 32px;background:#e5e9d6;border:1px solid #ced5b7;border-left:4px solid var(--olive)}.beer-home .chapter-card:first-child:hover{background:#dfe6cc}.beer-home .chapter-card:first-child .chapter-art{width:104px;height:110px}.beer-home .chapter-card:first-child .beer-icon{width:96px;height:96px}.beer-home .chapter-card:first-child .chapter-ring{width:96px;height:96px;background:#d3dcba}.beer-home .chapter-card:first-child h3{font-size:27px;margin:7px 0}.beer-home .chapter-card:first-child p{font-size:13px;margin-bottom:13px;max-width:460px}.beer-home .chapter-card:first-child .card-meta{max-width:460px}.chapter-open{font:9px/1.8 var(--sans);letter-spacing:.5px;color:#627146;border:1px solid #b1bd94;border-radius:20px;padding:0 8px;background:#f4f5e6}.chapter-first-decor{border-left:1px solid #bac7a0;height:95px;padding-left:32px;display:flex;flex-direction:column;justify-content:center;gap:5px;transform:rotate(-4deg);opacity:.8}.chapter-first-decor span:first-child{font:62px/1 Georgia,serif;letter-spacing:4px;color:#849769}.chapter-first-decor span+span{font-size:11px;letter-spacing:4px;color:#7a8b63}
.beer-home .chapter-tone-3{background:#edf0e4;--icon-fill:#c5d1a3}.beer-home .chapter-tone-3 .chapter-ring{background:#e1e7cf}.beer-home .chapter-tone-4{background:#f2e9d8;--icon-fill:#dcac65}.beer-home .chapter-tone-4 .chapter-ring{background:#e9d8b8}.beer-home .chapter-tone-5{background:#f0ecde;--icon-fill:#e3bd65}.beer-home .chapter-tone-6{background:#efe9de;--icon-fill:#cda478}.beer-home .chapter-tone-6 .chapter-ring{background:#e6daca}.beer-home .chapter-tone-7{background:#e9ede3;--icon-fill:#c0ceab}.beer-home .chapter-tone-7 .chapter-ring{background:#dce3d1}
.collection-divider{display:flex;align-items:center;gap:22px;margin:49px 0 0}.collection-divider>span{height:1px;background:var(--line);flex:1}.collection-divider .beer-icon{width:35px;height:35px;color:#8b996f;--icon-fill:#dfe5ca;transform:rotate(-15deg)}.beer-home .home-collections .section-label{margin-top:29px}.beer-home .utility-grid{gap:19px}.beer-home .utility-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:30px 27px 26px;border:0;border-radius:4px;overflow:hidden;transition:transform .2s}.beer-home .utility-card:hover{transform:translateY(-3px)}.beer-home .field-card{background:#2b4634;color:#f3f0d9}.beer-home .industry-card{background:#e6c27a;color:#4f5135}.beer-home .collection-copy{position:relative;z-index:1;flex:1;min-width:0}.beer-home .utility-card small{font-size:9px;letter-spacing:1.7px;color:#bac6a1}.beer-home .industry-card small{color:#8f6a32}.beer-home .utility-card h3{font-size:25px;line-height:1.5;color:#f2f0dc;margin:15px 0 12px}.beer-home .industry-card h3{color:#394a31}.beer-home .utility-card p{font-size:12px;line-height:1.9;color:#c0cbb2;max-width:270px}.beer-home .industry-card p{color:#827144}.beer-home .utility-card .text-link{margin-top:24px;font-size:12px;color:#ecda9d}.beer-home .industry-card .text-link{color:#5c623e}.collection-count{display:block;color:#92a587;font-size:9px;letter-spacing:.3px;margin-top:17px}.industry-card .collection-count{color:#99804d}.collection-art{position:relative;width:105px;height:130px;display:flex;justify-content:center;align-items:center;flex-shrink:0;transform:rotate(8deg)}.collection-art .beer-icon{width:100px;height:100px;color:#d1d6b3;--icon-fill:#647d50;z-index:1}.industry-card .collection-art{transform:rotate(-5deg)}.industry-card .collection-art .beer-icon{color:#5e6b41;--icon-fill:#efd69d}.collection-orbit{position:absolute;inset:11px -12px;border:1px solid #b7c39840;border-radius:50%;transform:rotate(-25deg)}.industry-card .collection-orbit{border-color:#a4874555}
.home-tasting-link{display:grid;grid-template-columns:126px minmax(0,1fr) 25px;align-items:center;gap:26px;margin-top:22px;padding:23px 28px;border:1px solid var(--line);border-radius:4px;background:#f2f0e4}.home-tasting-pictures{height:90px;position:relative}.home-tasting-pictures img{position:absolute;width:80px;height:80px;object-fit:contain;left:0;top:0;transform:rotate(-8deg);border:3px solid var(--paper);box-shadow:0 3px 10px #263f3020;background:#e8e7d8}.home-tasting-pictures img+img{left:42px;top:8px;transform:rotate(8deg)}.home-tasting-link h3{font:500 19px/1.65 var(--serif);color:var(--ink);margin:0 0 8px}.home-tasting-link p{font-size:12px;color:var(--muted);margin:0}.home-tasting-link .section-kicker{font-size:9px;margin-bottom:6px}.tasting-link-arrow{font-size:25px;color:var(--olive)}.home-closing{display:flex;align-items:center;gap:14px;padding:34px 0 0;color:#8b907a;font-size:10px}.home-closing .beer-icon{width:27px;height:27px;--icon-fill:#e9d3a1;color:#88916c}.closing-rule{height:1px;background:var(--line);flex:1;margin:0 7px}.home-closing a{font-size:10px;color:var(--olive)}
@media(min-width:1600px){.beer-home .beer-cover{min-height:480px;padding-left:48px}.beer-home .hero h1{font-size:54px}.beer-home .hero-visual{max-width:500px}}
@media(max-width:1180px){.beer-home .beer-cover{padding:25px 24px 25px 29px;min-height:405px;grid-template-columns:1fr .95fr}.beer-home .hero h1{font-size:36px;letter-spacing:0}.beer-home .hero .eyebrow{font-size:8px;letter-spacing:1px}.beer-home .hero p{font-size:12px}.beer-home .hero-actions{gap:17px}.beer-home .hero-actions .button{font-size:11px;padding:10px 14px}.beer-home .hero-actions .text-link{font-size:11px}.cover-stamp{width:72px;height:72px;font-size:9px;top:0;right:-5px;letter-spacing:1px}.cover-stamp b{font-size:11px}.cover-stamp small{font-size:5px}.cover-footnote{font-size:9px;letter-spacing:0}.beer-home .visual-note{padding:0 12px;font-size:7px}.ingredient-ribbon{font-size:10px;letter-spacing:.3px;gap:12px}.ingredient-ribbon .beer-icon{width:23px;height:23px}.ribbon-end b{font-size:22px}.beer-home .chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beer-home .chapter-card{min-height:247px}.beer-home .chapter-card:first-child{grid-template-columns:85px minmax(0,1fr) 140px;gap:19px;padding:23px;min-height:165px}.beer-home .chapter-card:first-child .chapter-art{width:85px;height:95px}.beer-home .chapter-card:first-child .beer-icon{width:85px;height:85px}.beer-home .chapter-card:first-child .chapter-ring{width:83px;height:83px}.chapter-first-decor{padding-left:23px;height:85px}.chapter-first-decor span:first-child{font-size:40px;letter-spacing:2px}.chapter-first-decor span+span{font-size:9px;letter-spacing:1px}.beer-home .utility-card{padding:25px 22px}.beer-home .utility-card h3{font-size:21px}.collection-art{width:74px;height:100px}.collection-art .beer-icon{width:80px;height:80px}.beer-home .utility-card p{font-size:11px}.home-tasting-link{grid-template-columns:111px minmax(0,1fr) 20px;gap:20px;padding:22px}.home-tasting-link h3{font-size:17px}.home-tasting-pictures img{width:72px;height:72px}.home-tasting-pictures img+img{left:35px}}
@media(max-width:900px) and (min-width:701px){.beer-home .beer-cover{grid-template-columns:1fr;gap:0;padding:29px 28px 22px}.beer-home .hero h1{font-size:42px}.beer-home .hero p{font-size:13px}.beer-home .hero-visual{max-width:370px;justify-self:center;margin-top:-12px}.cover-footnote{display:none}.cover-stamp{top:18px;right:-14px}.ingredient-ribbon .ribbon-end{display:none}.ingredient-ribbon>i:last-of-type{display:none}.ingredient-ribbon{justify-content:space-around}.beer-home .section-label h2{font-size:24px}.beer-home .chapter-card{padding:20px 17px}.beer-home .chapter-card h3{font-size:20px}.beer-home .chapter-card:first-child{grid-template-columns:76px minmax(0,1fr);gap:20px}.chapter-first-decor{display:none}.beer-home .chapter-card:first-child h3{font-size:25px}.beer-home .utility-grid{grid-template-columns:1fr}.collection-art{width:115px}.collection-art .beer-icon{width:100px;height:100px}.beer-home .utility-card h3{font-size:25px}.beer-home .utility-card p{font-size:13px}.home-tasting-link{gap:17px;grid-template-columns:90px minmax(0,1fr) 16px;padding:19px}.home-tasting-pictures img{width:62px;height:72px}.home-tasting-pictures img+img{left:25px}.home-tasting-link h3{font-size:16px}.home-tasting-link p{font-size:11px}}
@media(max-width:700px){.beer-home .beer-cover{grid-template-columns:1fr;gap:0;padding:27px 22px 20px;min-height:0;border-radius:4px}.beer-home .hero h1{font-size:40px;letter-spacing:0;line-height:1.45;margin-top:22px}.beer-home .hero .eyebrow{font-size:8px;letter-spacing:.9px;gap:7px}.beer-home .hero .eyebrow:before{width:16px}.beer-home .hero p{font-size:13px;margin-bottom:23px}.beer-home .hero-actions{gap:21px}.beer-home .hero-actions .button{padding:11px 14px;font-size:11px}.beer-home .hero-actions .text-link{font-size:11px}.cover-footnote{display:none}.beer-home .hero-visual{max-width:350px;width:calc(100% + 20px);margin:10px -10px 0}.cover-stamp{right:2px;top:15px;width:74px;height:74px}.beer-home .visual-note{font-size:7px;padding:0 12px;margin-top:-3px}.ingredient-ribbon{padding:15px 0;gap:10px;font-size:9px;letter-spacing:0;justify-content:center}.ingredient-ribbon>span{gap:6px}.ingredient-ribbon .ribbon-end{display:none}.ingredient-ribbon>i:last-of-type{display:none}.ingredient-ribbon .beer-icon{width:20px;height:20px}.beer-home .section-label{margin-top:34px;margin-bottom:21px;gap:8px;align-items:flex-end}.section-kicker{font-size:9px;letter-spacing:.5px;margin-bottom:9px}.beer-home .section-label h2{font-size:23px;letter-spacing:.2px;line-height:1.5}.beer-home .section-label>.text-link{font-size:10px;gap:5px;padding-bottom:4px}.beer-home .chapter-grid{grid-template-columns:1fr;gap:12px}.beer-home .chapter-card{display:grid;grid-template-columns:71px minmax(0,1fr);gap:16px;min-height:0;padding:21px 18px 18px}.beer-home .chapter-art{width:70px;height:79px;align-self:center}.beer-home .chapter-art .beer-icon{width:65px;height:65px}.chapter-ring{width:62px;height:62px;bottom:3px;left:0}.chapter-overline{font-size:8px;letter-spacing:1.1px}.beer-home .chapter-card h3{font-size:21px;margin:5px 0 7px}.beer-home .chapter-card p{font-size:11px;line-height:1.8;margin-bottom:12px}.beer-home .chapter-card .card-meta{font-size:9px}.beer-home .chapter-card:first-child{display:grid;grid-template-columns:71px minmax(0,1fr);gap:16px;padding:23px 18px 21px 15px;min-height:0}.beer-home .chapter-card:first-child .chapter-art{width:70px;height:85px}.beer-home .chapter-card:first-child .beer-icon{width:73px;height:73px}.beer-home .chapter-card:first-child .chapter-ring{width:69px;height:69px}.beer-home .chapter-card:first-child h3{font-size:23px;margin:5px 0 8px}.beer-home .chapter-card:first-child p{font-size:12px;line-height:1.8;margin-bottom:13px}.chapter-first-decor{display:none}.chapter-open{font-size:8px;letter-spacing:0;padding:0 5px}.chapter-overline{gap:10px}.collection-divider{margin-top:32px;gap:16px}.collection-divider .beer-icon{width:29px;height:29px}.beer-home .home-collections .section-label{margin-top:23px}.beer-home .home-collections .section-label h2{font-size:23px}.beer-home .utility-grid{grid-template-columns:1fr;gap:14px}.beer-home .utility-card{padding:25px 22px;min-height:237px}.beer-home .utility-card h3{font-size:25px;margin-top:15px}.beer-home .utility-card p{font-size:12px}.collection-art{width:87px;height:110px}.collection-art .beer-icon{width:90px;height:90px}.beer-home .utility-card .text-link{margin-top:21px}.collection-count{font-size:9px}.home-tasting-link{position:relative;grid-template-columns:75px minmax(0,1fr);gap:16px;padding:22px 16px;margin-top:15px}.home-tasting-pictures{height:99px}.home-tasting-pictures img{width:62px;height:72px;top:0;left:0}.home-tasting-pictures img+img{left:12px;top:29px}.home-tasting-link h3{font-size:17px;line-height:1.7;padding-right:3px;margin-bottom:8px}.home-tasting-link p{font-size:11px}.tasting-link-arrow{position:absolute;right:12px;top:12px;font-size:19px}.home-tasting-link .section-kicker{font-size:8px;letter-spacing:.3px}.home-closing{display:flex;flex-wrap:wrap;gap:9px;padding-top:25px;font-size:9px}.home-closing .beer-icon{width:24px;height:24px}.home-closing .closing-rule{display:none}.home-closing a{margin-left:33px;font-size:9px;width:100%}}
@media(max-width:360px){.beer-home .beer-cover{padding:24px 17px 17px}.beer-home .hero h1{font-size:33px}.beer-home .hero .eyebrow{font-size:7px;letter-spacing:.3px}.beer-home .hero p{font-size:12px}.beer-home .hero-actions{gap:13px}.beer-home .hero-actions .button{padding:10px 12px;font-size:10px}.beer-home .hero-actions .text-link{font-size:10px}.beer-home .hero-visual{margin-top:18px}.cover-stamp{width:63px;height:63px;font-size:8px;right:0;top:5px}.cover-stamp b{font-size:9px}.cover-stamp small{font-size:4px}.beer-home .section-label h2{font-size:20px}.beer-home .section-label>.text-link{font-size:9px}.section-kicker{font-size:8px}.beer-home .chapter-card,.beer-home .chapter-card:first-child{grid-template-columns:55px minmax(0,1fr);gap:12px;padding-left:14px;padding-right:14px}.beer-home .chapter-art,.beer-home .chapter-card:first-child .chapter-art{width:54px;height:68px}.beer-home .chapter-art .beer-icon,.beer-home .chapter-card:first-child .beer-icon{width:55px;height:55px}.beer-home .chapter-ring,.beer-home .chapter-card:first-child .chapter-ring{width:52px;height:52px}.beer-home .chapter-card h3{font-size:20px}.beer-home .chapter-card:first-child h3{font-size:21px}.chapter-overline{gap:7px}.chapter-open{font-size:7px}.beer-home .home-collections .section-label h2{font-size:21px}.beer-home .utility-card{padding:23px 19px}.beer-home .utility-card h3{font-size:22px}.beer-home .utility-card p{font-size:11px}.collection-art{width:58px}.collection-art .beer-icon{width:65px;height:65px}.collection-orbit{inset:20px -7px}.collection-count{font-size:8px}}

/* Tactile details: an original bottle-cap seal, paper stock and a tasting photo deck. */
.beer-home .beer-cover{background-image:url('assets/paper-grain.svg'),linear-gradient(125deg,#f1e6c6,#f4e9ca 62%,#eddfb7);background-size:200px 200px,100% 100%}
.beer-home .chapter-card:first-child,.beer-home .utility-card{background-image:url('assets/paper-grain.svg');background-size:200px 200px}
.beer-home .bottlecap-stamp{display:block;width:116px;height:116px;right:-1px;top:-12px;padding:0;background:none;border:0;box-shadow:none;border-radius:0;transform:rotate(10deg);color:#8a6c36;filter:drop-shadow(1px 3px 1px #75572320);transition:transform .4s cubic-bezier(.2,.65,.3,1)}
.bottlecap-stamp svg{width:100%;height:100%;overflow:visible}.cap-edge{fill:#ead69d;stroke:#ad8a47;stroke-width:1.1}.cap-inner{fill:#f4e8c6;stroke:#bc9e5d;stroke-width:.8}.cap-center{stroke:#b49d6470;stroke-width:.65}.bottlecap-ring{transform-origin:60px 60px;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.bottlecap-ring text{fill:#94733d;font:7.5px Georgia,serif;letter-spacing:.5px}.bottlecap-stamp .cap-motto{fill:#79613a;font:600 11px var(--serif);letter-spacing:1px}.bottlecap-stamp .cap-edition{fill:#957b4b;font:5.5px Georgia,serif;letter-spacing:1.8px}.cap-hop{--icon-fill:#d0d5a7;color:#7a8050}.beer-home .hero-visual:hover .bottlecap-stamp{transform:rotate(-2deg)}.hero-visual:hover .bottlecap-ring{transform:rotate(25deg)}
.tasting-notebook{display:grid;grid-template-columns:minmax(245px,.82fr) minmax(0,1.18fr);gap:35px;align-items:center;position:relative;background:#f1eddf url('assets/paper-grain.svg') repeat;border:1px solid #dcd6c0;border-radius:4px;margin-top:23px;padding:34px 38px 28px;isolation:isolate;overflow:hidden}
.tasting-notebook:before{content:"";position:absolute;inset:10px;border:1px dashed #d1c9ad;border-radius:2px;pointer-events:none;z-index:-1}.tasting-notebook:after{content:"";position:absolute;top:0;bottom:0;left:41%;width:1px;background:linear-gradient(transparent,#d5ceb780 20%,#d5ceb780 80%,transparent);pointer-events:none;z-index:-1}
.notebook-photo-side{min-width:0;text-align:center;position:relative}.notebook-tab{display:inline-block;font:8px/1.7 Georgia,serif;letter-spacing:2px;color:#957c43;margin-bottom:17px;position:relative}.notebook-tab:after{content:"";position:absolute;left:22%;right:22%;height:4px;bottom:-5px;background:#d3b36866;transform:rotate(-2deg)}
.tasting-deck{position:relative;width:250px;max-width:100%;height:235px;margin:0 auto}
.deck-flip{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.deck-flip:active{cursor:grabbing}.deck-photo{position:absolute;display:flex;flex-direction:column;inset:8px 18px 7px;background:#fdfbf2;border:1px solid #e2dcc9;padding:7px 7px 0;box-shadow:0 5px 10px #40392118;border-radius:1px;transform-origin:50% 85%;pointer-events:none;transition:transform .22s ease;min-width:0}
.deck-photo img{width:100%;height:calc(100% - 30px);flex:1;min-height:0;object-fit:contain;display:block;background:#e8e4d6;-webkit-user-drag:none;pointer-events:none}
.deck-photo-caption{display:block;flex-shrink:0;font-size:10px;line-height:30px;color:#73755b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.deck-photo-2{transform:translate(12px,0) rotate(10deg)}.deck-photo-1{transform:translate(-12px,0) rotate(-11deg)}.deck-photo-0{transform:rotate(-3deg);box-shadow:0 9px 16px #40392122}
@media(hover:hover){.deck-flip:hover .deck-photo-2{transform:translate(16px,-2px) rotate(12deg)}.deck-flip:hover .deck-photo-1{transform:translate(-17px,-1px) rotate(-13deg)}.deck-flip:hover .deck-photo-0{transform:translateY(-4px) rotate(-1deg)}}
.deck-flip.deck-dragging .deck-photo-0{transform:translateX(var(--deck-drag,0px)) rotate(-3deg);transition:none}
.deck-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:14px;color:#7c805f}.deck-controls button{width:44px;height:44px;border:1px solid #d0ccb5;border-radius:50%;background:#f8f5e9;color:#68764e;font-size:19px;line-height:1;transition:background .15s,transform .15s}.deck-controls button:hover{background:#e6e9d4;transform:translateY(-1px)}.deck-controls>span{font:11px/1.5 Georgia,serif;letter-spacing:1.5px;min-width:59px}.notebook-photo-side>p{font-size:10px;letter-spacing:.3px;color:#96917a;margin:9px 0 0}
.notebook-copy{min-width:0;padding:0 0 8px 10px}.notebook-copy>.section-kicker{font-size:9px;letter-spacing:1px;color:#9a8151;margin-bottom:17px}.notebook-copy>h2{font:500 29px/1.65 var(--serif);letter-spacing:1px;color:var(--ink);margin:0 0 21px}.notebook-current{border-left:2px solid #bd9a53;padding-left:17px;margin:0 0 25px;min-height:73px}.notebook-current h3{font-size:12px;line-height:1.8;font-weight:400;color:#88876a;margin:0 0 5px}.notebook-current blockquote{font:19px/1.85 var(--serif);color:#64734c;margin:0;overflow-wrap:anywhere}.notebook-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.notebook-links .button{font-size:11px;padding:9px 13px;background:#e7e9d6;border-color:#c2c9ab;color:#53663f}.notebook-links .text-link{font-size:11px;color:#6e7c52}.notebook-footnote{display:block;font-size:10px;color:#9a947b;margin-top:23px;letter-spacing:.5px}
@media(max-width:1180px){.beer-home .bottlecap-stamp{width:91px;height:91px;right:-5px;top:-13px}.tasting-notebook{grid-template-columns:minmax(190px,.83fr) minmax(0,1.17fr);padding:30px 27px 25px;gap:26px}.tasting-deck{width:220px;height:220px}.notebook-copy{padding-left:6px}.notebook-copy>h2{font-size:25px;letter-spacing:.5px}.notebook-current blockquote{font-size:18px}.notebook-links{gap:17px}.notebook-links .button,.notebook-links .text-link{font-size:10px}}
@media(max-width:900px){.tasting-notebook{grid-template-columns:1fr;gap:26px;padding:31px 30px}.tasting-notebook:after{display:none}.tasting-deck{width:255px;height:250px}.notebook-copy{padding:0 5px 0;text-align:left;border-top:1px solid #dbd5c1;padding-top:25px}.notebook-copy>h2{font-size:27px}.notebook-copy>h2 br{display:none}.notebook-current{min-height:0}.notebook-footnote{margin-top:19px}.notebook-links .button,.notebook-links .text-link{font-size:11px}}
@media(max-width:700px){.beer-home .bottlecap-stamp{width:88px;height:88px;right:-1px;top:8px}.tasting-notebook{padding:29px 24px 28px;margin-top:17px;gap:22px}.tasting-deck{width:240px;height:240px}.notebook-copy{padding-left:0;padding-right:0;padding-top:24px}.notebook-copy>.section-kicker{font-size:9px;margin-bottom:13px}.notebook-copy>h2{font-size:24px;line-height:1.7;letter-spacing:.5px;margin-bottom:21px}.notebook-copy>h2 br{display:block}.notebook-current blockquote{font-size:20px}.notebook-current h3{font-size:12px}.notebook-links{gap:17px}.notebook-links .button{padding:10px 11px;font-size:11px}.notebook-links .text-link{font-size:11px}.notebook-footnote{font-size:9px}.deck-controls{margin-top:15px}.notebook-tab{font-size:8px}.deck-photo-caption{font-size:10px}.notebook-photo-side>p{font-size:9px}}
@media(max-width:360px){.beer-home .bottlecap-stamp{width:73px;height:73px;right:0;top:4px}.tasting-notebook{padding:27px 20px 25px}.tasting-deck{width:205px;height:210px}.deck-photo{inset:9px 15px 8px;padding:6px 6px 0}.notebook-copy>h2{font-size:23px}.notebook-copy>.section-kicker{font-size:8px;letter-spacing:.5px}.notebook-links{gap:13px}.notebook-links .button{font-size:10px;padding:10px}.notebook-links .text-link{font-size:10px}.notebook-current blockquote{font-size:19px}.notebook-photo-side>p{font-size:8px}}

/* The tasting overview contains the complete notes; individual pages remain available. */
.tasting-collection-full .tasting-grid{gap:30px 26px;align-items:stretch}
.collection-reading-note{margin:0 0 30px;padding:17px 21px;background:#eeefdf;border-left:2px solid #a5b18b;color:#79816b;font-size:11px;line-height:1.95}
.collection-reading-note p{margin:0}.collection-reading-note p+p{margin-top:7px}.collection-reading-note strong{color:#5d7049;font-size:11px;font-weight:500;margin-right:14px}
.tasting-card-complete{border:1px solid var(--line);background:#f6f4e9;display:flex;flex-direction:column;border-radius:3px;overflow:hidden}
.tasting-card-complete .tasting-card-image{display:block;border:0;border-bottom:1px solid var(--line);flex-shrink:0}
.tasting-card-complete .tasting-card-copy{padding:21px 24px 23px;display:flex;flex-direction:column;flex:1}
.tasting-card-complete h2{font-size:24px;line-height:1.55;margin:0 0 11px}
.tasting-card-complete .tasting-quote{font:17px/1.9 var(--serif);color:#71805a;margin:0 0 22px}
.tasting-card-complete .tasting-facts{padding-bottom:19px;gap:15px}
.tasting-card-complete .tasting-facts dt{font-size:10px;margin-bottom:8px}
.tasting-card-complete .tasting-facts dd{font-size:18px;line-height:1.7}
.collection-radar{margin-top:auto;padding-top:17px}
.collection-radar h3{font-size:11px;color:#7e856b;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;font-weight:400;margin:0 0 7px}
.collection-radar h3 span{font:10px Georgia,serif;color:#9b9e84}
.collection-radar .tasting-radar{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:16px;align-items:center}
.collection-radar .tasting-radar svg{max-width:260px}
.collection-radar .radar-values{grid-template-columns:1fr;gap:15px;text-align:left}
.collection-radar .radar-values dt{font-size:10px}
.collection-radar .radar-values dd{font-size:15px;margin-top:1px}
.tasting-card-complete .standalone-note{align-self:flex-start;font-size:10px;margin-top:16px;padding-bottom:3px}
@media(max-width:1180px){.tasting-card-complete .tasting-card-copy{padding:20px}.tasting-card-complete h2{font-size:22px}.tasting-card-complete .tasting-facts{gap:10px}.tasting-card-complete .tasting-facts dd{font-size:17px}.collection-radar .tasting-radar{grid-template-columns:minmax(0,1fr) 60px;gap:10px}}
@media(max-width:900px){.tasting-collection-full .tasting-grid{grid-template-columns:1fr}.tasting-card-complete .tasting-card-copy{padding:24px 27px}.tasting-card-complete h2{font-size:25px}.collection-radar .tasting-radar{grid-template-columns:minmax(0,1fr) 85px;gap:20px}.collection-radar .tasting-radar svg{max-width:290px}.collection-radar .radar-values dd{font-size:16px}.tasting-card-complete .tasting-facts dd{font-size:20px}}
@media(max-width:700px){.collection-reading-note{padding:16px 17px;font-size:11px;margin-bottom:24px}.collection-reading-note strong{display:block;margin-bottom:6px}.tasting-collection-full .tasting-grid{gap:26px}.tasting-card-complete .tasting-card-copy{padding:21px}.tasting-card-complete h2{font-size:23px}.tasting-card-complete .tasting-quote{font-size:18px;margin-bottom:21px}.tasting-card-complete .tasting-facts{gap:10px}.tasting-card-complete .tasting-facts dd{font-size:18px}.collection-radar .tasting-radar{grid-template-columns:minmax(0,1fr) 66px;gap:12px}.collection-radar .radar-values dd{font-size:15px}.collection-radar .radar-values{gap:13px}.tasting-card-complete .standalone-note{font-size:11px;margin-top:18px}}
@media(max-width:360px){.tasting-card-complete .tasting-card-copy{padding:19px 17px}.tasting-card-complete h2{font-size:22px}.tasting-card-complete .tasting-facts{gap:7px}.tasting-card-complete .tasting-facts dt{font-size:9px}.tasting-card-complete .tasting-facts dd{font-size:17px}.collection-radar .tasting-radar{display:block}.collection-radar .tasting-radar svg{max-width:235px}.collection-radar .radar-values{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:8px}.collection-radar .radar-values dt{font-size:10px}.collection-radar .radar-values dd{font-size:14px}.tasting-card-complete .standalone-note{margin-top:22px}}

/* Shared beer field guide identity, also used on dreamium.si. */
.brand-logo{width:43px;height:43px;flex-shrink:0;display:block}

/* Beer illustration: rising bubbles and a small lift on hover. */
.beer-home .hero-visual>img{transition:transform .6s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.beer-home .hero-visual:hover>img{transform:translateY(-3px) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.beer-home .hero-visual>img{transition:none}}