@font-face{font-family:'Caveat';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/Caveat-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/Nunito-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/PlayfairDisplay-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/PlayfairDisplay-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--cream:#F7F1E5;--paper:#FFFCF5;--parch:#EFE5D1;--parch2:#E8DCC3;--gold:#C9A23F;--terra:#C4693D;--terra-btn:#A9552D;--terra-dk:#8E4524;--terra-txt:#9E4E2A;--olive:#6B7445;--olive-txt:#5B6338;--text:#3B2A20;--muted:#6E5A4B;--line:#E4D6BC;--line2:#D9C7A6;
--meat:#9E4E2A;--dairy:#3E5C78;--pareve:#5B6338;
--display:'Playfair Display',Lora,Georgia,serif;--body:'Nunito','Source Sans 3','Segoe UI',system-ui,sans-serif;--label:var(--body);--hand:'Caveat','Segoe Print','Bradley Hand',cursive;--script:var(--display);
--r:16px;--r-sm:10px;--shadow:0 1px 2px rgba(59,42,32,.06),0 10px 24px -14px rgba(59,42,32,.28);--shadow-hi:0 2px 4px rgba(59,42,32,.07),0 18px 34px -16px rgba(59,42,32,.35);--wrap:1180px;
--leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4C10 4 4 9 4 17c0 1 .1 2 .3 3C6 13 10 9 16 7c-5 3-8 7-9.5 13H8c1-2 2-3.5 3.5-4.5C18 15 20 10 20 4z'/%3E%3C/svg%3E");
--tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .28 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
/* legacy names some inline markup still reads */--gold-hi:var(--text);--gold-dk:var(--terra-txt);--ink:var(--text)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--text);font:400 1.0625rem/1.65 var(--body);overflow-x:hidden;background-color:var(--cream);
 background-image:var(--tex),repeating-linear-gradient(0deg,rgba(120,90,50,.022) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(120,90,50,.02) 0 1px,transparent 1px 5px)}
img{max-width:100%;display:block}
a{color:var(--terra-txt)}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--terra-btn);color:var(--cream);padding:.6rem 1rem;z-index:99;border-radius:8px}.skip:focus{left:1rem;top:1rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
.label{font:700 .78rem/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase}
.eyebrow{font:600 1.45rem/1.1 var(--hand);color:var(--terra-txt);margin:0 0 .35rem;letter-spacing:0}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:0;line-height:1.2;margin:0 0 .6rem;color:var(--text)}
h1{font-size:clamp(2rem,5vw,3.1rem)}
h2{font-size:clamp(1.55rem,3.4vw,2.2rem)}
h3{font-size:1.2rem}
p{margin:0 0 1rem}
.muted{color:var(--muted)}
.hp{position:absolute!important;left:-5000px;width:1px;height:1px;overflow:hidden}
.script{font-family:var(--display);font-style:italic;font-weight:400}
.hand{font-family:var(--hand);font-weight:600}
/* thin gold divider with a small diamond */
.rule{display:flex;align-items:center;gap:.7rem;color:var(--gold);margin:.9rem 0 1.1rem;max-width:180px}
.rule::before,.rule::after{content:"";height:1px;background:var(--gold);flex:1}
.rule i{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);flex:none}
.center .rule,.page-head .rule{margin-left:auto;margin-right:auto}

