:root{color-scheme:dark;--bg:#0c0a09;--surface:#171310;--card:#211a15;--line:rgba(204,164,99,.21);--line-strong:rgba(221,174,103,.42);--gold:#e8c48a;--gold2:#c69d60;--cream:#fcf2dc;--text:#f4ecde;--muted:#ad9b85;--quiet:#786a5d;--rose:#c16c53;--radius:18px;--shadow:0 12px 42px rgba(0,0,0,.42);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -13%,rgba(141,85,38,.24),transparent 55%),var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--gold);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app{min-height:100dvh}.app-shell{max-width:1050px;margin:auto;min-height:100dvh;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.main{padding:0 max(16px,env(safe-area-inset-left)) 32px max(16px,env(safe-area-inset-right));max-width:760px;margin:auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(13px + env(safe-area-inset-top)) 21px 13px;background:linear-gradient(180deg,rgba(12,10,9,.98),rgba(12,10,9,.91));backdrop-filter:blur(15px);border-bottom:1px solid rgba(207,164,99,.12);max-width:760px;margin:auto}.topbrand{font:20px/1.03 Georgia,'Times New Roman',serif;color:var(--gold);letter-spacing:.07em;text-transform:uppercase;max-width:250px}.topbrand small{display:block;font:9px/1.5 -apple-system,sans-serif;letter-spacing:.32em;color:var(--muted);margin-bottom:2px}.brandmark{width:40px;height:40px;background:#1d160f;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0}.tagline{text-transform:uppercase;letter-spacing:.26em;font-size:10px;color:var(--gold2);font-weight:650}.title{font:normal clamp(36px,7.8vw,52px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:var(--cream);margin:0}.section-title{font:normal clamp(27px,6vw,36px)/1.1 Georgia,'Times New Roman',serif;color:var(--cream);margin:0}.subline{color:var(--muted);font-size:13px;line-height:1.58}.section-head{display:flex;align-items:end;justify-content:space-between;margin:25px 0 14px;gap:12px}.section-link{border:0;background:none;color:var(--gold);font-size:12px;white-space:nowrap}.hero{height:min(70vw,420px);min-height:300px;max-height:415px;margin:13px -4px 0;border:1px solid rgba(224,178,103,.24);border-radius:23px;position:relative;overflow:hidden;background:#18100a;isolation:isolate;box-shadow:var(--shadow)}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.92) 1%,rgba(8,7,6,.59) 55%,rgba(8,7,6,.14) 100%),linear-gradient(0deg,rgba(12,8,5,.63),transparent 55%);z-index:-1}.hero img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;inset:0;z-index:-2;filter:brightness(.94)}.hero-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px clamp(24px,5vw,52px);max-width:530px}.hero .title{margin:13px 0 11px}.hero-desc{font-size:13px;color:#e3d4bd;line-height:1.7;max-width:270px}.hero-decoration{height:1px;background:linear-gradient(90deg,var(--gold2),transparent);width:95px;margin:18px 0}.gold-button{border:1px solid #f5dcab;border-radius:12px;background:linear-gradient(115deg,#ecc98e,#bd8d4a);color:#191007;min-height:46px;padding:11px 19px;font-size:12px;font-weight:750;letter-spacing:.035em;display:inline-flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 9px 28px #0006}.ghost-button{border:1px solid var(--line-strong);border-radius:12px;color:var(--gold);background:rgba(33,26,19,.8);padding:10px 15px;min-height:44px;display:inline-flex;align-items:center;gap:8px;justify-content:center}.ghost-button.active{color:#191007;background:var(--gold)}.search-box{display:flex;align-items:center;gap:9px;width:100%;border:1px solid var(--line-strong);background:linear-gradient(180deg,#221c17,#17120e);border-radius:14px;height:49px;padding:0 13px;color:var(--gold2)}.search-box input{background:none;border:none;outline:none;color:var(--cream);font-size:14px;width:100%;min-width:0}.search-box input::placeholder{color:#8c8174}.search-box:focus-within{border-color:var(--gold)}.home-search{margin:17px 0 12px}.quickgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quicktile{min-height:111px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(66,44,22,.38),rgba(24,18,13,.94));border-radius:15px;text-align:left;padding:17px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;color:var(--cream)}.quicktile .svgico{width:22px;height:22px;color:var(--gold)}.quicktile strong{display:block;font-size:13px;letter-spacing:.02em}.quicktile small{color:var(--muted);display:block;font-size:11px;margin-top:3px}.drinks-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;padding-bottom:8px;scrollbar-width:none}.drinks-scroll::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.feature-card{border:1px solid var(--line);background:#18130f;border-radius:14px;overflow:hidden;flex:0 0 168px;scroll-snap-align:start;text-align:left;padding:0;color:var(--cream)}.feature-card img{width:100%;height:132px;display:block;object-fit:cover}.feature-card .fc-body{padding:10px 12px 12px}.feature-card strong{font:19px/1.05 Georgia,serif;display:block}.feature-card small{font-size:10px;color:var(--muted)}.source-strip{border:1px solid var(--line);padding:15px;border-radius:14px;background:#17120e;display:flex;align-items:center;gap:12px;margin:17px 0 9px}.source-strip strong{display:block;font-size:13px;color:var(--cream)}.source-strip small{color:var(--muted);line-height:1.6;font-size:11px;display:block}.source-strip .svgico{color:var(--gold)}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:4px 1px 9px}.chip{white-space:nowrap;border:1px solid var(--line-strong);background:#1d1711;color:#d0bfab;border-radius:50px;padding:9px 13px;font-size:11px;min-height:36px}.chip.on{background:linear-gradient(125deg,#efd9a4,#d0a766);color:#1d130b;border-color:var(--gold);font-weight:750}.filters{margin:18px 0 5px}.browse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:9px 0 35px}.browse-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#211a14,#17120f);border-radius:16px;padding:0;text-align:left;overflow:hidden;min-width:0;color:var(--text);box-shadow:0 6px 18px #0003}.browse-card>img{width:100%;aspect-ratio:1.17;object-fit:cover;display:block}.browse-card .bbody{padding:10px 12px 14px}.bbody strong{font:19px/1 Georgia,serif;color:var(--cream);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbody small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.badge-small{font-size:9px;letter-spacing:.05em;padding:5px 8px;color:#fde3b2;border:1px solid rgba(237,189,103,.55);border-radius:7px;background:rgba(14,10,8,.68);backdrop-filter:blur(6px)}.browse-card .badge-small{position:absolute;top:9px;left:9px}.empty{padding:32px 19px;text-align:center;background:#17120e;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted)}.empty .svgico{color:var(--gold);width:29px;height:29px}.empty strong{display:block;color:var(--cream);font:24px Georgia,serif;margin:14px 0 8px}.empty p{font-size:13px;line-height:1.6}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);height:calc(74px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(17,13,11,.97);backdrop-filter:blur(20px);border-top:1px solid var(--line-strong);padding:7px 6px calc(8px + env(safe-area-inset-bottom))}.navbtn{border:none;background:none;color:#95826d;display:grid;justify-items:center;align-content:center;gap:5px;font-size:10px;padding:2px 0;min-width:0}.navbtn .svgico{width:21px;height:21px}.navbtn.active{color:var(--gold)}.navbtn span{white-space:nowrap}.page-heading{text-align:center;padding:28px 0 12px}.page-heading .tagline{margin:0 0 8px}.page-heading .subline{margin:11px auto;max-width:330px}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--gold2);text-transform:uppercase}.counter{font-size:11px;color:var(--muted);margin:3px 2px 16px}.checklist-wrap{margin:16px 0}.pantry-group{margin:22px 0 18px}.pantry-group h3{font:21px Georgia,serif;color:var(--gold);margin:6px 0 10px}.pantry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pantry-btn{background:#1a1410;color:var(--cream);border:1px solid var(--line);min-height:44px;border-radius:11px;display:flex;justify-content:space-between;gap:6px;align-items:center;text-align:left;padding:9px 10px;font-size:12px}.pantry-btn.selected{background:#382b19;border-color:var(--gold2)}.pantry-btn .check{color:var(--gold);font-size:17px;min-width:16px}.pantry-btn:not(.selected) .check{color:#675744}.success-banner{background:linear-gradient(130deg,#342719,#1c1510);border:1px solid var(--line-strong);padding:16px;border-radius:15px;margin:20px 0;line-height:1.55}.success-banner strong{font:23px Georgia,serif;color:var(--gold)}.success-banner p{font-size:12px;color:var(--muted);margin:6px 0 0}.match-list{display:grid;gap:10px;margin-top:13px}.match-card{display:flex;align-items:center;gap:12px;text-align:left;background:linear-gradient(115deg,#241b15,#17120e);border:1px solid var(--line);border-radius:13px;color:var(--cream);padding:7px;min-height:75px}.match-card img{width:71px;height:70px;object-fit:cover;border-radius:9px;flex:none}.match-card strong{font:20px Georgia,serif;display:block}.match-card small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.match-card .arrow{margin-left:auto;color:var(--gold);padding:8px}.learn-card{border:1px solid var(--line);background:linear-gradient(135deg,#241a12,#17110d);border-radius:17px;padding:19px;margin:13px 0}.learn-card h3{font:23px Georgia,serif;color:var(--cream);margin:0 0 8px}.learn-card p{color:var(--muted);font-size:13px;line-height:1.68;margin:6px 0}.learn-card b{color:var(--gold)}.learn-card .mini-icon{color:var(--gold);margin-bottom:8px}.flashcard{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line-strong);border-radius:20px;background:radial-gradient(circle at 50% 14%,#49331b,#1c1510 74%);padding:24px 16px;box-shadow:var(--shadow)}.flashcard h3{font:34px Georgia,serif;margin:14px 0 8px}.flashcard p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.6}.flash-answer{border-top:1px solid var(--line);padding-top:15px;margin-top:8px;width:100%;color:var(--cream)!important}.flash-btns{display:flex;gap:10px;margin:13px 0 22px}.flash-btns>button{flex:1}.ratio-line{margin:10px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.ratio-line em{font-style:normal;color:var(--gold);white-space:nowrap}.conversion{padding:19px;border:1px solid var(--line);border-radius:15px;background:#19140f}.convert-controls{display:flex;gap:12px;align-items:center;margin:12px 0}.convert-controls input{width:100%;min-width:0;max-width:125px;background:#0f0c09;border:1px solid var(--line-strong);border-radius:9px;color:var(--cream);padding:13px;font-size:22px}.convert-controls strong{font:27px Georgia,serif;color:var(--gold)}.conversion small{font-size:11px;color:var(--muted)}.notice{font-size:12px;color:var(--muted);line-height:1.63;border-left:2px solid var(--gold2);padding-left:12px;margin:14px 0}.sticky-top{position:sticky;top:calc(66px + env(safe-area-inset-top));z-index:15;background:var(--bg);padding-top:12px;padding-bottom:5px}.sheet-wrap{position:fixed;z-index:55;inset:0;background:rgba(0,0,0,.77);display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .16s ease-out}.detail-sheet{width:min(100%,760px);max-height:98dvh;overflow-y:auto;overscroll-behavior:contain;background:#120e0b;border-radius:23px 23px 0 0;border:1px solid rgba(224,178,103,.32);box-shadow:0 -25px 100px #000a;position:relative;scrollbar-width:thin}.sheet-photo{height:clamp(215px,39vh,330px);position:relative;overflow:hidden}.sheet-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.sheet-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#120e0b,transparent 63%)}.sheet-actions{position:absolute;z-index:3;top:calc(14px + env(safe-area-inset-top));left:14px;right:14px;display:flex;justify-content:space-between}.circle-icon{width:44px;height:44px;background:rgba(16,11,8,.7);border:1px solid #c69d6060;border-radius:50%;display:grid;place-items:center;color:var(--cream);backdrop-filter:blur(10px)}.circle-icon.hearted{color:#ecc98e}.detail-body{position:relative;margin-top:-66px;padding:0 19px calc(35px + env(safe-area-inset-bottom));z-index:2}.detail-name{font:clamp(35px,8vw,47px)/1.05 Georgia,serif;color:var(--cream);margin:13px 0 6px}.detail-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:13px 0}.detail-meta span{padding:8px 10px;border-radius:6px;background:#271c12;border:1px solid var(--line)}.section-label{font-size:10px;letter-spacing:.22em;color:var(--gold2);text-transform:uppercase;margin:22px 0 11px}.detail-ingredients{border-top:1px solid var(--line)}.ingredient-row{display:grid;grid-template-columns:85px 1fr;gap:15px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;min-height:44px}.ingredient-row .amt{color:var(--gold);font-size:14px;font-weight:650}.ingredient-row .option{display:block;font-size:10px;color:var(--muted);margin-top:3px}.steps{counter-reset:method;list-style:none;padding:0;margin:0}.steps li{display:flex;gap:12px;align-items:flex-start;margin:0 0 15px;color:#dbcfbd;font-size:13px;line-height:1.65}.steps li::before{counter-increment:method;content:counter(method);border:1px solid var(--gold2);border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center;color:var(--gold);font-size:11px}.glass-garnish{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-tile{background:#201811;border:1px solid var(--line);border-radius:12px;padding:13px;min-width:0}.detail-tile small{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin:0 0 8px}.detail-tile p{font-size:12px;color:var(--cream);line-height:1.5;margin:0}.spec-source{margin:19px 0;border:1px solid var(--line-strong);border-radius:12px;background:rgba(203,149,77,.09);padding:13px;display:flex;gap:12px;align-items:center}.spec-source .svgico{color:var(--gold)}.spec-source a{font-size:12px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}.spec-source small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.note-field{width:100%;min-height:80px;resize:vertical;background:#1e1712;border:1px solid var(--line-strong);border-radius:10px;color:var(--cream);padding:12px;font-size:13px;line-height:1.5}.inline-actions{display:flex;gap:9px;margin:12px 0}.inline-actions button{flex:1}.unit-toggle{display:inline-flex;border:1px solid var(--line-strong);background:#17120f;border-radius:9px;padding:3px;gap:3px}.unit-toggle button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:6px 10px;font-size:11px;min-width:42px}.unit-toggle button.active{background:var(--gold);color:#21150d;font-weight:bold}.credit{color:var(--quiet);text-align:center;font-size:10px;margin:30px 0 13px;line-height:1.6}.gear{display:flex;justify-content:space-between;align-items:center;margin:8px 0 13px}.gear p{color:var(--muted);font-size:11px}.count-pill{color:var(--gold);border:1px solid var(--line-strong);padding:6px 10px;border-radius:18px;font-size:11px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hotbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.hotbar .ghost-button{font-size:11px;flex:1}.footlink{font-size:11px;color:var(--muted);text-align:center;margin:18px 0}.footlink a{text-decoration:underline}.spacer{height:10px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(min-width:700px){.main{padding-left:32px;padding-right:32px}.hero{height:390px}.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pantry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quickgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-heading{padding:42px 0 22px}.detail-body{padding-left:30px;padding-right:30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition:none!important}}

.shift-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 5px}.shift-button{border:1px solid rgba(232,196,138,.45);background:linear-gradient(120deg,#2b2117,#1b140f);border-radius:10px;color:var(--gold);font-size:12px;min-height:40px;padding:7px 12px;display:flex;gap:8px;align-items:center;font-weight:650}.shift-button.on{background:var(--gold);color:#21150d}.shift-on .sheet-photo{height:106px}.shift-on .detail-body{margin-top:-22px}.shift-on .detail-name{font-size:36px;margin-top:8px}.shift-on .ingredient-row{min-height:61px;grid-template-columns:104px 1fr;gap:12px;font-size:14px}.shift-on .ingredient-row .amt{font-size:18px}.shift-on .detail-meta{margin:6px 0}.shift-on .detail-body>.spec-source,.shift-on .detail-body>.inline-actions,.shift-on .detail-body>.note-field{display:none}.shift-on .detail-body>.notice{display:none}.shift-on .detail-body>.section-label{margin-top:15px}


/* V2: first-class, provenance-aware personal recipe collection */
.house-intro{font-size:12px;line-height:1.65;color:var(--muted);margin:-4px 0 13px}
.personal-source strong{color:var(--cream);font-size:12px;display:block}
.original-card{margin:-5px 0 21px;border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(140deg,rgba(199,150,78,.13),rgba(23,18,14,.97));overflow:hidden}
.original-card summary{cursor:pointer;list-style:none;color:var(--gold);font-size:13px;font-weight:600;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}
.original-card summary::-webkit-details-marker{display:none}
.original-card summary .svgico{transition:transform .18s ease}
.original-card[open] summary .svgico{transform:rotate(90deg)}
.original-card img{display:block;max-width:500px;width:100%;height:auto;object-fit:contain;background:white;margin:0 auto 8px;border-radius:7px}
@media(max-width:370px){.original-card summary{font-size:12px}}

/* V3 — The Technique Atelier. A responsive and accessible lesson library. */
.skill-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#201913;border:1px solid var(--line);border-radius:15px;padding:4px;margin:10px 0 16px;position:relative}
.skill-tab{border:0;background:transparent;color:#ac9984;min-width:0;border-radius:11px;padding:12px 4px;font-size:11px;font-weight:600;letter-spacing:.01em}
.skill-tab.selected{color:#1a1109;background:linear-gradient(125deg,#f1d49f,#c59458);box-shadow:0 4px 13px rgba(0,0,0,.34)}
.skill-hero{position:relative;isolation:isolate;min-height:290px;margin:0 -3px 20px;background:linear-gradient(105deg,#26180e 0%,#110d0a 62%,#21160e 100%);border-radius:23px;border:1px solid rgba(233,183,107,.28);box-shadow:0 20px 46px #0005;overflow:hidden;padding:33px 24px 22px}
.skill-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 96% 17%,rgba(237,173,93,.16),transparent 50%),repeating-linear-gradient(-35deg,transparent 0 24px,rgba(221,156,80,.022) 25px 26px);z-index:-1}
.skill-hero h2{font:normal clamp(31px,7.6vw,48px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.022em;color:var(--cream);margin:16px 0 10px;max-width:270px;position:relative;z-index:2}
.skill-hero h2 em{font-weight:normal;font-style:italic;color:var(--gold)}
.skill-hero>p:not(.tagline){max-width:236px;font-size:12px;line-height:1.7;color:#dbc8af;position:relative;z-index:2;margin:0}
.skill-stats{display:flex;gap:18px;margin-top:22px;position:relative;z-index:2}
.skill-stats span{font-size:10px;color:#c3ad92;letter-spacing:.01em;display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.skill-stats b{color:#f6dcac;font:22px Georgia,serif}
.skill-hero-art{position:absolute;width:185px;height:220px;right:-25px;top:23px;transform:rotate(12deg);opacity:.73;filter:drop-shadow(0 0 25px rgba(224,159,70,.3));pointer-events:none;z-index:-1}
.skill-hero-art svg{height:100%;width:100%}
.skill-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 25px}
.skill-feature{min-height:166px;padding:16px 13px;text-align:left;border:1px solid rgba(237,191,119,.33);border-radius:17px;color:var(--cream);background:radial-gradient(circle at 100% 0,rgba(199,123,49,.17),transparent 60%),linear-gradient(150deg,#302118,#17110d);display:flex;flex-direction:column;align-items:flex-start}
.skill-feature.alt{background:radial-gradient(circle at 0% 100%,rgba(201,173,115,.14),transparent 60%),linear-gradient(130deg,#25251f,#13110f)}
.skill-feature .feature-counter{color:var(--gold2);font-size:9px;letter-spacing:.17em;font-weight:700}
.skill-feature h3{color:var(--cream);font:24px/1.05 Georgia,serif;margin:20px 0 4px}
.skill-feature p{font-size:10px;color:var(--muted);margin:0 0 14px}
.skill-feature>span:last-child{color:var(--gold);font-size:10px;display:flex;gap:5px;align-items:center;margin-top:auto}
.skills-section-head{align-items:center;margin-bottom:12px}
.skills-section-head .section-title{font-size:25px}
.skill-categories{margin:13px 0 8px}
.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 27px}
.skill-card{min-width:0;position:relative;text-align:left;padding:0;border:1px solid rgba(228,185,119,.19);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#221a15,#15100d);color:var(--cream);display:flex;flex-direction:column;box-shadow:0 8px 21px rgba(0,0,0,.2)}
.skill-art{height:107px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 52% 45%,#54402b,#271b13 58%,#17110d);display:grid;place-items:center;border-bottom:1px solid rgba(235,191,119,.12)}
.skill-art:before{content:'';position:absolute;inset:8px;border:1px solid rgba(232,182,108,.1);border-radius:8px}
.skill-art:after{content:'';position:absolute;left:-28px;bottom:11px;width:180px;height:1px;transform:rotate(-30deg);background:linear-gradient(90deg,transparent,#e4b5732f,transparent)}
.skill-art.art-garnish{background:radial-gradient(circle at 55% 30%,#3c3c23,#211e14 66%,#17120e)}
.skill-art.art-ice-balance{background:radial-gradient(circle at 50% 35%,#23333b,#192329 65%,#131211)}
.skill-art.art-texture{background:radial-gradient(circle at 56% 34%,#3d3035,#221b20 65%,#161214)}
.skill-art.art-creative-advanced{background:radial-gradient(circle at 52% 35%,#423327,#211713 60%,#16110f)}
.skill-art.art-service{background:radial-gradient(circle at 51% 34%,#303224,#1b1c14 63%,#11130f)}
.tech-glyph{width:80px;height:80px;color:#edc28b;opacity:.88;filter:drop-shadow(0 3px 12px rgba(237,177,105,.2));position:relative;z-index:1}
.skill-card-copy{padding:13px 12px 13px;display:flex;flex-direction:column;flex:1;min-height:174px}
.skill-card-overline{color:#d2ab73;font-size:8px;letter-spacing:.085em;text-transform:uppercase;line-height:1.4;font-weight:750}
.skill-card-overline span{color:#745f4a;margin:0 3px}
.skill-card h3{font:normal 20px/1.08 Georgia,serif;margin:9px 0 6px;color:#f7e6c6}
.skill-card p{font-size:11px;line-height:1.45;color:#ab9782;margin:0 0 11px}
.skill-read{margin-top:auto;color:#e4be81;font-size:10px;display:flex;align-items:center;gap:5px}
.skill-ethos{display:flex;align-items:start;gap:12px;border:1px solid rgba(225,175,104,.22);border-radius:15px;padding:15px;background:linear-gradient(130deg,#241b15,#17120d);margin:19px 0}
.skill-ethos>.svgico{flex-shrink:0;color:var(--gold)}
.skill-ethos b{color:var(--cream);font-size:12px}
.skill-ethos p{color:var(--muted);font-size:11px;line-height:1.65;margin:5px 0 0}
.study-intro{text-align:center;margin:24px 0 22px}
.study-intro .section-title{margin:13px 0}
.study-intro .subline{max-width:420px;margin:auto}
.flash-secret{color:#9d896f;font-size:10px;letter-spacing:.16em;margin-top:14px}
.skill-sheet{background:linear-gradient(180deg,#150e0b,#0f0c0a);}
.skill-sheet-cover{min-height:300px;background:radial-gradient(ellipse at 90% 55%,#412a17,#1c140f 57%,#100c0a 100%);position:relative;border-bottom:1px solid rgba(233,186,116,.25);isolation:isolate;overflow:hidden}
.skill-sheet-cover::after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 22px,rgba(248,203,139,.015) 23px 24px)}
.skill-sheet-top{display:flex;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 19px) 20px 0;position:relative;z-index:3}
.skill-sheet-top .circle-icon{background:#160f0acc;color:var(--gold);border:1px solid #bd8b54aa;min-width:42px;min-height:42px;display:grid;place-items:center;font-size:24px}
.skill-sheet-top .circle-icon.hearted{color:#e8c48a}
.skill-sheet-visual{position:absolute;right:-5px;top:65px;opacity:.28;transform:rotate(8deg);filter:drop-shadow(0 0 24px #e8ad6b)}
.skill-sheet-visual .tech-glyph{width:210px;height:210px}
.skill-cover-caption{padding:42px 23px 22px;max-width:410px;position:relative;z-index:2}
.skill-cover-caption h2{font:normal clamp(36px,8vw,52px)/.98 Georgia,serif;max-width:310px;color:var(--cream);letter-spacing:-.025em;margin:12px 0}
.skill-cover-caption p{max-width:330px;color:#d6c2a6;font-size:13px;line-height:1.6}
.skill-detail-body{padding:22px 20px max(38px,env(safe-area-inset-bottom));}
.skill-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 27px}
.skill-facts>span{padding:14px 12px;border:1px solid var(--line);background:#1c1511;border-radius:12px;min-width:0;display:block}
.skill-facts small{font-size:9px;letter-spacing:.16em;color:var(--gold2);display:block;margin-bottom:7px}
.skill-facts b{font-size:12px;line-height:1.48;font-weight:550;color:var(--cream);display:block}
.skill-steps{list-style:none;padding:0;margin:8px 0 28px;counter-reset:skillsteps}
.skill-steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:0 0 16px;position:relative}
.skill-steps li:not(:last-child):after{content:'';position:absolute;top:34px;bottom:1px;left:18px;border-left:1px solid rgba(218,174,111,.26)}
.skill-steps li>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(237,190,119,.52);border-radius:50%;background:#2a2017;color:#edc78f;font-size:11px;letter-spacing:.08em;position:relative;z-index:2}
.skill-steps li p{line-height:1.7;color:#d8cbb9;font-size:13px;margin:1px 0 0}
.practice{border:1px solid rgba(242,208,142,.42);border-radius:17px;padding:17px;background:radial-gradient(ellipse at 90% -30%,rgba(204,135,63,.26),transparent 60%),linear-gradient(155deg,#302318,#18120d);box-shadow:0 18px 45px #0003;margin:8px 0 27px}
.practice-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f3d3a0;font-size:11px}
.practice-head .tagline{font-size:9px;letter-spacing:.16em}
.practice-progress{margin:13px 0 16px;background:#503b29;border-radius:8px;height:3px;overflow:hidden}
.practice-progress span{display:block;background:linear-gradient(90deg,#aa773d,#ffdc9a);height:100%;transition:width .22s ease}
.practice>p{font:20px/1.35 Georgia,serif;color:var(--cream);min-height:54px;margin:0 0 19px}
.practice-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.practice-controls .gold-button,.practice-controls .ghost-button{font-size:11px;min-height:43px;padding:9px 8px}
.skill-callouts{display:grid;gap:10px;margin:15px 0}
.skill-callout{border-left:2px solid #d2a061;background:#241c15;padding:16px;border-radius:0 13px 13px 0}
.skill-callout.caution{border-color:#9f7860;background:#201814}
.skill-callout p{font-size:13px;color:#e0ceb4;line-height:1.65;margin:7px 0 0}
.skill-safety{border:1px solid rgba(224,154,118,.35);background:#2b1e17;border-radius:13px;padding:14px;display:flex;gap:11px;margin:18px 0;color:#edb88d}
.skill-safety .svgico{flex-shrink:0}
.skill-safety strong{font-size:12px;letter-spacing:.04em}
.skill-safety p{margin:4px 0 0;color:#d6bba1;font-size:12px;line-height:1.6}
.skill-recipes{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin:10px 0 23px}
.skill-recipes button{display:flex;gap:10px;align-items:center;min-width:0;text-align:left;border:1px solid var(--line);border-radius:11px;background:#1d1712;color:var(--cream);padding:7px;font:15px Georgia,serif}
.skill-recipes img{width:58px;height:54px;border-radius:7px;object-fit:cover}
.skill-recipes button span{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1}
.skill-recipes .svgico{color:var(--gold);flex:none}
.skill-reference{margin:24px 0;border-top:1px solid var(--line);padding:19px 0;color:var(--muted)}
.skill-reference small{font-size:10px;letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:8px}
.skill-reference a{font:18px Georgia,serif;color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.skill-reference p{font-size:11px;line-height:1.6;margin:9px 0 0}
.skill-footer{text-align:center;margin:18px 0 0}
.convert-lookup{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0 9px}
.convert-lookup span{background:#1b1511;border-radius:8px;padding:9px;border:1px solid rgba(219,173,109,.19);font-size:11px;color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:7px}
.convert-lookup b{color:var(--gold);font-weight:600}
@media (min-width:650px){.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-featured{gap:17px}.skill-hero{padding:42px 35px;min-height:330px}.skill-hero-art{right:35px;top:20px;transform:rotate(12deg) scale(1.3)}.skill-hero h2{max-width:450px}.skill-hero>p:not(.tagline){max-width:390px}.skill-sheet-cover{min-height:320px}}
@media (max-width:340px){.skill-hero-art{opacity:.4;right:-42px}.skill-stats{gap:10px}.skill-feature h3{font-size:20px}.skill-card h3{font-size:18px}.skill-card-overline{font-size:7.5px}.skill-tab{font-size:10px}.skill-stats b{font-size:18px}}

/* V4 — Brick & Brass signature archive */
.house-review{background:#2b2116;border:1px solid #ddaf68;border-radius:13px;padding:13px 15px;margin:13px 0;color:#f5d1a4}
.house-review b{font-size:13px}.house-review p{margin:6px 0 0;font-size:12px;line-height:1.6}
.house-variants{display:grid;gap:7px;margin:13px 0 19px}
.house-variants>div{background:linear-gradient(110deg,#291f15,#1a1511);border:1px solid rgba(225,178,115,.27);padding:12px 14px;border-radius:10px}
.house-variants strong{color:#f4d4a3;font-size:12px}
.house-variants p{color:#bcab94;font-size:12px;margin:5px 0 0;line-height:1.6}
/* Five filters must comfortably scroll on narrow phones. */
.filters .chips{scroll-padding-left:12px}

/* V4 refinement: a legible pocket reference, with photographs given room to breathe. */
:root{--muted:#c2b09a;--quiet:#a3927d;--gold2:#d9b071}
button{touch-action:manipulation}.chip,.unit-toggle button,.section-link,.skill-tab,.shift-button{min-height:44px}.chip{padding:10px 15px;font-size:12px}.unit-toggle button{min-width:44px}.subline,.notice,.house-intro,.steps li,.ingredient-row,.skill-callout p,.skill-facts b{font-size:14px;line-height:1.65}.note-field,.search-box input,.learn-card input{font-size:16px}.spec-source small,.skill-reference p,.skill-safety p,.house-variants p{font-size:12px;line-height:1.65}.tagline,.section-label{letter-spacing:.16em}.nav-item{min-height:52px}.nav-item:active,.chip:active,.gold-button:active,.ghost-button:active{transform:translateY(1px)}
.browse-card>img{aspect-ratio:3/4;object-fit:contain;background:#100d0a;object-position:center}.feature-card img{height:225px;object-fit:contain;background:#100d0a}.match-card img,.skill-recipes img{object-fit:contain;background:#100d0a}.sheet-photo{height:clamp(360px,64dvh,540px)}.sheet-photo img{object-fit:contain;background:#100d0a}.sheet-photo:after{background:linear-gradient(0deg,#120e0b,transparent 30%)}.detail-body{margin-top:-20px}.shift-on .sheet-photo{height:100px}.shift-on .detail-body{margin-top:0}.detail-sheet{overscroll-behavior:contain}.sheet-actions,.skill-sheet-top{gap:12px}.circle-icon{width:48px;height:48px}.detail-name{overflow-wrap:anywhere}.inline-actions{flex-wrap:wrap}.original-card summary{min-height:48px;padding-top:14px;padding-bottom:14px}
.learn-start{background:linear-gradient(125deg,#2d2217,#18130f);border:1px solid var(--line-strong);border-radius:17px;padding:22px;margin-top:20px}.learn-start h3{font:27px/1.2 Georgia,serif;color:var(--cream);margin:10px 0}.learn-start p:not(.tagline){font-size:14px;line-height:1.7;color:var(--muted)}.learn-start>span{font-size:12px;color:var(--gold)}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.chapter-card{padding:0;border-radius:14px;overflow:hidden;background:#211910;border:1px solid var(--line);color:var(--cream);text-align:left}.chapter-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.chapter-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.chapter-card>span{display:block;padding:14px}.chapter-card small{display:block;font-size:9px;line-height:1.6;letter-spacing:.06em;color:var(--gold)}.chapter-card strong{display:block;font:22px/1.16 Georgia,serif;margin:7px 0}.chapter-card em{display:block;font-size:12px;line-height:1.55;font-style:normal;color:var(--muted)}.tech-photo{width:100%;height:100%;object-fit:cover;display:block}.skill-art{height:150px}.skill-art:before,.skill-art:after{display:none}.skill-card h3{font-size:22px}.skill-card-copy>p{font-size:13px;line-height:1.65}.skill-read{font-size:12px}.skill-card-overline{font-size:10px}.skill-sheet-cover{isolation:isolate;min-height:330px}.skill-sheet-visual{inset:0;transform:none;opacity:1;filter:none;z-index:-2}.skill-sheet-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17110df5,transparent 90%),linear-gradient(90deg,#17110d99,transparent)}.skill-cover-caption{padding-top:125px}.skill-sheet-top{position:relative;z-index:2}.practice-head{gap:10px}.practice-head>span:last-child{white-space:nowrap;color:var(--gold)}.practice>p{font-size:16px;line-height:1.65}.practice-controls .gold-button,.practice-controls .ghost-button{font-size:13px;min-height:48px}.skill-footer .gold-button{width:100%;min-height:48px}.skill-tabs{position:sticky;top:82px;z-index:8;background:#130f0c;padding:7px;border-radius:13px}.skill-categories{scroll-padding:16px}.skill-sheet .section-title{font-size:28px}.skill-facts{gap:12px}.skill-facts span{min-width:0}.skill-reference a{overflow-wrap:anywhere}#techSearch{scroll-margin-top:155px}
@media(min-width:700px){.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-art{height:170px}.sheet-photo{height:510px}.feature-card img{height:270px}}
@media(max-width:370px){.chapter-card>span{padding:11px}.chapter-card strong{font-size:20px}.chapter-grid{gap:9px}.skill-grid{gap:9px}.skill-card-copy{padding:13px}.skill-card h3{font-size:20px}.glass-garnish{grid-template-columns:1fr}.shift-bar{flex-wrap:wrap}}
/* Catering Learn entry: chapter photography within the first phone screen. */
.main:has(.skill-tabs)>.page-heading{padding-top:24px;padding-bottom:12px}.main:has(.skill-tabs)>.page-heading .title{font-size:36px}.main:has(.skill-tabs)>.page-heading .subline{margin-bottom:0}.skill-hero{min-height:0;padding:20px;margin-top:14px;overflow:hidden}.skill-hero h2{font-size:32px;line-height:1.05;margin:9px 0;max-width:65%}.skill-hero>p:not(.tagline){font-size:12px;margin:8px 0;max-width:62%}.skill-hero .tagline{font-size:9px;margin:0}.skill-stats{margin-top:13px;gap:17px;position:relative;z-index:2}.skill-stats b{font-size:17px}.skill-hero-art{top:0;right:0;width:37%;height:100%;transform:none;opacity:.8}.skill-hero-art img{width:100%;height:100%;object-fit:cover}.skill-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1a130fff,transparent 45%),linear-gradient(0deg,#1a130f,transparent 45%)}.learn-start{margin-top:13px;padding:15px 17px}.learn-start .tagline{margin:0;font-size:9px}.learn-start h3{font-size:24px;margin:7px 0}.learn-start p:not(.tagline){font-size:12px;line-height:1.6;margin:7px 0}.learn-start>span{font-size:11px}.learn-start+.section-head{margin-top:20px}.learn-start+.section-head .section-title{font-size:28px}
@media(min-width:650px){.skill-hero{min-height:205px;padding:24px}.skill-hero h2{font-size:40px}.skill-hero-art{top:0;right:0;transform:none;width:40%;height:100%}.skill-stats b{font-size:19px}}
.offline-status{display:flex;align-items:center;gap:7px;max-width:760px;margin:0 auto;padding:8px 21px;color:var(--muted);font-size:11px;line-height:1.5;border-bottom:1px solid var(--line);background:#110d0a}.offline-dot{width:5px;height:5px;border-radius:50%;background:var(--gold2);flex:none}.offline-status.ready .offline-dot{background:#a4c49a}.skill-offline-stat{max-width:135px}.skill-offline-stat>[data-offline-status]{font-size:10px;line-height:1.4;display:block}
/* Quick catering lookup: full glass, followed immediately by the working spec. */
@media(max-width:699px){.sheet-photo{height:clamp(310px,40dvh,350px)}.detail-body{margin-top:-12px}.shift-on .sheet-photo{height:100px}.shift-on .detail-body{margin-top:0}}
/* Keep dialog controls reachable while long cards and methods scroll. */
.detail-sheet>.sheet-actions,.skill-sheet>.skill-sheet-top{position:sticky;top:0;left:auto;right:auto;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;margin-bottom:calc(-72px - env(safe-area-inset-top));height:calc(72px + env(safe-area-inset-top));background:linear-gradient(180deg,rgba(15,11,8,.98),rgba(15,11,8,.88) 75%,rgba(15,11,8,.25));isolation:isolate}.detail-sheet>.sheet-actions .circle-icon,.skill-sheet>.skill-sheet-top .circle-icon{flex:none;background:#17110f;border-color:var(--line-strong)}
/* Flavor Atlas and measured pour timing */
.flavor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flavor-card{border:1px solid var(--border,#594a39);border-radius:16px;background:#211c17;overflow:hidden;align-self:start}.flavor-card summary{cursor:pointer;display:flex;gap:12px;align-items:center;padding:20px;list-style:none}.flavor-card summary::-webkit-details-marker{display:none}.flavor-card summary>span:first-child{flex:1;min-width:0}.flavor-card summary small{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.2px;color:#c8aa79}.flavor-card summary strong{display:block;font-family:Georgia,serif;font-size:22px;margin:7px 0;color:#f3e6d1}.flavor-card summary em{display:block;font-size:12px;font-style:normal;line-height:1.6;color:#baa995}.flavor-expand{font-size:25px;color:#d5ad70}.flavor-card[open] .flavor-expand{transform:rotate(45deg)}.flavor-body{padding:0 20px 22px;border-top:1px solid #44372c}.flavor-body dl{margin:18px 0}.flavor-body dt{color:#d5ad70;font-size:11px;letter-spacing:.6px;margin-top:18px}.flavor-body dd{margin:7px 0 0;font-size:13px;color:#ded0be;line-height:1.7}.flavor-body a{color:#d5ad70;font-size:12px}.flavor-links{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.flavor-links .ghost-button{font-size:11px;padding:9px}.pour-estimate,.pour-base{display:block;font-size:10px;line-height:1.6;color:#d5ad70;font-weight:normal;margin-top:5px}.pour-base{color:#bbaa95}.timing-notice{border:1px solid #82683e;border-radius:10px;background:#302518;padding:13px;font-size:12px;line-height:1.65;color:#e4cc9f}.calibration>p:not(.notice){font-size:13px;line-height:1.7;color:#c8b8a3}.calibration-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.calibration-fields label{font-size:12px;color:#dbc8ad}.calibration-fields input{display:block;box-sizing:border-box;width:100%;margin-top:8px;border:1px solid #65513b;border-radius:9px;padding:14px;background:#15120f;color:#f2e3cd;font-size:16px}.calibration-error{color:#ffc2ad!important;min-height:18px;font-size:12px}.training-preset{margin-top:20px;white-space:normal}.skill-tabs{flex-wrap:wrap}.unit-toggle button{white-space:nowrap}.ingredient-row .amt{min-width:95px}.shift-on .pour-estimate,.shift-on .pour-base{font-size:12px}summary:focus-visible{outline:2px solid #e9c48a;outline-offset:-4px}
@media(max-width:600px){.flavor-grid{grid-template-columns:1fr}.calibration-fields{gap:10px}.calibration .inline-actions{flex-wrap:wrap}.skill-tabs{gap:5px}.skill-tab{font-size:11px;padding:11px 9px}.ingredient-row{gap:12px}.unit-toggle button{padding:8px 10px}.shift-bar{flex-wrap:wrap;gap:10px}}

/* V6 collection discovery and balanced learning navigation. */
.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}.collection-grid .chip{width:100%;min-width:0;min-height:58px;padding:8px 3px;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:12px}.collection-grid small{font-size:10px;opacity:.75;font-weight:400}.skill-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:600px){.skill-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Explore refinement: compact discovery, optional secondary filters, readable names. */
.explore-heading .page-heading{padding:20px 0 4px}.explore-heading .section-title{font-size:31px;line-height:1.15}.explore-heading .subline{font-size:13px;margin:8px auto}.explore-top{padding-top:8px;padding-bottom:8px;background:linear-gradient(180deg,#17120f,#17120ff5);border-radius:14px;margin-top:6px}.explore-top .search-box{margin-bottom:9px}.explore-top .collection-grid{margin:0 0 5px}.explore-more-filters{border-top:1px solid var(--line);margin-top:7px}.explore-more-filters>summary{min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 4px;color:var(--muted);font-size:12px;cursor:pointer;list-style:none}.explore-more-filters>summary::-webkit-details-marker{display:none}.filter-chevron{margin-left:auto;font-size:20px}.explore-more-filters[open] .filter-chevron{transform:rotate(180deg)}.explore-more-filters .filters{margin:0 0 5px}.filter-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--gold);margin:12px 4px 4px}.explore-top:has(.explore-more-filters[open]){position:static}.browse-card .bbody strong{white-space:normal;overflow:visible;text-overflow:clip;font-size:17px;line-height:1.2;min-height:2.4em}.browse-card .bbody small{line-height:1.3}.main:has(.explore-heading) .gear{margin-top:12px}@media(min-width:600px){.explore-heading .section-title{font-size:36px}.explore-heading .page-heading{padding-top:26px}.browse-card .bbody strong{font-size:19px}}

/* iPhone Explore: one pinned search row and consistent content edges. */
.explore-heading{padding:16px 0 10px;text-align:left}.explore-heading .section-title{margin:0;font-size:30px;line-height:1.12}.explore-heading .subline{margin:6px 0 0;max-width:none;font-size:12px;line-height:1.4}.explore-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;position:sticky;top:calc(67px + env(safe-area-inset-top));z-index:15;background:var(--bg);padding:7px 0}.explore-search-row .search-box{margin:0;min-height:46px;padding:9px 12px;gap:9px}.explore-search-row .search-box input{font-size:16px}.explore-filter-button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:12px;background:#211a14;color:var(--cream);font-size:12px;min-height:46px;padding:10px;min-width:72px}.explore-filter-button.has-filters{border-color:var(--gold);color:var(--gold)}.explore-filter-button span{display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#21150d;min-width:16px;min-height:16px;font-size:10px}.explore-filter-panel{padding:3px 8px 8px;border:1px solid var(--line);border-radius:12px;margin:5px 0 10px;background:#17120f}.explore-filter-panel[hidden]{display:none}.explore-filter-panel .chips{flex-wrap:wrap;overflow:visible;gap:6px;padding-bottom:3px}.explore-filter-panel .filter-label{margin-top:10px}.explore-filter-panel .chip{padding-left:10px;padding-right:10px}.explore-collections{margin:6px 0 0}.explore-collections .chip{min-height:44px;padding:8px 3px;flex-direction:row;font-size:12px}.main:has(.explore-heading) .gear{margin-top:8px;margin-bottom:10px}.main:has(.explore-heading) .browse-grid{margin-top:7px}@media(min-width:600px){.explore-heading{padding-top:24px}.explore-heading .section-title{font-size:34px}.explore-search-row{grid-template-columns:minmax(0,1fr) 94px}.explore-collections .chip{min-height:44px}}