/* header */
.site-head{position:sticky;top:0;z-index:40;background:rgba(251,247,238,.97);color:var(--text);border-bottom:1px solid var(--gold);box-shadow:0 6px 18px -16px rgba(59,42,32,.5);backdrop-filter:saturate(1.2) blur(6px)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);min-width:0}
.brand img{width:56px;height:auto;flex:none}
.brand span{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.brand small{font:600 1.05rem/1 var(--hand);letter-spacing:0;color:var(--terra-txt);white-space:nowrap;text-transform:none}
.brand b{font:700 1.28rem/1.05 var(--display);letter-spacing:.01em;color:var(--text);white-space:nowrap}
.nav{display:flex;gap:1.35rem;align-items:center}
.nav a,.nav button.linkish{text-decoration:none;font:700 .95rem/1 var(--body);color:var(--text);padding:.5rem 0;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer}
.nav a:hover,.nav a[aria-current=page]{color:var(--terra-txt);border-bottom-color:var(--gold)}
.nav .btn-gold{padding:.72rem 1.1rem;border:0;border-radius:999px;color:var(--cream);background:var(--terra-btn);box-shadow:0 6px 14px -8px rgba(142,69,36,.7)}
.nav .btn-gold:hover{background:var(--terra-dk);color:var(--cream);border-bottom-color:transparent}
.menu-btn{display:none;background:var(--paper);border:1px solid var(--line2);color:var(--text);font:700 .9rem/1 var(--body);padding:.7rem 1rem;cursor:pointer;border-radius:999px}
@media (max-width:960px){
 .menu-btn{display:block}
 .nav{position:absolute;left:0;right:0;top:74px;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:.4rem 1.25rem 1.3rem;border-bottom:1px solid var(--gold);box-shadow:0 18px 30px -20px rgba(59,42,32,.45);display:none}
 .nav.open{display:flex}
 .nav a,.nav button.linkish{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.02rem;text-align:left}
 .nav .btn-gold{margin-top:1rem;text-align:center;padding:1rem;border-bottom:0}
}
@media (max-width:420px){.brand img{width:46px}.brand b{font-size:1.02rem}.brand small{font-size:.95rem}.site-head .wrap{gap:.5rem}}
@media (max-width:340px){.brand b{font-size:.9rem}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.78rem 1.45rem;font:700 1rem/1 var(--body);letter-spacing:.01em;text-decoration:none;border:1.5px solid var(--terra-btn);background:var(--terra-btn);color:var(--cream);cursor:pointer;border-radius:12px;transition:background .15s,color .15s,transform .15s,box-shadow .15s;box-shadow:0 6px 14px -9px rgba(142,69,36,.75)}
.btn:hover{background:var(--terra-dk);border-color:var(--terra-dk);transform:translateY(-1px)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn.gold{background:var(--terra-btn);border-color:var(--terra-btn);color:var(--cream)}.btn.gold:hover{background:var(--terra-dk);border-color:var(--terra-dk)}
.btn.ghost{background:transparent;color:var(--terra-dk);border-color:var(--terra);box-shadow:none}.btn.ghost:hover{background:var(--terra-btn);border-color:var(--terra-btn);color:var(--cream)}
.btn.olive{background:var(--olive);border-color:var(--olive)}.btn.olive:hover{background:#565e36}
.btn.small{min-height:40px;padding:.55rem 1rem;font-size:.92rem;border-radius:10px}
.btn[disabled]{opacity:.6;cursor:wait}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}
.dark{background:var(--parch);color:var(--text)}
.cream,.parch{background-color:var(--parch);background-image:var(--tex)}
.section{padding:clamp(3.2rem,7vw,5.5rem) 0}
.wrap.section{padding-left:1.25rem;padding-right:1.25rem}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2.2rem;flex-wrap:wrap}
.section-head p{max-width:32rem;margin:0}
.section-head h2{margin:0}
.section-head h2::after{content:"";display:block;width:64px;height:1px;background:var(--gold);margin-top:.8rem}

/* hero */
.hero{position:relative;padding:clamp(2rem,5vw,4rem) 0 clamp(2.6rem,6vw,4.5rem);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.8rem,4.5vw,4rem);align-items:center;position:relative}
.hero-copy .eyebrow{font-size:1.7rem}
.hero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1.06;margin:0 0 .2rem;font-weight:700}
.hero h1 em{font-style:italic;font-weight:500;color:var(--terra-txt)}
.hero .sub{font-size:clamp(1.05rem,1.8vw,1.22rem);color:var(--muted);max-width:30rem;margin:0 0 1.5rem}
.hero .tag{font:italic 400 1.15rem/1.4 var(--display);color:var(--text);margin:0 0 1.6rem}
.hero-search{display:flex;max-width:520px;margin:0 0 1.1rem;background:var(--paper);border:1px solid var(--line2);border-radius:14px;padding:5px;box-shadow:var(--shadow)}
.hero-search input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);padding:.8rem .9rem;font:inherit}
.hero-search input::placeholder{color:#8f7a68}
.hero-search input:focus{outline:none}
.hero-search:focus-within{outline:2px solid var(--terra);outline-offset:2px}
.hero-search button{border:0;background:var(--terra-btn);color:var(--cream);font:700 1rem/1 var(--body);padding:0 1.3rem;cursor:pointer;border-radius:10px}
.hero-search button:hover{background:var(--terra-dk)}
.hero .quick{display:flex;gap:.5rem;flex-wrap:wrap}
.hero .quick a{font:700 .9rem/1 var(--body);color:var(--olive-txt);text-decoration:none;border:1px solid rgba(107,116,69,.45);background:rgba(107,116,69,.08);padding:.55rem .85rem;border-radius:999px}
.hero .quick a:hover{background:var(--olive);color:var(--cream);border-color:var(--olive)}
.hero-photo{margin:0;position:relative}
.hero-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;box-shadow:0 2px 6px rgba(59,42,32,.12),0 30px 50px -28px rgba(59,42,32,.6)}
.hero-photo::after{content:"";position:absolute;inset:10px;border:1px solid rgba(247,241,229,.55);border-radius:16px;pointer-events:none}
.hero-photo figcaption{position:absolute;left:-14px;bottom:22px;background:var(--paper);color:var(--text);font:600 1.35rem/1 var(--hand);padding:.55rem .95rem .6rem;border-radius:12px;box-shadow:var(--shadow);transform:rotate(-3deg);border:1px solid var(--line)}
@media (max-width:860px){
 .hero-grid{grid-template-columns:1fr}
 .hero-photo{order:-1;margin:0 -1.25rem}
 .hero-photo img{border-radius:0;aspect-ratio:16/11;box-shadow:none}
 .hero-photo::after{display:none}
 .hero-photo figcaption{left:1rem;bottom:-14px}
 .hero{padding-top:0}
 .hero-copy{padding-top:1.4rem}
}

/* type tiles */
.types{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.type{display:block;text-decoration:none;color:var(--text);background:var(--paper);padding:1.8rem 1.6rem 1.6rem;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.type:hover{transform:translateY(-3px);box-shadow:var(--shadow-hi)}
.type::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--olive)}
.type.t-meat::before{background:var(--meat)}.type.t-dairy::before{background:var(--dairy)}
.type .n{font:700 2.1rem/1 var(--display);color:var(--terra-txt);display:block;margin-bottom:.45rem}
.type h3{font-size:1.35rem;margin:0 0 .3rem}
.type p{margin:0;color:var(--muted);font-size:.98rem}
.type svg{position:absolute;right:1.1rem;top:1.1rem;width:30px;height:30px;color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;align-items:center}
@media (max-width:760px){.types{grid-template-columns:1fr}.type{padding:1.4rem 1.3rem 1.3rem 1.6rem}}

/* recipe cards: family recipe-box cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.6rem}
.card{display:flex;flex-direction:column;background-color:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(196,105,61,.07) 31px 32px);background-position:0 54px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;min-width:0;box-shadow:var(--shadow);overflow:hidden;position:relative}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--terra)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hi)}
.card .photo-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--parch)}
.card .photo-wrap img{width:100%;height:100%;object-fit:cover}
.card .body{padding:1.5rem 1.4rem 1.2rem;display:flex;flex-direction:column;flex:1}
.card .cat-line{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font:700 .74rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--olive-txt)}
.card .cat-line>span:first-child{display:inline-flex;align-items:center;gap:.4rem}
.card .cat-line>span:first-child::before{content:"";width:10px;height:10px;background:var(--olive);-webkit-mask:var(--leaf) center/contain no-repeat;mask:var(--leaf) center/contain no-repeat}
.card .cat-line [class^=k-]{padding:.32rem .55rem;border-radius:999px;border:1px solid currentColor;font-size:.68rem}
.card h3{margin:.95rem 0 .5rem;font-size:1.28rem;line-height:1.25}
.card .fam{font:600 1.25rem/1 var(--hand);color:var(--terra-txt);margin:-.15rem 0 .45rem;display:block}
.card p{font-size:.98rem;color:var(--muted);margin:0 0 1.1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.85rem;border-top:1px dashed var(--line2);font-size:.9rem;color:var(--muted)}
.card .foot b{font-weight:700;color:var(--text)}
.k-meat{color:var(--meat)}.k-dairy{color:var(--dairy)}.k-pareve{color:var(--pareve)}
.badge{display:inline-block;font:700 .7rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:.36rem .6rem;background:var(--paper);border:1px solid currentColor;border-radius:999px}
.badge.meat{color:var(--meat)}.badge.dairy{color:var(--dairy)}.badge.pareve{color:var(--pareve)}

/* ai band */
.ai-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.ai-band p{color:var(--muted)}
.ai-ex{display:flex;flex-direction:column;gap:.75rem}
.ai-ex a{display:block;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--olive);border-radius:12px;padding:1rem 1.15rem;text-decoration:none;color:var(--text);font:italic 400 1.08rem/1.45 var(--display);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.ai-ex a:hover{transform:translateX(3px);border-left-color:var(--terra)}
@media (max-width:860px){.ai-band{grid-template-columns:1fr}}

/* share + newsletter */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.panel{background:var(--paper);border:1px solid var(--line);padding:clamp(1.6rem,4vw,2.6rem);border-radius:var(--r);box-shadow:var(--shadow)}
.panel.darkp{background:var(--paper)}
.duo>.panel:not(.photo){display:flex;flex-direction:column;justify-content:center}
.panel.photo{padding:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}
.panel.photo img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:50% 40%}
.panel.photo .in{padding:clamp(1.4rem,3.5vw,2.2rem)}
.inline-form{display:flex;gap:.6rem;flex-wrap:wrap}
.inline-form input{flex:1;min-width:200px}
@media (max-width:860px){.duo{grid-template-columns:1fr}}

/* page head */
.page-head{background-color:var(--parch);background-image:var(--tex),radial-gradient(ellipse at 50% 0%,rgba(255,252,245,.7),transparent 70%);color:var(--text);padding:clamp(2.4rem,6vw,3.8rem) 0 clamp(2.4rem,6vw,3.4rem);text-align:center;border-bottom:1px solid var(--line2)}
.page-head .eyebrow{font-size:1.6rem}
.page-head h1{font-size:clamp(2rem,5vw,3rem);color:var(--text);margin:0}
.page-head h1::after{content:"";display:block;width:110px;height:9px;margin:1rem auto 0;background:linear-gradient(var(--gold),var(--gold)) left 50%/42px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) right 50%/42px 1px no-repeat,radial-gradient(circle,var(--gold) 0 3px,transparent 3.6px) center/9px 9px no-repeat}
.page-head p{max-width:36rem;margin:.9rem auto 0;color:var(--muted)}
.page-head .lockup-img{width:120px;height:auto;margin:0 auto 1rem}
.h1-pre{display:block;font:italic 400 clamp(1.05rem,2.6vw,1.3rem)/1.2 var(--display);color:var(--muted);margin:0 0 .3rem}

/* forms */
input,select,textarea{font:inherit;font-size:1rem;color:var(--text);background:var(--paper);border:1px solid var(--line2);padding:.75rem .9rem;border-radius:10px;width:100%}
input::placeholder,textarea::placeholder{color:#8f7a68}
input:focus,select:focus,textarea:focus{outline:2px solid var(--terra);outline-offset:0;border-color:var(--terra)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.field.full{grid-column:1/-1}
.field label,.field legend{font:700 .95rem/1.2 var(--body);color:var(--text)}
.field small{color:var(--muted);font-size:.9rem}
fieldset{border:0;margin:0;padding:0;min-width:0}
.radios{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.radios label{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line2);padding:.55rem .9rem;cursor:pointer;font:700 .92rem/1 var(--body);background:var(--paper);border-radius:999px}
.radios input{width:auto;accent-color:var(--terra);padding:0}
.notice{padding:1rem 1.1rem;border:1px solid var(--gold);background:#FBF3DD;margin:0 0 1.2rem;font-size:.98rem;border-radius:12px}
.notice.err{border-color:#B4542F;background:#FCEBE2}
.notice.ok{border-color:#6B7445;background:#EEF1E3}
.copy-mail .copy-addr{overflow-wrap:anywhere}.copy-mail .btn{margin-left:.4rem;vertical-align:middle}
.narrow{max-width:760px;margin:0 auto}
.auth{max-width:440px;margin:0 auto}
.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:1.6rem}
.tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:1rem;font:700 1rem/1 var(--body);cursor:pointer;color:var(--muted)}
.tabs button[aria-selected=true]{border-bottom-color:var(--terra);color:var(--text)}
.ai-assist{background-color:var(--parch);background-image:var(--tex);color:var(--text);padding:1.4rem;margin-bottom:1.8rem;border-radius:var(--r);border:1px solid var(--line2)}
.ai-assist label{color:var(--olive-txt)}
.ai-assist textarea{margin:.6rem 0 .8rem}
.ai-assist #ai-fill-msg{color:var(--muted)!important}
.photo-drop{border:1.5px dashed var(--line2);background:var(--paper);padding:1.2rem;display:flex;gap:1rem;align-items:center;border-radius:12px}
.photo-drop img{width:110px;height:82px;object-fit:cover;border-radius:8px}
@media (max-width:700px){.form-grid{grid-template-columns:1fr}}

/* filters */
.filters{background:var(--paper);border:1px solid var(--line);padding:1.2rem;margin:-2rem 0 2.2rem;position:relative;z-index:2;box-shadow:var(--shadow-hi);border-radius:var(--r)}
.search{display:flex;gap:.6rem}.search input{flex:1;min-width:0}
.chiprow{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem;align-items:center}
.chiprow .label{color:var(--muted);font-size:.74rem;min-width:5.2rem}
.chip{font:700 .9rem/1 var(--body);border:1px solid var(--line2);background:var(--paper);color:var(--text);padding:.55rem .9rem;cursor:pointer;min-height:38px;text-decoration:none;display:inline-flex;align-items:center;border-radius:999px;text-align:left}
.chip:hover{border-color:var(--olive);color:var(--olive-txt)}
.chip[aria-pressed=true]{background:var(--olive-txt);border-color:var(--olive-txt);color:#fff}
.dark .chip{color:var(--text);border-color:var(--line2)}
.result-line{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.2rem;flex-wrap:wrap}
.empty{grid-column:1/-1;padding:2.4rem;border:1.5px dashed var(--line2);text-align:center;background:var(--paper);border-radius:var(--r)}
@media (max-width:560px){.chiprow .label{width:100%}}

/* recipe page */
.r-hero{background-color:var(--parch);background-image:var(--tex);color:var(--text);border-bottom:1px solid var(--line2)}
.r-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-top:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(2rem,5vw,3.5rem)}
.r-hero h1{font-size:clamp(2rem,4.6vw,3rem);color:var(--text);margin:.2rem 0 .7rem}
.r-hero .eyebrow{font:700 .8rem/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--olive-txt)}
.r-hero .desc{font:italic 400 1.2rem/1.5 var(--display);color:var(--muted);margin:0 0 1.3rem}
.facts{display:flex;flex-wrap:wrap;gap:1.8rem;margin:0 0 1.3rem;padding:1rem 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.facts div{display:flex;flex-direction:column;gap:.25rem}
.facts .k{font:600 1.2rem/1 var(--hand);color:var(--terra-txt)}
.facts .v{font:700 1.08rem/1.2 var(--body)}
.r-by{color:var(--muted);font-size:.98rem}
.r-by a{color:var(--terra-txt);font-weight:700}
.toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;margin:2rem 0;padding:.85rem 1rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.toolbar .grp{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.scale{display:inline-flex;align-items:center;border:1px solid var(--line2);background:var(--paper);border-radius:999px;overflow:hidden}
.scale button{width:42px;height:40px;border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--terra-dk)}
.scale button:hover{background:var(--parch)}
.scale output{min-width:6.5rem;text-align:center;font:700 .92rem/1 var(--body)}
.cols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(1.5rem,5vw,4rem)}
.cols>div:first-child{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.4rem 1rem;box-shadow:var(--shadow);align-self:start}
.col-h{font:700 1.5rem/1.1 var(--display);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gold)}
.ing{list-style:none;margin:0;padding:0}
.ing li{padding:.6rem 0;border-bottom:1px dashed var(--line);line-height:1.45}
.ing li:last-child{border-bottom:0}
.ing li b{color:var(--terra-txt);font-weight:800}
.ing label{display:flex;gap:.65rem;cursor:pointer;align-items:flex-start}
.ing input{width:18px;height:18px;margin:.15rem 0 0;flex:none;accent-color:var(--olive);padding:0}
.ing input:checked+span{text-decoration:line-through;color:#9c8a7a}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.6rem 1fr;gap:.7rem;padding:0 0 1.25rem;line-height:1.65}
.steps li::before{content:counter(s);width:2.1rem;height:2.1rem;border-radius:50%;background:var(--terra-btn);color:var(--cream);display:flex;align-items:center;justify-content:center;font:800 .95rem/1 var(--body);margin-top:.05rem}
.tipbox{margin-top:1rem;border-left:3px solid var(--olive);background:rgba(107,116,69,.08);padding:.8rem 1rem;border-radius:0 12px 12px 0}
.tipbox .label{color:var(--olive-txt);display:block;margin-bottom:.35rem;font:600 1.3rem/1 var(--hand);text-transform:none;letter-spacing:0}
.rate-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:2.6rem;padding:1.2rem;border:1px solid var(--line);background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow)}
.stars{display:inline-flex;gap:.1rem}
.stars button{background:none;border:0;font-size:1.5rem;line-height:1;color:#DCCB9E;cursor:pointer;padding:.2rem}
.stars button.on{color:var(--gold)}
.fav[aria-pressed=true]{background:var(--terra-btn);border-color:var(--terra-btn);color:var(--cream)}
@media (max-width:820px){.r-hero .wrap,.cols{grid-template-columns:1fr}}
body.cook .ing li,body.cook .steps li{font-size:1.3rem}
body.cook .steps li.active{background:var(--paper);outline:2px solid var(--terra);outline-offset:6px;border-radius:8px}
.r-photo{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);box-shadow:var(--shadow-hi)}
.r-photo img{width:100%;height:100%;object-fit:cover}
.r-hero.no-photo .wrap{grid-template-columns:1fr;max-width:860px;text-align:center}
.r-hero.no-photo .facts{justify-content:center}
.r-hero.no-photo .desc{max-width:40rem;margin-left:auto;margin-right:auto}

/* ask ai */
.chat{max-width:820px;margin:0 auto}
.msgs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.4rem}
.msg{padding:1.1rem 1.25rem;border:1px solid var(--line);background:var(--paper);white-space:pre-wrap;line-height:1.6;border-radius:16px 16px 16px 4px;box-shadow:var(--shadow)}
.msg.me{background:var(--terra-btn);color:var(--cream);border-color:var(--terra-btn);align-self:flex-end;max-width:85%;border-radius:16px 16px 4px 16px}
.msg.ai .label{color:var(--olive-txt);display:block;margin-bottom:.5rem;font:600 1.3rem/1 var(--hand);text-transform:none;letter-spacing:0}
.composer{display:flex;gap:.6rem;align-items:flex-end;background:var(--paper);border:1px solid var(--line2);padding:.7rem;border-radius:16px;box-shadow:var(--shadow)}
.composer textarea{border:0;background:transparent;resize:vertical;min-height:54px}
.composer textarea:focus{outline:none}
.composer:focus-within{outline:2px solid var(--terra)}
.suggest{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}

/* profile */
.prof{display:flex;gap:1.4rem;align-items:center;justify-content:center;flex-wrap:wrap}
.avatar{width:84px;height:84px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font:700 2rem/1 var(--display);color:var(--cream);background:var(--terra-btn)}
.stat-row{display:flex;gap:2rem;justify-content:center;margin-top:1.2rem}
.stat-row b{display:block;font:700 1.6rem/1 var(--display);color:var(--terra-txt)}
.stat-row span{font:700 .74rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* prose */
.prose{max-width:42rem;margin:0 auto}.prose p{font-size:1.08rem}
.checks{list-style:none;padding:0;margin:1.4rem 0 2rem}
.checks li{padding:.85rem 0 .85rem 2.1rem;border-bottom:1px dashed var(--line2);position:relative}
.checks li::before{content:"";position:absolute;left:.15rem;top:1.05rem;width:16px;height:16px;background:var(--olive);-webkit-mask:var(--leaf) center/contain no-repeat;mask:var(--leaf) center/contain no-repeat}

/* footer */
.site-foot{background-color:var(--parch2);background-image:var(--tex);color:var(--text);padding:3.5rem 0 2rem;border-top:1px solid var(--gold);margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}
.site-foot h3{font:700 1.2rem/1 var(--display);color:var(--text);margin:0 0 1rem}
.site-foot h3::after{content:"";display:block;width:36px;height:1px;background:var(--gold);margin-top:.6rem}
.site-foot ul{list-style:none;margin:0;padding:0}.site-foot li{padding:.3rem 0}
.site-foot a{text-decoration:none;color:var(--text)}.site-foot a:hover{color:var(--terra-txt)}
.site-foot .script{color:var(--text)!important}
.site-foot .fine{border-top:1px solid var(--line2);margin-top:2.5rem;padding-top:1.2rem;font-size:.88rem;color:var(--muted)}
.foot-mail{margin:.9rem 0 0;font-size:.98rem}
.foot-mail a{color:var(--terra-txt)!important;font-weight:700;border-bottom:1px solid var(--gold);overflow-wrap:anywhere}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* contact */
.contact-card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--terra);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(1.6rem,4vw,2.4rem);text-align:center;margin:0 0 2rem}
.contact-mail{display:inline-block;font:700 clamp(1.15rem,4vw,1.6rem)/1.3 var(--display);color:var(--text);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.2rem;overflow-wrap:anywhere}
.contact-mail:hover{color:var(--terra-txt)}
.contact-card .muted{margin:1rem 0 1.4rem;font-size:1rem}

/* edit + owner settings */
.qa-row{border:1px solid var(--line2);background:var(--paper);border-radius:12px;padding:1rem 1rem .9rem;margin:0 0 1rem;display:grid;gap:.8rem}
.qa-row .qa-del{justify-self:start}
#aiset-form textarea,#aiset-form input{width:100%}
.rm-photo input{width:auto;margin:0}
.rm-photo{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;font-size:.92rem;color:var(--muted);cursor:pointer}
#edit{text-decoration:none}

@media (max-width:560px){
 .grid{gap:1.1rem}
 .card .body{padding:1.25rem 1.15rem 1rem}
 .card h3{font-size:1.15rem;margin:.8rem 0 .4rem}
 .card p{-webkit-line-clamp:2;font-size:.95rem}
 .r-hero.no-photo .wrap{text-align:left}.r-hero.no-photo .facts{justify-content:flex-start}
 .page-head h1{font-size:2rem}
 .toolbar .grp{width:100%}
}
@media print{.site-head,.site-foot,.toolbar,.rate-row,.related{display:none!important}body{background:#fff}.cols>div:first-child{box-shadow:none}}

/* ---- report link, owner report list ---- */
.linkish{background:none;border:0;padding:0;font:inherit;color:#9E4E2A;text-decoration:underline;cursor:pointer}
.linkish:disabled{opacity:.6;cursor:default}
.report-row{margin:1.4rem 0 0;font-size:.9rem}
.rep-list{list-style:none;padding:0;margin:.6rem 0 0}.rep-list li{padding:.6rem 0;border-bottom:1px solid rgba(201,162,63,.4)}
/* ---- phone app (iPhone home screen) ---- */
.site-head{padding-top:env(safe-area-inset-top)}
.site-head .wrap,.wrap{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}
body{padding-bottom:env(safe-area-inset-bottom)}
.a2hs{position:fixed;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:60;display:flex;gap:.8rem;align-items:center;background:#FBF7EE;color:#3B2A20;border:1px solid #C9A23F;border-radius:14px;padding:.75rem .9rem;box-shadow:0 10px 30px -12px rgba(59,42,32,.45);font-size:.92rem;line-height:1.4}
.a2hs img{border-radius:9px;flex:none}.a2hs p{margin:0;flex:1}.a2hs-share{white-space:nowrap;color:#9E4E2A;font-weight:700}.a2hs-share svg{vertical-align:-2px}
.a2hs button{flex:none;background:none;border:0;font-size:1.5rem;line-height:1;color:#3B2A20;cursor:pointer;padding:.2rem .4rem}

/* legal pages + footer legal links + signup agreement (pre-launch additions) */
.legal h2{font-size:1.45rem;margin:2.2rem 0 .6rem}
.legal ul{padding-left:1.25rem;margin:.4rem 0 1rem}.legal li{margin:.45rem 0;font-size:1.04rem;line-height:1.6}
.legal a,.agree a,.foot-legal a{color:var(--terra-txt);text-decoration:underline;text-underline-offset:2px}
.site-foot .foot-legal{margin:.9rem 0 0;font-size:.92rem;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}
.site-foot .foot-legal a{display:inline-block;padding:.35rem 0}
.agree{font-size:.9rem;margin:-.4rem 0 1.1rem;color:var(--muted)}

/* email confirmation banner + contact form (2026-10-15) */
.confirm-banner{background:#fbe9d8;border-bottom:1px solid #e9c9a9;color:#3B2A20;font-size:.95rem;padding:.7rem 0}
.confirm-banner .wrap{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center}
.btn-link{background:none;border:0;padding:0;color:#A9552D;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.btn-link[disabled]{opacity:.6;cursor:default}
#confirm-msg{color:#6B7445;font-weight:600}
.contact-form{text-align:left}
.contact-form label{display:block;font-weight:700;margin:.9rem 0 .3rem}
.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9c7a8;border-radius:10px;padding:.65rem .8rem;font:inherit;background:#fffdf8;color:#3B2A20}
.contact-form textarea{resize:vertical;min-height:7rem}
.contact-form .btns{margin-top:1.1rem}
.contact-form .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.confirm-box h1{margin:.3rem 0 .6rem}
.confirm-box .btns{justify-content:center;margin-top:1.1rem}

/* QA pass 2026-10-15: bigger tap targets on phones */
@media (max-width:760px){.site-foot li{padding:0}.site-foot li a,.site-foot .foot-mail a{display:inline-block;padding:.6rem 0;min-height:44px;box-sizing:border-box}.site-foot .foot-legal a{padding:.6rem 0;min-height:44px;box-sizing:border-box}}
.a2hs button{min-width:44px;min-height:44px}

/* ---- Ask AI research engine: sources, owner corrections, kitchen rules (task 2f1ad09b) ---- */
.ai-src{white-space:normal;display:flex;flex-wrap:wrap;gap:.45rem .8rem;align-items:center;margin-top:.9rem;font-size:.88rem;color:var(--muted)}
.kbadge{display:inline-block;background:#EEF0E2;color:var(--olive-txt);border:1px solid #C9CDA8;border-radius:999px;padding:.25rem .7rem;font-weight:700}
.websrc a{color:var(--terra-txt)}
.ai-acts{white-space:normal;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.fix-wrap:empty{display:none}
.fix-box{white-space:normal;border:1px solid var(--gold);background:#FBF3DD;border-radius:16px;padding:1rem 1.1rem;display:grid;gap:.9rem}
.fix-h{margin:0;font:700 1.15rem/1.2 var(--display)}
.fix-box input,.fix-box textarea,.rule-form input,.rule-form textarea{font-size:16px}
.ai-status{border:1px solid var(--line2);background:var(--paper);border-radius:14px;padding:.9rem 1.1rem;margin:0 0 2rem;font-size:.95rem}
.ai-status:empty{display:none}.ai-status p{margin:.2rem 0}
.aiset-sec{margin:0 0 3rem}
.sub-h{font:700 1.15rem/1.2 var(--display);margin:2rem 0 .8rem}
.rule-form{display:grid;gap:.9rem;border:1px solid var(--line2);background:var(--paper);border-radius:14px;padding:1rem;margin:0 0 1.2rem}
.rule-card,.log-item{border:1px solid var(--line2);background:var(--paper);border-radius:14px;padding:.95rem 1rem;margin:0 0 .9rem}
.rule-topic{margin:0 0 .35rem;font-weight:800}
.rule-ans{margin:0 0 .4rem;white-space:pre-wrap}
.rule-meta,.log-meta{margin:0 0 .6rem;font-size:.85rem;color:var(--muted)}
.log-q{margin:0 0 .3rem;font-weight:700}
.log-item details{margin:0 0 .7rem}.log-item summary{cursor:pointer;color:var(--terra-txt);font-weight:700;font-size:.92rem;min-height:32px;display:flex;align-items:center}
.log-a{white-space:pre-wrap;font-size:.94rem;padding:.6rem 0 0}
.log-fix{margin-top:.8rem}.log-fix:empty{display:none}
.rule-card .btns,.log-item .btns{gap:.5rem}

/* Your instructions to the AI (Oct 16 2026) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.instr-sec{background:#fffdf8;border:1px solid var(--line2);border-radius:16px;padding:1.4rem 1.2rem 1.2rem}
#instr-text{min-height:15rem;font-size:16px;line-height:1.5;resize:vertical;box-sizing:border-box}
#instr-text::placeholder{color:#a8988a}
#instr-count{display:block;text-align:right;margin-top:.3rem;font-size:.85rem}
.instr-lines{list-style:none;padding:0;margin:0 0 .6rem}
.instr-line{display:flex;gap:.6rem;align-items:center;justify-content:space-between;padding:.5rem .5rem .5rem .9rem;border:1px solid var(--line2);border-radius:10px;margin:.45rem 0;background:var(--paper)}
.instr-line span{flex:1;min-width:0;overflow-wrap:anywhere}
.instr-line .btn,.instr-add .btn{min-height:44px;flex:none}
.instr-add{display:flex;gap:.5rem;align-items:stretch}
.instr-add input{flex:1;min-width:0;font-size:16px}
.instr-btns{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.4rem}
.instr-btns .btn{min-height:48px}
.instr-state{font-size:.95rem}
.instr-state.ok{color:#5b6b2f}
.instr-state.warn{color:#A9552D}

.kids-line{font:700 .9rem/1.3 var(--body);color:var(--terra-txt);letter-spacing:.02em;margin:.2rem 0 .6rem}
.hero-kids{margin:.9rem 0 0}

/* Cook mode: one step at a time */
html.cm-open,html.cm-open body{overflow:hidden}
.cm{position:fixed;inset:0;z-index:1000;background:var(--cream);color:var(--text);display:flex;flex-direction:column;padding:max(.8rem,env(safe-area-inset-top)) clamp(1rem,4vw,2rem) max(1rem,env(safe-area-inset-bottom));font-family:var(--body)}
.cm-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;max-width:760px;width:100%;margin:0 auto}
.cm-top button{min-height:44px;background:transparent;border:1.5px solid var(--line2);color:var(--text);font:700 .95rem/1 var(--body);padding:.55rem .9rem;border-radius:10px;cursor:pointer}
.cm-top .cm-x{border-color:transparent}
.cm-count{font:700 1rem/1 var(--body);color:var(--muted);white-space:nowrap}
.cm-bar{max-width:760px;width:100%;margin:.8rem auto 0;height:6px;border-radius:6px;background:var(--parch2);overflow:hidden}
.cm-bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:6px;transition:width .3s ease}
.cm-title{max-width:760px;width:100%;margin:1rem auto 0;font:italic 400 1.05rem/1.3 var(--display);color:var(--muted);text-align:center}
.cm-step{flex:1;overflow-y:auto;max-width:760px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.2rem .2rem;-webkit-overflow-scrolling:touch}
.cm-step.cm-in{animation:cmIn .25s ease}
@keyframes cmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cm-step.cm-in{animation:none}.cm-bar i{transition:none}}
.cm-num{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--gold);font:700 1.4rem/1 var(--display);color:var(--terra-txt);margin-bottom:1.1rem;flex:none}
.cm-txt{margin:0;font:600 clamp(1.45rem,5.4vw,2.2rem)/1.42 var(--body);max-width:34ch}
.cm-done-h{margin:0;font:700 clamp(2rem,8vw,3rem)/1.15 var(--display);color:var(--text)}
.cm-done-p{margin:.6rem 0 0;font:italic 400 1.3rem/1.3 var(--display);color:var(--muted)}
.cm-nav{display:flex;gap:.8rem;max-width:760px;width:100%;margin:0 auto;align-items:stretch}
.cm-nav button{cursor:pointer;border-radius:14px;font:800 1.15rem/1 var(--body)}
.cm-back{flex:0 0 auto;min-height:60px;padding:0 1.1rem;background:transparent;border:1.5px solid var(--line2);color:var(--text)}
.cm-next{flex:1;min-height:64px;padding:0 1.2rem;background:var(--terra-btn);border:1.5px solid var(--terra-btn);color:var(--cream);font-size:1.3rem!important;box-shadow:0 6px 14px -9px rgba(142,69,36,.75)}
.cm-next:hover{background:var(--terra-dk)}
.cm-next:focus-visible,.cm-back:focus-visible,.cm-top button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cm-hint{text-align:center;margin:.7rem 0 0;font-size:.85rem;color:var(--muted)}
.cm-ing{position:absolute;left:0;right:0;bottom:0;top:4.2rem;background:var(--paper);border-top:2px solid var(--gold);border-radius:18px 18px 0 0;padding:1.2rem clamp(1rem,4vw,2rem) max(1.2rem,env(safe-area-inset-bottom));overflow-y:auto;box-shadow:0 -10px 30px -12px rgba(59,42,32,.35)}
.cm-ing-h{font:700 1.4rem/1 var(--display);margin:0 0 .8rem}
.cm-ing ul{margin:0 0 1.2rem;padding-left:1.2rem;max-width:760px}
.cm-ing li{font-size:1.15rem;line-height:1.45;padding:.3rem 0}

/* ---- Scan a recipe (post page) ---- */
.scan-box{border-color:var(--gold)}
.scan-head{display:flex;gap:.9rem;align-items:flex-start}
.scan-icon{font-size:1.9rem;line-height:1;margin-top:.1rem}
.scan-head .label{margin-bottom:.3rem}
.scan-help{margin:0;font-size:.95rem;color:var(--muted)}
.scan-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.scan-btns .btn{margin-left:0;flex:1 1 auto}
.scan-thumbs{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.scan-thumbs figure{position:relative;margin:0;width:96px}
.scan-thumbs img{width:96px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line2);background:var(--paper);display:block}
.scan-thumbs figcaption{font-size:.78rem;color:var(--muted);text-align:center;margin-top:.25rem}
.scan-thumbs .scan-rm{position:absolute;top:-.4rem;right:-.4rem;width:24px;height:24px;border-radius:50%;border:0;background:var(--text);color:#fff;font:700 .9rem/24px var(--body);cursor:pointer;padding:0}
.scan-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}
.scan-actions .btn{margin-left:0}
.scan-msg{margin:.7rem 0 0;font-size:.95rem;color:var(--muted)}
.scan-msg.err{color:#8E4524}
.scan-msg.ok{color:var(--olive-txt)}
.scan-msg .spin{display:inline-block;width:.9em;height:.9em;border:2px solid var(--gold);border-top-color:transparent;border-radius:50%;animation:lcspin .8s linear infinite;vertical-align:-.1em;margin-right:.4rem}
@keyframes lcspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.scan-msg .spin{animation:none}}
#scan-notice{scroll-margin-top:5.5rem}
#scan-notice .notice{margin-bottom:1.2rem}