:root{color-scheme:light;--ink:#20201d;--muted:#67685d;--paper:#fbf8f0;--line:#d9d2c5;--lime:#ddff80;--coral:#ff9d88;--green:#343e20;--purple:#677044}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}a{color:inherit;text-underline-offset:4px}button{color:inherit}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #657b20;outline-offset:4px}.site-shell{--edge:max(32px,(100% - 1280px)/2);position:relative;isolation:isolate;min-height:100vh;background:radial-gradient(ellipse 440px 340px at 94% 40px,#dfff8deb,transparent 90%),radial-gradient(ellipse 340px 220px at 0 100%,#ffd5c570,transparent 90%),var(--paper);overflow-x:clip}.site-header{height:68px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d2c55c}.wordmark{font:28px/1 Georgia,'Times New Roman',serif;letter-spacing:-1.7px;text-decoration:none}nav{display:flex;align-items:center;gap:22px;font-size:12px}nav a{text-decoration:none}.play-link{border:1px solid #b9c489;border-radius:999px;padding:7px 14px}main{padding:0 60px;min-height:0}.landing{padding:78px 0 36px;position:relative;min-height:445px}.hero-copy{width:55%;padding-top:12px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:600;color:var(--muted);margin:0 0 15px;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(54px,5.8vw,82px);line-height:.96;letter-spacing:-4.8px;margin-bottom:18px}h2{font-size:29px;line-height:1.08;letter-spacing:-1px}h3{font-size:18px;font-weight:500;line-height:1.2}.intro{font-size:15px;margin-bottom:26px}.search-column{width:53%;max-width:550px}.search{padding:9px;background:#fffdf8;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 13px #3a302b0c}.search label{display:block;font-size:12px;margin:0 5px 2px}.search-row{display:flex;gap:8px}.search input{min-width:0;width:100%;border:0;padding:10px 6px;background:transparent;font-size:13px}.search button,.primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:8px;padding:10px 17px;white-space:nowrap;font-size:13px}.hint,.note,.meta{font-size:12px;color:var(--muted)}.hint{margin-top:12px}.note:empty{display:none}#search-status:not(:empty){margin-top:16px}.featured-check{position:absolute;right:0;top:52px;width:38%;min-height:306px;padding:21px;text-align:left;display:flex;flex-direction:column;border:0;border-radius:22px;background:linear-gradient(139deg,#e0ff89 0%,#ecefa0 39%,#ffac98 100%);box-shadow:0 13px 24px #5a493121}.featured-top{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:600}.featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px;margin-top:auto;border-top:1px solid #787a4b40}.featured-bottom strong{display:block;font-size:13px;font-weight:500}.featured-bottom span span{display:block;font-size:11px;margin-top:3px}.arrow{font-size:28px;line-height:1}.bottle{width:82px;height:165px;position:relative;display:block;align-self:center;margin:5px auto 14px;filter:drop-shadow(0 10px 9px #4e592533)}.bottle-cap{display:block;width:28px;height:33px;border-radius:6px 6px 1px 1px;background:linear-gradient(90deg,#24251f,#171815);margin:0 auto;position:relative;z-index:1}.bottle-body{width:82px;height:134px;margin-top:-2px;background:linear-gradient(110deg,#e9f6dd 0%,#c5e1b3 45%,#a8c394 100%);border:1px solid #a7ba9260;border-radius:12px 12px 19px 19px;display:grid;place-items:center;box-shadow:inset 4px 0 7px #ffffff65,inset -3px 0 4px #73834d14}.bottle-body>span{font-size:7px;text-align:center;letter-spacing:1px;color:#46633c;line-height:1.8}.other-checks{display:flex;align-items:center;gap:15px;font-size:11px;margin-top:29px;flex-wrap:wrap;color:var(--muted)}.link-button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;font-size:12px}.search-results{margin-top:28px}.search-results h2{font-size:24px;margin-bottom:15px}.product-list{display:grid;gap:9px;max-width:690px}.product-option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff9;padding:15px}.product-option:hover{background:#f1f5d4}.product-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:48px;border-radius:5px;background:#cfe0ba;font-size:11px}.product-option small{display:block;color:var(--muted);font-size:11px}.product-option .name{display:block;font-size:14px}.product-option .open{margin-left:auto;font-size:22px}.empty,.error{padding:22px;background:#f2edde;border-radius:12px}.empty p,.error p{margin:12px 0}.back{border:0;background:none;padding:0;font-size:12px;margin-bottom:22px;color:var(--muted)}.page-check .hero-copy{display:none}.page-check .landing{padding:29px 0 20px;min-height:0}.quick-take{position:relative;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:32px;justify-content:space-between}.take-copy{max-width:740px}.take-copy h1{font-size:clamp(38px,4.3vw,59px);line-height:1.01;letter-spacing:-2.8px;max-width:690px;margin-bottom:13px}.take-copy .eyebrow{margin-bottom:12px}.take-note{font-size:12px;color:var(--muted);margin-bottom:23px}.mini-product{display:flex;gap:12px;align-items:center;max-width:200px;flex-shrink:0;font-size:11px;color:var(--muted);padding-top:3px}.mini-product small{display:block;margin-top:6px}.bottle-small{width:30px;height:61px;flex-shrink:0;margin:0;filter:none}.bottle-small .bottle-cap{width:12px;height:13px;border-radius:3px 3px 0 0}.bottle-small .bottle-body{width:30px;height:48px;border-radius:4px 4px 7px 7px}.bottle-small .bottle-body>span{display:none}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact-strip button{text-align:left;border:0;background:none;padding:12px 16px;border-right:1px solid var(--line)}.fact-strip button:first-child{padding-left:0}.fact-strip button:last-child{border-right:0}.fact-strip span{display:block;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:9px}.fact-strip strong{display:block;font-size:12px;font-weight:500;margin-top:3px}.evidence-tabs{display:flex;gap:24px;margin:16px 0 24px;flex-wrap:wrap}.evidence-tabs button{font-size:12px;border:0;background:none;padding:0;color:var(--muted);text-underline-offset:4px;text-decoration:underline}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:16px}.section-head .note{max-width:210px;text-align:right;line-height:1.3}.fog-front{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fog-card,.known-card{border-radius:15px;padding:23px}.fog-card{background:linear-gradient(125deg,#f0eccf,#e8e8ce)}.known-card{background:linear-gradient(120deg,#e1ff91,#eaf5b8)}.fog-front .eyebrow{font-size:9px;margin-bottom:16px}.fog-front h3{font:27px/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.6px;padding-bottom:13px;border-bottom:1px solid #5f633d26}.fog-front p{font-size:12px;line-height:1.5;margin:12px 0;color:#55574b;max-width:380px}.focus-row{display:flex;align-items:center;gap:9px;margin:25px 0 15px;flex-wrap:wrap}.focus-row>span{font-size:12px;margin-right:4px}.intent{border:1px solid var(--line);background:transparent;border-radius:9px;padding:9px 13px;font-size:12px}.intent:hover,.intent.active{background:#e5f6ad;border-color:#aabb7b}.focus-note{border-top:1px solid var(--line);padding-top:15px;font-size:12px;max-width:100%;color:var(--muted)}.check-actions{display:flex;gap:10px;margin:19px 0 23px}.secondary{border:1px solid var(--line);background:transparent;border-radius:8px;padding:10px 17px;font-size:13px}.receipt-preview,.issue-details{border-top:1px solid var(--line);padding:16px 0}.receipt-preview summary,.issue-details summary{font-size:12px}.receipt-preview[open] summary,.issue-details[open] summary{margin-bottom:17px}.ingredients{list-style:none;padding:0;margin:14px 0}.ingredients li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #d9d2c570;font-size:12px}.amount{color:var(--muted);text-align:right}.receipt-preview .note{margin-bottom:14px}.issue{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.issue h3{font-size:14px}.issue p{font-size:12px;color:var(--muted);margin-top:8px}.issue .link-button{flex-shrink:0}.bar{display:flex;height:14px;border-radius:4px;overflow:hidden;margin:10px 0}.keep{background:var(--lime)}.depends{background:#d1d0bc}.skip-vote{background:var(--coral)}.product-header{max-width:760px;margin-bottom:35px}.product-header h1{font-size:40px;letter-spacing:-1.8px;line-height:1.1;margin:10px 0}.intent-list{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}footer{padding:16px calc(var(--edge) + 44px) 22px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);border-top:1px solid #d9d2c570}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px;width:min(720px,calc(100% - 24px));max-height:88vh;box-shadow:0 25px 90px #20201840}dialog::backdrop{background:#27271f70}dialog h2{margin-bottom:22px}dialog h3{margin:22px 0 12px}dialog p,dialog li{font-size:14px;line-height:1.7;margin-bottom:12px}dialog dl{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:12px;margin-bottom:15px}dialog dd{margin:0;overflow-wrap:anywhere}dialog dt{color:var(--muted)}dialog a{overflow-wrap:anywhere}.close-receipt{background:var(--ink);color:var(--paper);border:0;padding:12px 20px;border-radius:8px;margin-top:20px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:10px}.method{max-width:780px;margin:40px auto}.method h1{font-size:48px;letter-spacing:-2px}.method h2{margin-bottom:15px}.method section{padding:24px 0;border-bottom:1px solid var(--line)}.method p{margin-bottom:16px}.method li{margin-bottom:10px}body:not([data-page="check"]) .site-header{height:80px}body:not([data-page="check"]) main{padding:0 24px}
@media(min-width:1500px){.landing{padding-top:92px;padding-bottom:54px;min-height:490px}.featured-check{top:64px}}
@media(max-width:850px){.site-shell{--edge:16px}.site-header{padding:0 28px}main{padding:0 32px}.hero-copy{width:56%}h1{font-size:62px;letter-spacing:-3.5px}.featured-check{width:38%;min-height:286px;padding:17px}.search-column{width:56%}.intro{font-size:13px}.mini-product{max-width:165px}.take-copy h1{font-size:44px}.fog-front{gap:17px}footer{padding-inline:calc(var(--edge) + 28px)}}
@media(max-width:600px){.site-shell{--edge:12px;background:radial-gradient(ellipse 270px 300px at 100% 0,#ddff88eb,transparent 92%),radial-gradient(ellipse 270px 190px at 0 100%,#ffd1c273,transparent 90%),var(--paper)}.site-header{height:58px;padding:0 19px}.wordmark{font-size:26px}nav{gap:10px;font-size:10px}nav a:first-child{display:none}.play-link{padding:6px 11px}main{padding:0 19px}.landing{padding:29px 0 25px;min-height:0}.hero-copy,.search-column{width:100%;max-width:none}.hero-copy{padding:0}.eyebrow{font-size:9px;margin-bottom:13px}h1{font-size:clamp(49px,13.8vw,76px);letter-spacing:-3.7px;line-height:.95;max-width:360px;margin-bottom:17px}.intro{font-size:14px;line-height:1.5;margin-bottom:20px;max-width:330px}.search-row{display:block}.search{padding:7px;border-radius:12px}.search label{font-size:12px}.search input{font-size:13px;padding:10px 8px}.search button{width:100%;padding:9px}.hint{font-size:9px;margin:12px 0 24px}.featured-check{position:relative;top:auto;right:auto;width:100%;min-height:245px;padding:17px;border-radius:20px}.bottle{width:70px;height:143px;margin:0 auto 10px}.bottle-cap{height:29px;width:25px}.bottle-body{width:70px;height:115px}.featured-bottom strong{font-size:12px}.featured-bottom span span{font-size:10px}.featured-top{font-size:9px}.other-checks{gap:10px;font-size:10px;margin-top:19px;line-height:1.8}.other-checks .link-button{font-size:10px}.page-check .landing{padding-top:24px}.back{font-size:11px;margin-bottom:23px}.quick-take{display:block}.mini-product{max-width:230px;margin-bottom:21px;gap:11px;font-size:10px}.bottle-small{width:26px;height:51px;margin:0}.bottle-small .bottle-cap{width:10px;height:10px}.bottle-small .bottle-body{width:26px;height:42px}.take-copy h1{font-size:38px;letter-spacing:-1.9px;line-height:1.01;max-width:360px;margin-bottom:13px}.take-copy .eyebrow{font-size:9px;margin-bottom:12px}.take-note{font-size:10px;margin-bottom:23px}.fact-strip button{padding:10px 9px}.fact-strip span{font-size:8px;letter-spacing:.5px}.fact-strip strong{font-size:10px;line-height:1.25}.evidence-tabs{gap:14px;margin:16px 0 25px}.evidence-tabs button{font-size:10px}.section-head{gap:15px;align-items:flex-start;margin-bottom:14px}.section-head h2{font-size:26px;max-width:155px}.section-head .note{font-size:9px;max-width:112px}.fog-front{gap:12px}.fog-card,.known-card{padding:14px 12px;border-radius:12px}.fog-front .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:13px}.fog-front h3{font-size:22px;line-height:1.04;letter-spacing:-.4px;min-height:62px}.fog-front p{font-size:10px;line-height:1.5}.fog-front .link-button{font-size:10px;line-height:1.5;text-align:left}.focus-row{gap:6px;margin:22px 0 15px}.focus-row>span{font-size:11px}.intent{font-size:11px;padding:9px 10px}.focus-note{font-size:11px;line-height:1.6}.check-actions{gap:8px}.primary,.secondary{font-size:12px;padding:10px 13px}.receipt-preview summary,.issue-details summary{font-size:11px}.ingredients li{font-size:11px}.issue{gap:10px}.issue h3{font-size:13px}.issue .link-button{font-size:10px}.product-header h1{font-size:34px}.intent-list{gap:8px}.product-header .meta{font-size:11px}footer{padding-inline:calc(var(--edge) + 19px);padding-top:15px;display:block;font-size:9px}footer>a{display:block;margin-top:7px}dialog{padding:22px}dialog dl{grid-template-columns:75px 1fr}.method h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep the result as compact as the four Slack reference screens. */
.take-copy h1{max-width:620px}.fog-front h3{font-size:24px}.fog-card,.known-card{padding:18px}.evidence-tabs{display:grid;grid-template-columns:repeat(4,max-content);gap:22px}.evidence-tabs button{text-align:left}.focus-row{margin-top:20px}.focus-note{padding-top:12px}.page-check footer{padding-bottom:16px}
@media(max-width:600px){.page-check .landing{padding-top:21px}.page-check .back{margin-bottom:18px}.mini-product{margin-bottom:16px}.take-copy h1{font-size:34px;letter-spacing:-1.7px}.take-note{margin-bottom:18px}.fact-strip button{padding:9px 7px}.fact-strip strong{font-size:9px}.fact-strip span{font-size:7px}.evidence-tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 22px}.evidence-tabs button{font-size:9px;white-space:nowrap}.section-head h2{font-size:24px}.fog-card,.known-card{padding:13px 11px}.fog-front h3{font-size:20px;min-height:54px}.fog-front p{margin:10px 0}.focus-row{gap:6px;margin:18px 0 13px}.focus-row .intent{font-size:10px;padding:7px 8px}.focus-row>span{font-size:10px;width:100%}.focus-note{font-size:10px}.check-actions{margin:16px 0 18px}.receipt-preview,.issue-details{padding:13px 0}}

.usage-guide{border:1px solid var(--line);background:#fff9;padding:20px;border-radius:14px;margin:0 0 24px}.usage-guide h2{font-size:24px}.usage-guide ol{padding-left:20px;font-size:13px;margin:12px 0}.usage-guide li{margin:6px 0}.usage-guide .link-button{margin-top:12px}dialog dd{overflow-wrap:anywhere}
.product-photo{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:10px;background:#fff8}.product-photo img{width:100%;height:100%;object-fit:contain;display:block}.product-photo img[hidden]{display:none}.photo-card{width:64px;height:82px}.photo-featured{width:100%;height:215px;margin:10px auto;background:#ffffffc9;border-radius:14px}.photo-detail{width:180px;height:230px}.photo-mini{width:76px;height:100px}.photo-unavailable{padding:6px;font-size:10px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.photo-button{border:0;background:none;padding:0;border-radius:10px}.photo-button:hover{outline:1px solid var(--line)}.image-note{display:block;font-size:10px;color:var(--muted);margin-top:4px}.product-header{display:flex;gap:24px;align-items:center;justify-content:space-between}.mini-product{max-width:270px}.other-checks{display:block;margin-top:65px}.other-checks h2{font-size:23px;margin-bottom:14px}.other-checks .product-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.product-option>span:not(.product-photo){min-width:0}.product-option .name{overflow-wrap:anywhere}dialog .photo-detail{margin:16px auto}.featured-check{min-height:340px}.image-fallback[hidden]{display:none}
.product-photo img[src*="cosrx-pdrn-serum"]{transform:scale(1.4) translateY(-6%)}.product-photo img[src*="skin1004-centella-foam"]{transform:scale(1.8) translateY(-12%)}.product-photo img[src*="skin1004-centella-ampoule"]{transform:scale(1.5) translateY(-7%)}.product-photo img[src*="cosrx-snail-essence"]{transform:scale(1.3) translateY(-4%)}dialog .product-photo img{transform:none}
@media(max-width:600px){.photo-featured{height:200px;margin:10px 0}.photo-card{width:54px;height:70px}.photo-mini{width:62px;height:82px}.photo-detail{width:110px;height:145px}.product-header{gap:12px;align-items:flex-start}.product-header>div{min-width:0}.product-header h1{font-size:29px;overflow-wrap:anywhere}.other-checks{margin-top:25px}.other-checks .product-list{grid-template-columns:1fr}.other-checks .product-option{padding:11px;gap:12px}.other-checks .product-option small{font-size:10px}.other-checks .product-option .name{font-size:13px}.featured-check{min-height:280px}.image-note{font-size:9px}.mini-product{max-width:none}}
/* Searchable public discovery projection; missing evidence never hides identity. */
.database-entry{padding:26px;margin:32px 0 0;border:1px solid var(--line);border-radius:16px;background:#fff9}.database-entry h2{font-size:27px;margin-bottom:12px}.database-entry p{margin-bottom:14px}.database-entry .note{margin:15px 0 0}.library-tabs{display:flex;gap:10px;flex-wrap:wrap}.library-tabs button,.library-tabs a{border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:#fff}.library-tabs a{text-decoration:none;color:inherit;font-size:13px}.library-tabs .primary,.library-tabs [aria-pressed=true]{background:var(--ink);color:var(--paper)}.page-library .hero-copy{display:none}.page-library .landing{padding:36px 0}.library-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.library-heading h2{font-size:38px;margin-bottom:12px}.library-heading .library-tabs{align-self:flex-start}.library form{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff8}.library form>label{display:block;font-size:12px;margin-bottom:8px}.library input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.library-filters label{font-size:12px;min-width:0}.library-filters select{display:block;width:100%;font:inherit;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff}.library-method{margin:20px 0}.library .product-list,.library-detail .product-list{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-option{width:100%;text-align:left;min-width:0}.library-option small{display:block}.ingredient-option{border:1px solid var(--line);background:#fff8;padding:16px;border-radius:12px;text-align:left;min-width:0;overflow-wrap:anywhere}.ingredient-option small{display:block;color:var(--muted);margin-top:7px;font-size:12px}.pagination{display:flex;gap:15px;justify-content:center;align-items:center;margin:25px 0;font-size:12px}.pagination button{border:1px solid var(--line);background:#fff;padding:10px;border-radius:8px}.library-detail h1{font-size:42px;letter-spacing:-1.4px;line-height:1.1;overflow-wrap:anywhere}.detail-boundary{margin:20px 0;max-width:800px}.library-section{padding:26px 0;border-top:1px solid var(--line)}.library-section h2{margin-bottom:15px}.library-section p{margin-bottom:12px}.library-section .usage-guide{margin-top:15px}.formula-record{border:1px solid var(--line);padding:16px;border-radius:10px;margin:16px 0;background:#fff8}.formula-record summary{font-weight:600}.formula-record>p{margin:15px 0}.raw-inci{overflow-wrap:anywhere;font-size:13px;line-height:1.8}.ingredient-links{display:flex;flex-direction:column;gap:6px}.ingredient-links button{text-align:left;border:1px solid var(--line);background:#fff;padding:10px;border-radius:8px;overflow-wrap:anywhere}.ingredient-links small{display:block;font-size:11px;color:var(--muted)}.library-section li{margin:10px 0}.library-section a{overflow-wrap:anywhere}.active-filter{margin-top:15px}.library-section .usage-guide h2{display:none}
@media(max-width:600px){.database-entry{padding:18px}.library-heading{display:block}.library-heading .library-tabs{margin-top:18px}.library-heading h2{font-size:31px}.library-filters{grid-template-columns:1fr}.library input{width:100%;margin-bottom:10px}.library .product-list,.library-detail .product-list{grid-template-columns:1fr}.library-option .name{font-size:13px}.library-option{gap:10px;padding:12px}.library-detail h1{font-size:29px}.pagination{gap:8px;font-size:11px}.library-section h2{font-size:25px}.library-detail .product-header{gap:10px}.library-section{padding:22px 0}}


/* Keep exact source labels readable without expanding every receipt. */
.library-section.ingredient-reference{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--paper)}
.reference-target a,.reference-target button{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:22px;font-weight:700;overflow-wrap:anywhere}
.annotation-receipts li{margin:16px 0;overflow-wrap:anywhere}
.ingredient-reference .note{margin:8px 0}

.database-entry{clear:both;margin:30px 0}.library-detail .variant-record{padding:14px 0;border-bottom:1px solid var(--line)}.page-library .library-detail .usage-guide .eyebrow{margin-bottom:10px}

.database-entry{margin-top:65px}.database-entry+.other-checks{margin-top:25px}@media(max-width:600px){.database-entry{margin-top:24px}}

.filter-disclosure{margin-top:14px}.filter-disclosure summary{font-size:12px}.library-method{max-width:850px}.product-option .name{overflow-wrap:anywhere}@media(max-width:600px){.library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters label:last-child{grid-column:1/-1}}
.official-manual,.research-record{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff8;margin:16px 0;overflow-wrap:anywhere}.official-manual h3,.research-record h3{font-size:19px;line-height:1.4;margin:16px 0 10px}.official-manual ol{padding-left:22px}.official-manual dt,.research-record dt{font-weight:650;margin-top:14px}.official-manual dd,.research-record dd{margin:4px 0 14px;line-height:1.7}.official-manual details{margin-top:16px}.research-record h3.research-limits{font-size:14px;margin-top:18px}.research-filter{margin-top:16px}.research-filter select{display:block;max-width:100%;font:inherit;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff}

/* Source-backed records remain ordinary crawlable links. */
a.library-option,a.ingredient-option,.ingredient-links a{color:inherit;text-decoration:none}
a.library-option{display:grid}
a.ingredient-option{display:block}

@media(max-width:600px){nav a.compare-link{display:inline}.site-header nav{flex-wrap:wrap;justify-content:flex-end}.page-library .site-header{height:auto;min-height:80px;gap:12px;padding-top:12px;padding-bottom:12px}}

/* Reading surfaces: a short first view, full evidence on demand. */
.library,.library-detail,.ingredient-comparison{font-size:15px;line-height:1.6}
.library .note,.library-detail .note{font-size:13px;line-height:1.65;max-width:75ch}
.library .meta,.library-detail .meta{font-size:13px}
.page-library main,.page-loading main{padding:24px clamp(16px,4vw,40px)}
.library-detail .product-header{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;max-width:960px;align-items:center;margin-bottom:18px}
.library-detail .product-header>div{min-width:0}
.library-detail h1{font-size:clamp(28px,3.2vw,42px);line-height:1.17;letter-spacing:-1px;max-width:24ch;margin:8px 0 12px}
.library-detail .photo-detail{width:180px;height:210px}
.library-section{max-width:960px;padding:24px 0}
.library-section h2{font-size:27px;line-height:1.25;letter-spacing:-.5px}
.evidence-disclosure,.library-method{padding:12px 0;font-size:13px}
.evidence-disclosure summary,.formula-record summary,.research-record summary,.manual-pairing summary{cursor:pointer;line-height:1.55;min-height:32px;padding:5px 0}
.evidence-disclosure[open]>summary,.research-record[open]>summary{margin-bottom:12px}
.photo-receipt{padding:0;color:var(--muted)}
.detail-boundary{margin:6px 0 20px}
.library .library-option,.page-library .library-option{display:grid;grid-template-columns:64px minmax(0,1fr) 14px;gap:15px;align-items:center;padding:16px}
.library-option>span:not(.product-photo){min-width:0}
.library-option .name{font-size:16px;line-height:1.4;margin:5px 0}
.library-option small,.ingredient-option small{font-size:12px;line-height:1.5}
.library .search-row{gap:10px;min-width:0}
.library input,.library select{font-size:16px;min-height:44px}
.library-tabs button,.library-tabs a,.pagination button,.library .primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.official-manual{padding:22px;margin:14px 0;background:#fffaf0}
.official-manual .manual-technique{font-size:17px;line-height:1.65;max-width:70ch;margin:12px 0 18px}
.manual-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0 0 18px}
.manual-facts>div{min-width:0;padding:12px 14px;border-radius:9px;background:#eeefdf}
.official-manual .manual-facts dt{margin:0;font-size:12px;font-weight:500;color:var(--muted)}
.official-manual .manual-facts dd{font-size:15px;line-height:1.5;margin:5px 0 0}
.manual-caution{border-left:3px solid #b87a4e;padding-left:16px}
.manual-pairing{font-size:14px;padding:8px 0}
.manual-pairing p{margin-top:10px}
.manual-source{margin-top:18px}
.research-record{padding:16px 20px}
.research-record>summary{font-size:16px;font-weight:600}
.library-detail details dl:not(.manual-facts){display:block}
.library-detail .raw-inci{line-height:1.8;font-size:14px}
.library-detail .ingredient-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.library-detail .ingredient-links>*{min-width:0;font-size:14px;line-height:1.5}
.library-detail .secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;margin-bottom:12px}
.declared-amounts{margin:20px 0 24px}
.declared-amounts h3{font-size:18px;margin-bottom:12px}
.declared-amount-list{list-style:none;padding:0;margin:0}
.declared-amount-list>li{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#f7f8ed;margin:10px 0}
.declared-amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;font-size:16px;line-height:1.5}
.declared-amount-row>span{overflow-wrap:anywhere;min-width:0}
.declared-amount-row>strong{white-space:nowrap;color:#405632;font-variant-numeric:tabular-nums}
.amount-source{margin-top:6px;font-size:13px}
.formula-record .amount-source>summary{font-weight:400;color:var(--muted);min-height:44px;padding:12px 0}
.amount-source[open]>summary{margin-bottom:8px}
.amount-source blockquote{margin:8px 0 12px;padding:8px 12px;border-left:2px solid var(--line);overflow-wrap:anywhere;font-size:14px}
.full-inci{margin:18px 0 0;border-top:1px solid var(--line);padding-top:10px}
.full-inci>summary{min-height:44px;font-size:14px}
.full-inci>p{margin:14px 0}
@media(max-width:600px){
 .page-library .site-header{display:flex;flex-wrap:wrap;height:auto;padding:16px;gap:12px}
 .page-library .site-header nav{width:100%;justify-content:flex-start;gap:16px;font-size:12px}
 .page-library .site-header nav a:first-child{display:inline}
 .page-library .site-header nav a{padding:7px 0}
 .library-detail .product-header{grid-template-columns:minmax(0,1fr) 94px;gap:14px;align-items:start}
 .library-detail .photo-detail{width:94px;height:128px}
 .library-detail h1{font-size:28px;line-height:1.18;letter-spacing:-.7px}
 .library-section h2{font-size:25px}
 .library .library-option,.page-library .library-option{grid-template-columns:54px minmax(0,1fr) 12px;gap:12px;padding:14px}
 .library-option .name{font-size:15px}
 .library input{margin-bottom:0}
 .library .search-row{display:flex;flex-wrap:wrap}
 .library .search-row .primary{width:100%;font-size:14px}
 .official-manual{padding:16px}
 .official-manual .manual-technique{font-size:16px}
 .manual-facts{gap:9px}
 .manual-facts>div{padding:10px}
 .official-manual .manual-facts dd{font-size:14px}
 .library-detail .ingredient-links{grid-template-columns:1fr}
 .research-record{padding:14px}
 .library .product-list,.library-detail .product-list{min-width:0}
}
/* Index links stay crawlable while readers browse one brand at a time. */
.library-index{max-width:960px;padding-bottom:32px}.library-index h1{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-1.2px;max-width:25ch}.index-full-search{margin:14px 0 24px;font-size:14px}.index-search{display:block;font-size:13px;max-width:520px}.index-search input{display:block;width:100%;margin:8px 0 12px}.index-status{margin:8px 0 18px}.index-group{border-top:1px solid var(--line);padding:12px 0}.index-group>summary{font-size:17px;min-height:44px;padding:8px 0;font-weight:600}.index-group>summary>span{font-size:12px;color:var(--muted);font-weight:400;margin-left:12px}.index-records{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px;padding:0}.index-records li{min-width:0}.index-record{display:flex;gap:14px;align-items:center;text-decoration:none;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff9;min-height:82px;font-size:15px;line-height:1.45}.index-record>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}.index-record small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.index-record img{object-fit:contain;flex-shrink:0;background:#fff;border-radius:6px}.index-record:hover{background:#fff}.index-records [hidden],.index-group[hidden]{display:none}
@media(max-width:600px){.index-records{grid-template-columns:1fr}.library-index h1{font-size:34px;line-height:1.12}.library-detail .product-header{grid-template-columns:minmax(0,1fr);position:relative}.library-detail .product-header .eyebrow,.library-detail .product-header .meta{padding-right:104px}.library-detail .product-header .photo-detail{position:absolute;right:0;top:0;width:80px;height:88px}.library-detail .product-header h1{margin-top:42px;max-width:none}.index-record{padding:12px}}

.ingredient-coverage{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}.ingredient-coverage>span{padding:9px 12px;background:#eef0de;border-radius:8px;font-size:13px;line-height:1.5}.ingredient-coverage strong{font-size:16px;margin-right:4px}

/* Dated interest and community context: compact summaries, expandable receipts. */
.discovery{max-width:1000px;margin-inline:auto}.discovery h1{max-width:22ch}.discovery-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.discovery-topic{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border,#d2cec2);border-radius:16px;background:#fffdf7;padding:18px;text-decoration:none;color:inherit;min-width:0}.discovery-topic strong{font-size:1.15rem}.discovery-topic small,.discovery-topic span{font-size:.85rem;line-height:1.5;color:#55584e}.discovery-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.discovery-links a{padding:10px 14px;border:1px solid #cbc8bb;border-radius:999px}.interest-receipts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.interest-receipt{min-width:0;padding:20px;border:1px solid #ccc7b7;border-radius:18px;background:#fffdf7}.interest-receipt h3{margin-top:0}.interest-averages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.interest-averages>div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:.85rem}.interest-averages strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.chart-key{background:var(--key);width:8px;height:8px;border-radius:50%}.interest-chart{width:100%;height:auto;display:block;margin:18px 0 6px}.chart-grid{fill:none;stroke:#ddd8cb;stroke-width:1}.chart-dates{display:flex;justify-content:space-between;font-size:.75rem;color:#626456;margin-bottom:18px}.interest-table-wrap{overflow-x:auto;max-height:300px}.interest-table-wrap table{font-size:.8rem;border-collapse:collapse;width:100%}.interest-table-wrap td,.interest-table-wrap th{padding:6px;border-bottom:1px solid #dedbd0;text-align:left}.related-queries{list-style:none;padding:0}.related-queries li{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.discovery-question,.community-preview{padding:18px 0;border-bottom:1px solid #d5d1c3}.discovery-question h3{font-size:1.1rem}.discovery-product{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;padding:14px 0;min-width:0}.discovery-product img{object-fit:contain;flex-shrink:0}.discovery-product>span:first-of-type{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.discovery-product small{color:#55584e;font-size:.85rem}.discovery-product strong{overflow-wrap:anywhere}.community-counts{display:flex;flex-wrap:wrap;gap:8px}.community-counts span{padding:6px 10px;background:#edf0df;border-radius:999px;font-size:.85rem}.community-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-theme{border:1px solid #d1cebf;border-radius:14px;padding:16px;min-width:0}.community-theme h3{font-size:1rem;margin-top:0}.community-theme p{font-size:.95rem;line-height:1.55}.community-section details{margin-top:12px}.discovery a,.discovery p,.discovery li,.community-section{overflow-wrap:anywhere}.site-header nav{flex-wrap:wrap}
@media(max-width:640px){.discovery-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.discovery-topic{padding:14px}.interest-receipts,.community-themes{grid-template-columns:1fr}.interest-receipt{padding:16px}.interest-averages{gap:10px}.discovery h1{font-size:2rem}.community-counts{gap:6px}}

.discovery-watchlist{grid-column:1/-1}.discovery-watchlist>.discovery-topics{margin-bottom:0}
.discovery-answer{padding:20px;margin:14px 0;border:1px solid var(--line,#d2cec2);border-radius:16px;background:var(--paper,#fffdf7);min-width:0}
.discovery-answer h3{margin:0 0 10px;font-size:1.15rem;line-height:1.4}
.discovery-answer .answer-summary{margin:0 0 14px;line-height:1.6;max-width:68ch}
.answer-details>summary,.answer-evidence>summary,.more-questions>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;line-height:1.5}
.answer-points{padding-left:20px;max-width:70ch}.answer-points>li{margin:14px 0;line-height:1.6}
.answer-citations{font-size:.82rem;white-space:normal}.answer-citations a{display:inline-flex;align-items:center;min-height:44px;margin:0 3px}
.answer-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.answer-products .discovery-product{border:1px solid var(--line,#d2cec2);border-radius:12px;padding:12px}
.answer-evidence{border-bottom:1px solid var(--line,#d2cec2);padding:8px 0}.answer-evidence ul{padding-left:20px;line-height:1.6}
.answer-action{background:#edf0df;color:#252a20;padding:14px;border-radius:10px;line-height:1.6}
@media(max-width:640px){.discovery-answer{padding:16px}.answer-products{grid-template-columns:1fr}.discovery-answer h3{font-size:1.05rem}}
/* Override the legacy non-check fixed header height when navigation wraps. */
body.page-library .site-header{height:auto;min-height:80px}

/* Thin entry, deep warehouse (UX pass 2026-10-03). One shared header, an inline
   30-second summary, links into the evidence layer and a mobile legibility floor. */
body .site-shell>.site-header{display:flex;align-items:center;flex-wrap:nowrap;gap:18px;height:auto;min-height:68px;padding:10px calc(var(--edge) + 44px)}
.site-header .check-pill{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;text-decoration:none;white-space:nowrap}
.site-header .check-pill[aria-current=page]{box-shadow:0 0 0 2px var(--paper),0 0 0 4px #9fb35d}
body .site-shell>.site-header nav{display:flex;flex:1;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:2px;width:auto;font-size:13px}
body .site-shell>.site-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:12px 8px;white-space:nowrap;text-decoration:none;color:inherit}
body .site-shell>.site-header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;font-weight:600}
body .site-shell>.site-header nav .nav-how{margin-left:auto}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 18px}
.footer-links a{display:inline-block;padding:6px 0}
/* Home: one input, a few examples, then the secondary paths. */
.try-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}
.try-chip{border:1px solid var(--line);background:#fffdf8;border-radius:999px;padding:8px 13px;min-height:40px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--ink);text-align:left}
.try-chip:hover{background:#f1f5d4}
.paste-note{margin-top:14px;padding:14px 16px;background:#f2edde;border-radius:12px;font-size:14px;line-height:1.5}
.paste-note .try-row{margin-top:10px}
.next-steps{clear:both;margin:40px 0 8px}
.next-steps h2{font-size:27px;margin-bottom:14px}
.next-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px}
.next-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff9;color:inherit;text-decoration:none}
.next-card:hover{background:#f1f5d4}
.next-card .eyebrow{margin:0}
.next-card strong{font:400 23px/1.15 Georgia,'Times New Roman',serif}
.next-card .note{font-size:13px;line-height:1.5}
.next-go{margin-top:auto;font-weight:600;font-size:14px}
.next-links{margin-top:12px;font-size:14px;color:var(--muted)}
.next-links a{display:inline-block;padding:10px 0;color:var(--ink)}
/* Product Check: the 30-second answer, inline. */
.take-sub{font-size:16px;line-height:1.45;margin-bottom:12px;max-width:600px}
.status-badge{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#fffdf8;font-size:12px;color:var(--muted)}
.check-summary{margin:6px 0 30px;border-top:1px solid var(--line)}
.summary-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:4px 18px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.summary-row dt{font-size:16px;font-weight:700;padding-top:2px}
.summary-row dd{margin:0;min-width:0}
.summary-row dd p{font-size:15px;line-height:1.45}
.summary-row dd small{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--muted)}
.summary-source{display:inline-flex;align-items:center;gap:4px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fffdf8;font-size:13px;white-space:nowrap}
.summary-source:hover{background:#f1f5d4}
.reality-community a{display:inline-block;margin-top:8px;padding:4px 0;font-size:14px}
.reality-community[hidden],.go-deeper[hidden]{display:none}
.go-deeper{margin:30px 0 8px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff9}
.go-deeper h2{font-size:26px;margin-bottom:6px}
.go-deeper-links{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.go-deeper-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;height:100%;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:inherit;text-decoration:none;font-size:15px}
.go-deeper-links a:hover{background:#f1f5d4}
.fog-front h3{min-height:0}
/* Receipt dialog: sticky close, scrolling body, backdrop tap closes. */
dialog#receipt{padding:0;display:flex;flex-direction:column;width:min(960px,calc(100% - 24px));height:min(840px,calc(100vh - 32px));height:min(840px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden}
dialog#receipt:not([open]){display:none}
dialog#receipt .receipt-bar{position:sticky;top:0;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px 30px;border-bottom:1px solid var(--line);background:var(--paper)}
dialog#receipt .receipt-bar h2{margin:0;font-size:25px}
.receipt-x{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fffdf8;font-size:24px;line-height:1}
#receipt-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 30px 24px}
#receipt-body>h3:first-child{margin-top:8px}
.receipt-rules{margin:18px 0 8px;border-top:1px solid var(--line);padding-top:6px}
.receipt-rules summary{font-size:14px;padding:10px 0}
.record-id summary{font-size:12px;color:var(--muted);margin-top:6px}
.record-id code{font-size:12px;overflow-wrap:anywhere}
.close-receipt{min-height:44px}
/* Database results: count first, checks first. */
.badge-check{display:inline-block;align-self:flex-start;margin:0 0 4px;padding:2px 8px;border:1px solid #b9c489;border-radius:999px;background:var(--lime);color:var(--green);font-size:12px;font-weight:600;line-height:1.5}
.results-head{margin:4px 0 16px}
.results-title{font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-1px;margin-bottom:8px;overflow-wrap:anywhere}
.quick-check-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:14px;border:1px solid #c9d79a;border-radius:14px;background:#eef6cf}
.quick-check-strip .eyebrow{width:100%;margin:0}
.quick-check{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:14px;text-decoration:none}
.library-results #library-search{margin-bottom:16px}
.refine-more{display:grid;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
/* Static record pages: the check CTA no longer overlaps the photo note. */
.record-check-cta{margin:4px 0 18px}
.record-check-cta .image-note{display:block;margin:0 0 4px}
.library-detail .record-check-cta>.primary,.library .primary{display:inline-flex;align-items:center;margin:12px 0 4px;text-decoration:none}
.record-check-cta .note{margin-top:8px}
.record-end-actions{margin:0 0 24px}
body.page-library .site-shell>main,body.page-loading .site-shell>main{padding-top:28px}
.library-detail>.back,.discovery>.back{display:inline-block;margin-bottom:16px}
.library-detail>.library-section:last-child,.discovery>details:last-child{margin-bottom:24px}
/* Discover: related products near the top, as a row. */
.discovery-product-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity}
.discovery-product-row .discovery-product{flex:0 0 min(270px,80%);scroll-snap-align:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff9}
.discovery-product.has-check{border-color:#b9c489}
.topic-all-products{margin-top:8px}

@media(max-width:600px){
 body .site-shell>.site-header{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:12px calc(var(--edge) + 16px) 0}
 .site-header .check-pill{min-height:44px;font-size:14px}
 body .site-shell>.site-header nav{order:3;flex:0 0 calc(100% + 12px);width:calc(100% + 12px);margin:0 -6px;overflow-x:auto;scrollbar-width:none;font-size:13px}
 body .site-shell>.site-header nav a{padding:12px 6px}
 body .site-shell>.site-header nav::-webkit-scrollbar{display:none}
 body .site-shell>.site-header nav .nav-how{margin-left:0}
 footer{font-size:12px}
 footer .footer-links{display:grid;gap:0;margin-top:6px}
 footer .footer-links a{padding:9px 0;margin:0}
 .next-cards,.go-deeper-links{grid-template-columns:1fr}
 .try-chip{min-height:44px;font-size:14px}
 .summary-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
 .summary-row dt{grid-column:1;grid-row:1;align-self:center}
 .summary-row .summary-source{grid-column:2;grid-row:1}
 .summary-row dd{grid-column:1/-1;grid-row:2}
 .go-deeper{padding:16px}
 dialog#receipt .receipt-bar{padding:10px 10px 10px 20px}
 dialog#receipt .receipt-bar h2{font-size:21px}
 #receipt-body{padding:8px 20px 20px}
 .results-title{font-size:30px;letter-spacing:-.6px}
 /* A5: inputs at 16px (no iOS zoom-on-focus); no text under 12px in main. */
 .search input,#product-query,#library-query,.index-search input{font-size:16px}
 #main .eyebrow,#main .meta,#main .note,#main .hint,#main .image-note,#main .back,#main .take-note,#main .product-option small,#main .featured-top,#main .featured-bottom span span,#main .other-checks,#main .other-checks .product-option small,#main .mini-product,#main .section-head .note,#main .fog-front .eyebrow,#main .take-copy .eyebrow,#main .focus-row>span,#main .intent,#main .receipt-preview summary,#main .issue-details summary,#main .ingredients li,#main .link-button,#main .issue .link-button,#main .fog-front .link-button,#main .product-header .meta,#main .primary,#main .secondary,#main .photo-unavailable,#main .advisor-progress>span,#main .advisor-answer-summary button,#main .advisor-receipts,#main .compare-product .note,#main .compare-product-head .meta,#main .compare-candidate small,#main .compare-pick-label,#main .compare-results table,#main .compare-ingredients-link,#main .mini-product small,#main .pagination,#main .ingredient-links small,#main .compare-results th small,#main .compare-value small,#main .compare-value span,#main .advisor-purpose small,#main .advisor-match-label,#main .advisor-use-preview,#main .advisor-price small,#main .advisor-purpose-context small,#main .advisor-purpose-context .eyebrow{font-size:12px}
 #main .fog-front p,#main .focus-note,#main .featured-bottom strong,#main .other-checks .product-option .name,#main .issue h3{font-size:14px}
 #main .link-button,#main .evidence-tabs button{display:inline-flex;align-items:center;min-height:44px}
}

/* Full-bleed layout (2026-10-03). The page is the site, not a card on a white page:
   the paper background and its gradients span the viewport, and the header, main and
   footer line up on one centred column. --edge is the space beside that column (the
   old card's outer margin), so content widths are unchanged bar the old 1px border.
   Nothing above the page clips or scrolls, so position:sticky follows the page. On
   desktop the header sticks; --sticky-top lets sticky columns and anchors clear it. */
:root{--sticky-top:0px}
.site-shell>main{margin-inline:var(--edge)}
.site-shell>main.method{margin-inline:max(var(--edge),(100% - 780px)/2)}
@media (min-width:900px){
 :root{--sticky-top:68px}
 html{scroll-padding-top:calc(var(--sticky-top) + 12px)}
 /* The header repeats the page's top-right glow (fixed to the viewport), so at the top
    of the page it reads as part of the page and, once scrolled, as a paper bar. */
 body .site-shell>.site-header{position:sticky;top:0;z-index:10;background:radial-gradient(ellipse 440px 340px at 94% 40px,#dfff8deb,transparent 90%) fixed,#fbf8f0bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}

/* Home browse feed (home-feed.js): verdict tags, signals, trend chips and filters. */
.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}
.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.verdict{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:650;line-height:1.6;border:1px solid transparent}
.verdict-worth{background:#e4f6c8;color:#2f4a12}.verdict-overhyped{background:#ffe0d8;color:#8f3d20}.verdict-depends{background:#f3ecd8;color:#5d5326}.verdict-early{background:transparent;color:var(--muted);border-color:var(--line);font-weight:500}
.card-price{font-size:12px;color:var(--muted)}
.signals{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.signal{font-size:11px;color:var(--muted);background:#fffdf8;border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.signal-search{color:#2759a5;border-color:#2759a540}.signal-tiktok{color:#20201d}.signal-reddit{color:#b5431c}.signal-instagram{color:#793ca0}
.sample-mark{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8f3d20}
.feed-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}
.feed-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.feed-filter{border:1px solid var(--line);background:#fffdf8;border-radius:999px;padding:6px 12px;min-height:36px;font-size:13px;color:var(--ink)}
.feed-filter[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sample-notice{font-size:12px;background:#fff1ec;border:1px dashed #ff9d88;border-radius:8px;padding:8px 12px;margin:0 0 12px}
@media(max-width:600px){.feed-filter{min-height:44px}}
/* Keep feed tags inline inside the older card rules (.featured-bottom span span, .product-option small). */
#main .featured-bottom .card-tags,#main .featured-bottom .signals{display:flex;margin-top:8px}
#main .featured-bottom .card-tags span,#main .featured-bottom .signals span{display:inline-flex;margin-top:0;font-size:11px}
#main .featured-bottom .signal{background:#fffdf8cc}
#main .sample-mark{display:inline;font-size:9px;margin-left:3px}
/* Search box focus: ring the rounded box, not a square outline inside it. */
.search input:focus,.search input:focus-visible{outline:none}
.search:focus-within{border-color:#657b20;box-shadow:0 0 0 3px #657b2033,0 5px 13px #3a302b0c}
/* Check a product page (check-start.js): type, take a photo or upload a screenshot. */
.page-start .hero-copy{display:none}.page-start .landing{display:block;min-height:0;padding:0}.page-start #app{width:100%;max-width:none}
.check-start{max-width:720px;margin:48px auto 72px}
.check-start h1{font-size:clamp(38px,4.6vw,60px);letter-spacing:-2.4px;line-height:1.02;margin:6px 0 12px}
.start-or{display:flex;align-items:center;gap:12px;margin:26px 0 14px;font-size:12px;color:var(--muted)}
.start-or::before,.start-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.start-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.start-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fffdf8;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.start-card:hover{background:#f1f5d4}
.start-card:focus-within,.start-card:focus-visible{border-color:#657b20;box-shadow:0 0 0 3px #657b2033;outline:none}
.start-card strong{font-size:16px}.start-icon{color:var(--green);margin-bottom:6px}
.start-result:not(:empty){margin-top:18px}
.start-preview{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff9}
.start-preview img{width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#fff}
.start-preview p{margin:0 0 8px}.start-read{font-size:16px}
.start-privacy{margin-top:18px}
.camera-dialog{border:0;border-radius:16px;padding:12px;max-width:min(640px,94vw);background:var(--paper)}
.camera-dialog::backdrop{background:#20201dcc}
.camera-dialog video{display:block;width:100%;border-radius:10px;background:#000}
.camera-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
@media(max-width:600px){.check-start{margin:24px 0 48px}.start-cards{grid-template-columns:1fr}.start-card{min-height:44px}}
/* Quick links under the home search: Try examples and trending ingredients as quiet text rows. */
.quick-links{margin-top:14px;display:grid;gap:6px}
.quick-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.quick-label{min-width:64px;margin-right:4px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}
.try-link{display:inline-block;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;border:0;background:none;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:#20201d40;text-underline-offset:3px;cursor:pointer}
.try-link:hover{text-decoration-color:currentColor}
.quick-sep{margin:0 7px;color:#67685d99}
.quick-source{margin-left:10px;font-size:11px;color:var(--muted);cursor:help}
@media(max-width:600px){.quick-label{min-width:0;width:100%}.try-link{max-width:100%}}
/* Headline finding on check cards (build-time, reviewed sources). */
.finding{display:inline-flex;align-items:baseline;gap:5px;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5}
.finding-declared{background:#e4f6c8;color:#2f4a12}.finding-caution{background:#ffe0d8;color:#8f3d20}.finding-undisclosed{background:#f3ecd8;color:#5d5326}
.review-status{font-size:11px;color:var(--muted)}
.verdict-hint{font-weight:500;margin-left:3px}
#main .featured-bottom .card-tags .finding,#main .featured-bottom .card-tags .review-status{display:inline-flex;font-size:11px}
/* The featured card is absolutely positioned beside the search on desktop; at tablet width its tags make it
   taller than the landing, so stack it under the search as on phones. */
@media(min-width:601px) and (max-width:850px){#main .landing{min-height:0}#main .hero-copy,#main .search-column{width:100%;max-width:none}#main .featured-check{position:relative;top:auto;right:auto;width:100%;min-height:0;margin-top:24px}}
/* Hero title reads as one phrase: size it to the column instead of wrapping. */
@supports (font-size:1cqi){.hero-copy{container-type:inline-size}.hero-copy h1{white-space:nowrap;font-size:min(82px,14cqi);letter-spacing:-.052em}}
/* First load: the prerendered SEO fallback is hidden (not removed, so it
   neither reflows nor leaves the DOM) only while check.js boots. The inline
   head script adds .booting; check.js and an 8 s safety timer remove it. */
.booting #main .landing>*{visibility:hidden}
.booting #main .landing::before{content:"";position:absolute;top:96px;left:50%;width:28px;height:28px;margin-left:-14px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:boot-spin .8s linear infinite}
@keyframes boot-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.booting #main .landing::before{animation:none;border-top-color:var(--line);border-right-color:var(--green)}}

/* Database-backed views wait for the library with the same spinner, in the same place, as the
   first-load (booting) state, so a menu page reads as one loading screen (check.js routeLoading).
   The loading view already uses the library layout's main padding (28px lower, hence top:68px vs 96px)
   and fills the viewport, so nothing moves and the footer never flashes when the results arrive. */
.page-loading .hero-copy{display:none}
.route-loading{min-height:100vh;color:var(--muted);font-size:14px}
.route-loading .spinner{position:absolute;top:68px;left:50%;width:28px;height:28px;margin-left:-14px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:boot-spin .8s linear infinite}
.route-loading p{position:absolute;top:110px;left:0;right:0;margin:0;text-align:center}
@media(prefers-reduced-motion:reduce){.route-loading .spinner{animation:none;border-top-color:var(--line);border-right-color:var(--green)}}
.page-loading .landing{padding:36px 0}
/* Menu URLs (html.route-boot, set in check.html's head; check.js drops it on first render) start in
   that same layout before JavaScript, with the first-load spinner moved to match. The selectors mirror
   the page-library rules' specificity so the desktop gutter rules still win the same way. The advisor
   keeps the footer below the fold too. */
html.route-boot main{padding:24px clamp(16px,4vw,40px)}
html.route-boot .site-shell>main{padding-top:28px}
html.route-boot #main .landing{min-height:100vh;padding:36px 0}
html.route-boot.booting #main .landing::before{top:68px}
body.page-advisor #main .landing{min-height:100vh}
.reviewed-offers summary{min-height:44px;padding:12px 0;box-sizing:border-box}
/* Structured evidence: overview → one topic → source context. */
body.receipt-open{overflow:hidden}
dialog#receipt #receipt-body{flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}
.check-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;margin:18px 0 24px}
.check-summary .summary-row{display:flex;flex-direction:column;gap:0;min-width:0;border:1px solid var(--line);border-radius:14px;padding:0;background:#fff9;overflow:hidden}
.check-summary dt{padding:12px 14px 0;font-size:13px;color:var(--muted)}
.check-summary dd{display:flex;flex:1;width:100%;margin:0}
.check-summary .summary-source{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;width:100%;min-width:0;min-height:120px;white-space:normal;text-align:left;padding:8px 14px 14px;background:transparent;border:0;border-radius:0}
.check-summary .summary-source strong{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.check-summary .summary-source small{font-size:13px;line-height:1.4;color:var(--muted);margin:0}
.check-summary .summary-open{margin-top:auto;padding-top:6px;font-size:13px;color:var(--green)}
.check-summary .summary-source:hover{background:#f1f5d4}
.receipt-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 22px}
.receipt-stats>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:#eef1df}
.receipt-stats strong{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}
.receipt-stats span{font-size:14px}
.receipt-detail,.usage-field{border-top:1px solid var(--line);margin:14px 0 0}
.receipt-detail>summary,.usage-field>summary{min-height:48px;padding:12px 0;font-size:15px;overflow-wrap:anywhere}
.receipt-detail[open]>summary,.usage-field[open]>summary{margin-bottom:8px}
.receipt-detail p,.usage-field p{max-width:68ch}
.receipt-questions{list-style:none;padding:0;margin:0;counter-reset:question}
.receipt-questions>li{counter-increment:question;padding:14px 0 14px 36px;border-bottom:1px solid var(--line);position:relative}
.receipt-questions>li:before{content:counter(question,decimal-leading-zero);position:absolute;left:0;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.receipt-inci{padding-left:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.receipt-inci li{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;break-inside:avoid}
.receipt-inci li::marker{color:var(--muted)}
.usage-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.usage-field>summary{display:grid;grid-template-columns:100px minmax(0,1fr) 18px;gap:10px;align-items:center;list-style:none}
.usage-field>summary::-webkit-details-marker{display:none}
.usage-field>summary:after{content:'+';font-size:18px;text-align:right;color:var(--green)}
.usage-field[open]>summary:after{content:'−'}
.usage-field summary span{display:block;font-size:13px;color:var(--muted)}
.usage-field summary strong{font-size:15px;font-weight:400}
.usage-glance{margin:0 0 24px}
.usage-glance h4{font:600 14px/1.4 Arial,sans-serif;margin:0 0 12px;color:var(--green)}
.usage-glance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.usage-glance-card{min-width:0;padding:12px;border:1px solid #cbd7b3;border-radius:14px;background:#edf3dc;overflow-wrap:break-word;word-break:normal}
.usage-glance-card span{display:block;color:var(--muted);font:13px/1.4 Arial,sans-serif;margin-bottom:7px}
.usage-glance-card strong{display:block;font:600 15px/1.45 Arial,sans-serif}
.usage-glance-card summary{list-style:none;min-height:44px;padding:0;cursor:pointer}
.usage-glance-card summary::-webkit-details-marker{display:none}
.usage-glance-card small{display:block;font:13px/1.4 Arial,sans-serif;margin-top:10px;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.usage-glance-card p{font-size:15px;line-height:1.6;margin:14px 0 0}
.usage-glance-card[open],.usage-glance-card:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:360px){.usage-glance-card{padding:12px}.usage-glance-card strong{font-size:14px}}
.usage-field[open]{grid-column:1/-1}
.usage-steps{padding-left:24px}
.usage-steps li{padding:8px 0 8px 4px;border-bottom:1px solid var(--line)}
.receipt-foot{margin-top:28px}
.receipt-foot .close-receipt{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff9;color:var(--ink)}
.check-package{margin-top:12px}
.check-package summary{font-size:13px;color:var(--muted);min-height:44px;padding:10px 0}
.check-focus-title{font-size:28px;margin:26px 0 14px}
.record-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;align-items:stretch}
.record-overview a:first-child{display:flex}
.record-overview a{display:flex;flex-direction:column;gap:4px;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff9}
.record-overview strong{font-size:16px}
.record-overview span{font-size:13px;color:var(--muted)}
.record-overview a:hover{background:#f1f5d4}
.library-section[id],#community{scroll-margin-top:20px}
@media(max-width:600px){
 dialog#receipt{width:calc(100% - 16px);max-width:calc(100% - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px;margin:8px auto}
 dialog#receipt .receipt-bar{padding:12px 16px;min-height:72px}
 dialog#receipt .receipt-bar h2{font-size:23px;line-height:1.2;overflow-wrap:anywhere}
 dialog#receipt #receipt-body{padding:16px 18px 24px}
 dialog#receipt p,dialog#receipt li{font-size:15px}
 dialog#receipt dl{font-size:14px}
 .receipt-inci,.usage-fields{grid-template-columns:minmax(0,1fr)}
 .check-summary{gap:10px}
 .check-summary dt{padding:10px 12px 0}
 .check-summary .summary-source{padding:8px 12px 12px}
 .check-summary .summary-source strong{font-size:16px}
 .page-check .product-header h1{font-size:28px;line-height:1.12;letter-spacing:-.8px}
 .page-check .take-copy h1{font-size:28px;line-height:1.12;letter-spacing:-.6px}
 .page-check .quick-take{margin-bottom:12px}
 .page-check .take-sub{font-size:14px;margin:10px 0}
 .page-check .intent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .page-check .intent-list .intent{margin:0;min-height:48px;font-size:15px}
 .page-check .check-focus-title{font-size:24px;line-height:1.2;margin:22px 0 14px}
}
/* Visual hierarchy: amounts and actions first; provenance stays expandable. */
.evidence-icon{width:22px;height:22px;flex:0 0 auto;color:#52633c}
.evidence-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.evidence-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1px solid #d6ddc7;border-radius:14px;background:#f1f4e6;min-width:0;text-decoration:none}
.evidence-tile strong{font-size:30px;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.evidence-tile>span{font-size:14px;line-height:1.3;font-weight:600}
.evidence-tile small{font-size:12px;line-height:1.4;color:#5b6154}
a.evidence-tile:hover{border-color:#718742;background:#e7f1d5}
.product-glance{padding:20px;border:1px solid #cbd6b8;border-radius:18px;background:#fffaf1;margin:20px 0}
.product-glance .evidence-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-glance .declared-amounts{margin:16px 0 0}
.quantity-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quantity-cards>li{display:flex;flex-direction:column;padding:18px;margin:0;background:#edf2dc;border-color:#c8d3b4;min-width:0}
.quantity-cards .declared-amount-row{display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-start}
.quantity-cards .declared-amount-row strong{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-1px;white-space:normal;overflow-wrap:anywhere}
.quantity-cards .declared-amount-row>span{font-size:15px;line-height:1.4;font-weight:600}
.quantity-cards .receipt-detail,.quantity-cards .amount-source{margin-top:14px}
.quantity-empty{font-size:17px;font-weight:650;padding:16px;border:1px dashed #c7c9bd;border-radius:12px;background:#f7f5ee}
.quantity-empty span{display:block;font-size:13px;font-weight:400;color:#5b6154;margin-top:5px}
.glance-context{margin-top:14px;font-size:13px}
.check-summary .summary-formula{background:#f0f5de;border-color:#b8c79c;grid-column:1/-1;order:-1}
.check-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.check-summary dt{display:flex;align-items:center;gap:7px;font-weight:650}
.check-summary .summary-source{min-height:102px}
.check-summary .summary-formula .summary-source>strong{font-size:26px}
.summary-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin-top:8px}
.summary-amounts>span{border-top:1px solid #bccaa4;padding:10px 0;display:flex;flex-direction:column;gap:5px;min-width:0}
.summary-amounts b{font-size:32px;line-height:1.15;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.summary-amounts>span>span{font-size:14px;line-height:1.35}
.check-summary .summary-promise,.check-summary .summary-unknowns{background:#f7f5ed}
.check-summary .summary-reviews{background:#f5eee5}
.visual-section-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.visual-section-head .eyebrow{margin:0 0 4px}
.visual-section-head h2{margin:0}
.usage-guide{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff9;margin:22px 0}
.usage-timeline{list-style:none;padding:0;counter-reset:usage;display:grid;gap:0;margin:12px 0 20px}
.usage-guide .usage-timeline{padding:0;margin:12px 0 20px;font-size:inherit}
.usage-timeline li{counter-increment:usage;position:relative;padding:0 0 20px 48px;border:0;min-height:48px;font-size:15px;line-height:1.55}
.usage-timeline li::before{content:counter(usage);position:absolute;left:0;top:0;width:32px;height:32px;background:#dfebbe;border:1px solid #b7c794;border-radius:50%;display:grid;place-items:center;font-weight:750;z-index:1}
.usage-timeline li:not(:last-child)::after{content:'';position:absolute;left:15px;top:32px;bottom:0;width:2px;background:#cbd7b3}
.usage-timeline li p{margin:0;font-size:inherit;line-height:inherit}
.usage-timeline li:last-child{padding-bottom:0}
.function-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.function-chips span{padding:8px 12px;border:1px solid #bcca9d;border-radius:999px;background:#eaf0d6;font-size:13px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.secondary-archive>summary{font-size:15px;color:#5b6154}
.secondary-archive[open]>summary{margin-bottom:16px}
.study-facts{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:0;margin:16px 0;background:#f5f6ed;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.study-facts dt,.study-facts dd{padding:12px 14px;margin:0;border-bottom:1px solid #d9decc;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.study-facts dt{font-weight:650;background:#e9eddd}
@media(max-width:600px){
 .evidence-tiles,.product-glance .evidence-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .evidence-tile{padding:12px;gap:5px}.evidence-tile strong{font-size:27px}.evidence-tile>span{font-size:13px}
 .product-glance{padding:14px;margin:16px 0}.product-glance .evidence-tile:last-child{grid-column:1/-1;display:grid;grid-template-columns:24px auto 1fr;align-items:center}.product-glance .evidence-tile:last-child small{grid-column:3}
 .quantity-cards{gap:8px}.quantity-cards>li{padding:12px}.quantity-cards .declared-amount-row strong{font-size:28px}.quantity-cards .declared-amount-row>span{font-size:13px}
 .check-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-summary .summary-unknowns{grid-column:1/-1}.check-summary .summary-unknowns .summary-source{min-height:80px}
 .summary-amounts{gap:12px}.summary-amounts b{font-size:29px}.summary-amounts>span>span{font-size:13px}
 .usage-guide{padding:16px}.usage-timeline li{font-size:14px;padding-left:43px}
 .study-facts{grid-template-columns:minmax(90px,1fr) minmax(0,2fr)}.study-facts dt,.study-facts dd{padding:10px;font-size:13px}
}

.quantity-caveat{font-size:12px;line-height:1.4;font-style:normal;color:#6b4b29}
.community-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.community-theme{padding:14px;border:1px solid #d6ddc7;border-radius:12px;background:#f5f5eb;min-width:0}
.community-theme summary{font-weight:650;line-height:1.4}
@media(max-width:600px){.community-themes{grid-template-columns:1fr}}

.record-check-cta .glance-context{margin-top:8px;font-size:13px}
@media(max-width:600px){.product-glance .quantity-cards .declared-amount-row strong{font-size:22px}.product-glance .quantity-cards>li{padding:10px}}
@media(max-width:360px){.quantity-cards{grid-template-columns:1fr}.quantity-cards .declared-amount-row{flex-direction:row;justify-content:space-between;gap:12px}.quantity-cards .declared-amount-row>strong{font-size:25px;white-space:nowrap}.quantity-cards .declared-amount-row>span{max-width:55%}.product-glance .quantity-cards .declared-amount-row>strong{font-size:23px}}

/* Community evidence: a question first, then experience / official receipt / gap. */
.community-questions{margin:24px 0;max-width:850px}
.community-questions>h3{font-size:clamp(1.25rem,3vw,1.55rem);margin-bottom:8px}
.community-question{border:1px solid var(--line);border-radius:16px;background:var(--paper,#fffdf7);margin:12px 0;overflow:hidden}
.community-question>summary{position:relative;display:flex;flex-direction:column;gap:9px;padding:20px 48px 20px 20px;min-height:88px;cursor:pointer;list-style:none}
.community-question>summary::-webkit-details-marker{display:none}
.community-question>summary:after{content:'+';position:absolute;right:20px;top:32px;font-size:24px;line-height:1}
.community-question[open]>summary:after{content:'−'}
.community-question>summary strong{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.35;overflow-wrap:anywhere}
.question-origin{font-size:.75rem;color:var(--muted,#5f6461);line-height:1.4}
.question-origin time{white-space:nowrap}
.question-historical{display:inline-block;margin-left:4px;padding:1px 7px;border:1px solid #c9b07a;border-radius:999px;background:#f6ecd5;color:#4f3b12;font-weight:700;white-space:nowrap}
.question-expand{font-size:.8rem;color:#53632d}
.community-question[open] .question-expand{display:none}
.community-answer{padding:0 20px 20px;display:grid;gap:16px}
.community-answer h4{font-size:.8rem;margin:0 0 6px;color:#4f5846}
.community-answer p{margin:0;line-height:1.55;max-width:68ch;overflow-wrap:anywhere}
.answer-experience,.answer-official{padding:16px;border-radius:12px}
.answer-experience{background:#f1eee6}
.answer-official{background:#edf1df;border-left:4px solid #63733a}
.answer-action{display:flex;flex-direction:column;gap:6px}
.answer-action strong{font-size:.8rem}
.answer-receipts{padding-top:12px;border-top:1px solid var(--line)}
.answer-receipts>summary{font-size:.85rem;color:var(--muted,#5f6461);min-height:44px;padding:10px 0}
.answer-receipts h4{margin:18px 0 8px}
.answer-receipts li{line-height:1.55;margin-bottom:8px;overflow-wrap:anywhere}
.community-question>summary:focus-visible{outline:3px solid #63733a;outline-offset:-4px}
@media(min-width:851px){.community-answer{grid-template-columns:1fr 1fr}.answer-action,.answer-receipts{grid-column:1/-1}}
@media(max-width:360px){.community-question>summary{padding-left:14px}.community-answer{padding:0 14px 16px}.answer-experience,.answer-official{padding:12px}}

/* Question collections: photos first, answers and purchase context behind taps. */
.question-collections{max-width:1000px;margin-inline:auto}
.question-collections h1{max-width:24ch;font-size:clamp(2rem,5vw,3.2rem)}
.question-intro{max-width:55ch;line-height:1.5}
.question-collection-entry{display:grid;gap:8px;padding:22px;margin:24px 0;border:1px solid #bdc98d;border-radius:18px;background:#edf5d4;color:inherit;text-decoration:none}
.question-collection-entry strong{font-size:1.35rem;line-height:1.3}
.question-collection-entry>span:last-child{font-size:14px;line-height:1.5}
.question-shelves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.question-shelf{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:inherit;text-decoration:none;min-width:0}
.question-shelf img{object-fit:contain;align-self:center;max-width:100%;margin-bottom:18px}
.question-shelf h2{font-size:clamp(1.5rem,3vw,2rem);margin:8px 0;line-height:1.2}
.question-shelf p{margin:0 0 18px;font-size:15px;line-height:1.5}
.question-shelf-example{display:block;border-top:1px solid var(--line);padding-top:16px;font-size:15px;line-height:1.45;margin-top:auto}
.question-shelf-example .question-origin{display:block;margin-bottom:6px}
.question-shelf-go{display:block;margin-top:18px;font-weight:700}
.question-collection-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.question-collection-nav a,.question-product-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;line-height:1.3;font-size:14px}
.question-collection-nav a:first-child{display:inline-flex}
.question-list-title{font:600 16px/1.4 Arial,Helvetica,sans-serif;margin-top:20px}
.question-collection-nav [aria-current]{background:#e3edba;border-color:#819452;font-weight:700}
.question-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin:24px 0}
.question-note{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow-wrap:anywhere}
.question-note[hidden],.question-saved [hidden]{display:none!important}
.question-product{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:6px 0 14px;min-width:0}
.question-product img{object-fit:contain;flex:none}
.question-product>span:not(.product-photo):not([aria-hidden]){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.question-product small{font-size:13px;color:var(--muted)}
.question-product strong{font-size:15px;line-height:1.4}
.question-note .community-questions{margin:0;max-width:none}
.question-note .community-questions>p{display:none}
/* Kept for screen readers so the outline stays h2 → h3 → h4 on collection pages. */
.question-note .community-questions>h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.question-note-source{margin:0 0 10px}
.question-note .community-question{margin:0;border:0;background:transparent;border-radius:0;overflow:visible}
.question-note .community-question>summary{padding-left:0;padding-right:30px}
.question-note .community-question>summary:after{right:2px}
.question-note .community-answer{padding:0 0 16px;grid-template-columns:1fr}
.question-note .community-answer p{font-size:15px}
.question-note .discovery-answer{padding:0;border:0;border-radius:0;background:transparent;margin:0}
.question-note .discovery-answer h3{font-size:1.25rem;line-height:1.35}
.question-note .answer-summary{font-size:15px;line-height:1.5}
.question-note .answer-products{grid-template-columns:1fr}
.question-note-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}
.question-save{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;font-size:14px;cursor:pointer}
.question-save[aria-pressed=true]{background:#e3edba;border-color:#819452}
.question-save[aria-pressed=true]:before{content:"✓\00a0"}
.question-note-actions[hidden]{display:none}
.question-action-missing{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);line-height:1.3;font-size:14px}
.question-next{border-top:1px solid var(--line);padding-top:14px}
.question-next summary,.question-saved summary,.question-method summary{min-height:44px;font-size:15px;line-height:1.5;cursor:pointer}
.question-product-actions{display:flex;flex-wrap:wrap;gap:8px}
.question-store{background:#edf5d4}
.question-next-product{margin:16px 0}
.question-next-product>p{font-size:14px}
.question-store-note{font-size:13px!important;line-height:1.5;color:var(--muted)}
.question-method{margin-top:24px}
.question-method p{font-size:14px;line-height:1.6;max-width:70ch}
.question-collections :is(a,button,summary):focus-visible{outline:3px solid #63733a;outline-offset:3px}
@media(max-width:680px){.question-shelves{gap:10px}.question-notes{grid-template-columns:1fr}.question-shelf{padding:16px}.question-shelf img{width:56px;height:70px;margin-bottom:12px}.question-shelf h2{font-size:1.3rem;letter-spacing:-.3px}.question-shelf p{font-size:13px;margin-bottom:10px}.question-shelf-example{display:none}.question-shelf-go{font-size:13px;margin-top:auto;padding-top:8px}.question-shelf .eyebrow{font-size:10px;letter-spacing:.5px}.question-note{padding:16px}.question-collection-nav{gap:6px}.question-collection-nav a{flex:1 1 45%;font-size:13px}.question-collections h1{font-size:2rem}}

/* Mobile visual entry: recognizable products, quantities and one-tap detail. */
.product-header .product-photo img{transform:none}
#main .product-header{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center}
#main .product-header .photo-detail{position:relative;inset:auto;width:300px;height:300px;max-width:100%}
#main .product-header .eyebrow,#main .product-header .meta{padding-right:0}
#main .product-header h1{margin-top:8px}
.photo-expandable{position:relative}
.photo-expand{position:absolute;inset:0;border:0;border-radius:inherit;background:transparent;padding:0;cursor:zoom-in;color:var(--ink)}
.photo-expand>span{position:absolute;right:8px;bottom:8px;min-height:44px;display:flex;align-items:center;padding:8px 12px;background:#fffef4ed;border:1px solid var(--line);border-radius:10px;font:600 13px/1.2 Arial,sans-serif}
.photo-expand:focus-visible{outline:3px solid #63733a;outline-offset:3px}
#main .library-option,#main .other-checks .product-option{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;min-width:0;text-align:left}
#main .library-option>.photo-card,#main .other-checks .product-option>.photo-card{width:100%;height:180px;max-width:none}
#main .library-option>.photo-card img,#main .other-checks .product-option>.photo-card img{transform:none}
#main .library-option>span:not(.product-photo),#main .other-checks .product-option>span:not(.product-photo){width:100%;min-width:0}
#main .library-option>span:last-child,#main .other-checks .product-option>.open{display:none}
#main .library-option .name,#main .other-checks .product-option .name{font-size:17px;line-height:1.35}
#main .library-option small,#main .other-checks .product-option small{font-size:13px;line-height:1.45}
.quantity-cards>li:only-child{grid-column:1/-1}
.quantity-cards>li:only-child .declared-amount-row{flex-direction:row;align-items:center;justify-content:space-between;gap:18px}
.quantity-cards>li:only-child .declared-amount-row>span{max-width:65%}
.quantity-cards>li:only-child .declared-amount-row strong{font-size:38px;white-space:nowrap}
.usage-field>summary{min-height:64px;line-height:1.45}
.question-product .product-photo{width:96px;height:120px;flex:none}
.question-product .product-photo img,.question-shelf .product-photo img{width:100%;height:100%;max-width:none;transform:none;margin:0;align-self:auto}
.question-shelf>.product-photo{width:100%;height:180px;margin-bottom:16px}
.photo-viewer-open{overflow:hidden}
dialog.photo-viewer{width:min(960px,calc(100% - 24px));max-width:calc(100% - 24px);height:min(90dvh,850px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}
dialog.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
dialog.photo-viewer:not([open]){display:none}
dialog.photo-viewer::backdrop{background:#14170fc4}
.photo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}
.photo-viewer-bar h2{font-size:22px;line-height:1.25;margin:0;overflow-wrap:anywhere}
.photo-viewer-close{flex:none;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:30px;cursor:pointer}
.photo-viewer-stage{min-height:0;min-width:0;overflow:auto;background:#fff;overscroll-behavior:contain}
.photo-viewer-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.photo-viewer-stage.is-zoomed .photo-viewer-image{width:200%;height:200%;max-width:none}
.photo-viewer-foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:center;padding:12px 18px;border-top:1px solid var(--line)}
.photo-viewer-zoom{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:#e9f0d8;color:var(--ink);font:600 14px/1.2 Arial,sans-serif;cursor:pointer}
.photo-viewer-caption{grid-column:1/-1;grid-row:2;margin:0;font:13px/1.45 Arial,sans-serif;color:var(--muted);overflow-wrap:anywhere}
.photo-viewer-source{justify-self:end;min-height:44px;display:flex;align-items:center;font:13px/1.4 Arial,sans-serif;color:var(--ink)}
.photo-viewer-source[hidden]{display:none}
.photo-viewer :is(button,a):focus-visible{outline:3px solid #63733a;outline-offset:2px}
@media(max-width:600px){
 #main .product-header{grid-template-columns:minmax(0,1fr);gap:14px}
 #main .product-header>.product-photo{order:-1;width:100%;height:240px;position:relative;inset:auto}
 #main .product-header h1{font-size:30px;line-height:1.12;margin:7px 0 10px;max-width:none}
 #main .product-header .note{font-size:13px;line-height:1.45}
 #main .library .product-list,#main .other-checks .product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #main .library-option,#main .other-checks .product-option{padding:12px;gap:10px}
 #main .library-option>.photo-card,#main .other-checks .product-option>.photo-card{height:150px}
 #main .library-option .name,#main .other-checks .product-option .name{font-size:15px;line-height:1.4}
 #main .library-option small,#main .other-checks .product-option small{font-size:12px}
 /* A lone amount card stacks like the others on a phone: number over a full-width label. The number scales with
    the screen and may wrap, so a long value ("731088.99 ppm") never squeezes the label or overflows the card. */
 .quantity-cards>li:only-child .declared-amount-row{flex-direction:column-reverse;align-items:flex-start;gap:8px}
 .quantity-cards>li:only-child .declared-amount-row>span{max-width:none}
 .quantity-cards>li:only-child .declared-amount-row strong{font-size:clamp(24px,8vw,36px);white-space:normal}
 #main .product-glance .quantity-cards>li:only-child{padding:14px}
 #main .quantity-cards>li:only-child .declared-amount-row>span{font-size:14px}
 .usage-field>summary{grid-template-columns:84px minmax(0,1fr) 18px;gap:8px}
 .usage-field summary strong{font-size:14px;line-height:1.5}
 .question-shelf>.product-photo{height:150px;margin-bottom:12px}
 .question-product .product-photo{width:88px;height:110px}
 dialog.photo-viewer{width:calc(100% - 16px);max-width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:8px auto;border-radius:14px}
 .photo-viewer-bar{padding:10px 12px}.photo-viewer-bar h2{font-size:20px}
 .photo-viewer-foot{padding:10px 12px}.photo-viewer-caption{font-size:12px}
}
@media(max-width:360px){#main .library .product-list,#main .other-checks .product-list{gap:8px}#main .library-option,#main .other-checks .product-option{padding:10px}#main .library-option>.photo-card,#main .other-checks .product-option>.photo-card{height:130px}}

.page-check .mini-product .photo-mini{width:110px;height:145px}
dialog#receipt .photo-detail{width:min(100%,360px);height:360px}
.record-overview a:after{content:'↗';align-self:flex-end;color:#53633d;font-size:20px;line-height:1}
@media(max-width:600px){.record-overview{margin:14px 0;gap:8px}.record-overview a{min-height:90px;padding:12px}.record-overview strong{font-size:17px}.record-overview span{font-size:12px}}

.record-overview a:last-child{grid-column:1/-1;min-height:44px;flex-direction:row;align-items:center;background:transparent;padding:10px 12px}.record-overview a:last-child strong{font-size:14px}.record-overview a:last-child span{margin-left:auto}.record-overview a:last-child:after{align-self:center;font-size:16px}

/* Question stories: one decision-sized beat, with receipts a layer below. */
.question-story{margin:20px 0;border-radius:18px;background:#e9eedb;border:1px solid #c9d3b5;overflow:hidden;scroll-margin-top:18px}
.story-heading{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;color:#304024}
.story-heading span{font-size:12px}
.story-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-behavior:auto}
.story-track:focus-visible{outline:3px solid #63733a;outline-offset:-3px}
.story-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:22px 20px 24px;background:#fbfaf4;display:flex;flex-direction:column;box-sizing:border-box}
.story-card .story-label{font-size:11px;line-height:1.5;letter-spacing:.03em;color:#526343;margin:0 0 10px}
.story-card h3{font:700 clamp(26px,4vw,34px)/1.1 Arial,sans-serif;letter-spacing:-1px;margin:0;min-height:2.3em;max-width:18ch;color:#20331c}
.story-scene{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;margin:12px 0 0}
.story-advisor{display:block;width:min(100%,230px);aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat}
.story-scene .story-bubble{position:absolute;top:4px;right:0;max-width:15ch;padding:8px 12px;border-radius:14px 14px 14px 3px;background:#fff;border:1px solid #63733a;font-size:13px;font-weight:600;line-height:1.3;margin:0;box-shadow:0 3px 0 #20331c12}
.story-card .story-body{font-size:16px;line-height:1.45;margin:14px 0 0;color:#283025}
.story-card .story-stamp{align-self:start;border-radius:8px;background:#e9eedb;padding:8px 10px;font-size:12px;font-weight:700;margin:0}
.story-fact-pair,.story-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.story-fact-pair span{background:#e9eedb;border-radius:12px;padding:12px;font-size:30px;font-weight:700;color:#304024}
.story-fact-pair small,.story-split small{display:block;font-size:11px;font-weight:400;margin-top:4px}
.story-split span{background:#e9eedb;border-radius:12px;padding:10px;font-size:13px;font-weight:700}
.story-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.story-week span{background:#e9eedb;border-radius:6px;text-align:center;padding:6px 0;font-size:11px}
.story-week b{display:block;font-size:22px;margin-top:4px;color:#526343}
.story-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:10px}
.story-controls[hidden]{display:none}
.story-controls button{min-height:44px;min-width:48px;border:1px solid #63733a;border-radius:24px;background:#fff;padding:8px 18px;color:#20331c;font-weight:600;cursor:pointer}
.story-controls button:disabled{opacity:.45;cursor:default}
.story-controls span{font-size:13px;font-variant-numeric:tabular-nums}
.question-story .story-disclosure{padding:0 14px;margin:4px 0 14px;font-size:11px;line-height:1.5;color:#47533c}
.story-receipts{border-top:1px solid #c9d3b5;padding:12px 14px}
.story-receipts summary{font-size:13px;min-height:30px;cursor:pointer}
.story-receipts p{font-size:13px;line-height:1.5}
.story-receipts a{display:block;font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:8px 0;min-height:44px}

.story-entry{display:flex;gap:16px;align-items:center;border:1px solid #c9d3b5;border-radius:18px;background:#e9eedb;padding:14px;margin:20px 0}.story-entry .story-advisor{width:92px;flex-shrink:0}.story-entry strong{display:block;font-size:20px;line-height:1.2;color:#20331c}.story-entry small{display:block;font-size:12px;color:#47533c;margin-bottom:6px}.story-entry b{display:block;font-size:13px;color:#304024;margin-top:8px}
@media(max-width:680px){.question-note .question-story{width:calc(100% + 32px);margin-inline:-16px;border-inline:0;border-radius:0}.story-card h3{font-size:28px}.story-entry{gap:10px}.story-entry strong{font-size:18px}.story-entry .story-advisor{width:74px}}
/* After the 680px rule so the narrowest screens get the smaller card heading. */
@media(max-width:360px){.story-card{padding:18px 14px}.story-card h3{font-size:25px}.story-advisor{width:190px}.story-card .story-body{font-size:15px}.story-scene .story-bubble{font-size:12px}}

.story-archive{margin:12px 0;color:var(--muted)}
.story-archive>summary{cursor:pointer;font-size:13px;padding:12px 0;min-height:44px}
.story-archive[open]>.question-story{margin-top:8px}

/* Evidence tiles hold counts in large type; a word value ("Available") is set smaller and never split mid-word. */
.evidence-tile strong.tile-word{font-size:22px;letter-spacing:-.3px;overflow-wrap:normal;hyphens:none}
@media(max-width:600px){.evidence-tile strong.tile-word{font-size:clamp(17px,5.4vw,21px)}}

/* Question pages (/discover/questions/<key>/): the whole answer, open, under the question. Every row wraps;
   grid tracks are minmax(0,1fr) and long words break, so nothing scrolls sideways at 320px. */
.question-open{margin:14px 0 0}
.question-open a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:inherit}
.community-answer>.question-open{grid-column:1/-1;margin:0}
.question-page{max-width:850px;margin-inline:auto;overflow-wrap:anywhere}
.question-breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 10px;font-size:13px;color:var(--muted)}
.question-breadcrumb li+li:before{content:'›';margin:0 8px}
/* :first-child too: the site's narrow-screen nav rule hides a nav's first link. */
.question-breadcrumb a,.question-breadcrumb a:first-child{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.question-page-origin{margin:0;font-size:.8rem}
.question-page h1{max-width:none;margin:10px 0 16px}
.question-page .question-product-list{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:8px 0}
.question-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.question-page-actions .question-note-actions{margin:0}
/* Save and Share share one row; the "On this device" hint follows them. */
.question-page-actions .question-note-actions:not([hidden]){display:contents}
.question-page-actions .note{order:1;align-self:center}
.question-page-answer{margin:22px 0 8px}
.question-page .community-answer{padding:0;grid-template-columns:minmax(0,1fr)}
.question-page .community-answer h2{font:700 .8rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 0 6px;color:#4f5846}
.question-page .answer-receipts h2{margin:18px 0 8px}
.question-page .discovery-answer{padding:0;border:0;border-radius:0;background:transparent;margin:0}
.question-page .answer-summary{font-size:17px;line-height:1.55}
.question-page-next,.question-page-related{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.question-page-next h2,.question-page-related h2{font-size:clamp(1.4rem,4vw,1.8rem);line-height:1.2;letter-spacing:-.4px;margin-bottom:12px}
.question-related{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.question-related li{min-width:0}
.question-related a{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:inherit;text-decoration:none;min-width:0}
.question-related strong{font-size:16px;line-height:1.35}
.question-related a>span{font-size:13px;color:var(--muted)}
.question-related-more{display:flex;flex-wrap:wrap;gap:0 20px}
.question-related-more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700}
.question-page :is(a,button,summary):focus-visible{outline:3px solid #63733a;outline-offset:3px}
@media(max-width:680px){.question-related{grid-template-columns:minmax(0,1fr)}.question-page .answer-summary{font-size:16px}}
/* Desktop usability pass (2026-10-03). Layout rules sit behind min-width queries
   and hover rules behind (hover:hover), so the ≤600px layout from PR #31 is kept.
   The focus/skip-link and current-pill rules are shared fixes at every width. */

/* D-A1: desktop typography floor — 12px minimum, 13px for data notes. */
@media (min-width:601px){
 .eyebrow,.featured-top,.fog-front .eyebrow,.take-copy .eyebrow,.advisor-purpose .eyebrow,
 .advisor-purpose-context .eyebrow,.advisor-topbar .eyebrow,.advisor-form>.eyebrow,
 .advisor-product-head .eyebrow{font-size:12px;letter-spacing:1.2px}
 footer,.footer-links a{font-size:12px}
 .featured-bottom span span,.product-option small,.mini-product,.mini-product small,.image-note,
 .ingredient-links small,.link-button,.back,.take-note,.focus-note,.intent,
 .receipt-preview summary,.issue-details summary,.ingredients li,.fog-front p,.focus-row>span,
 dialog dl,.record-id summary{font-size:13px}
 /* "Photo unavailable" sits in a fixed 54–64px frame: 12px, wrapped inside it. */
 .photo-unavailable{font-size:12px;padding:4px;line-height:1.25;hyphens:auto;overflow-wrap:anywhere}
}

/* D-A2: focus cosmetics. Programmatic focus on <main> draws no bar; the skip link
   floats instead of pushing the header; the current pill no longer mimics focus. */
#main[tabindex="-1"]:focus,#main[tabindex="-1"]:focus-visible{outline:none}
.skip:focus{position:absolute;top:8px;left:8px;z-index:20;display:block;padding:10px 14px;
 background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 14px #20201826}
.site-header .check-pill[aria-current=page]{box-shadow:inset 0 -3px 0 var(--lime)}

/* D-A3: check page right rail for "Go deeper" and a readable measure. */
@media (min-width:1180px){
 .page-check #app:has(> .go-deeper:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:40px;align-items:start}
 .page-check #app:has(> .go-deeper:not([hidden]))>*{grid-column:1}
 .page-check #app:has(> .go-deeper:not([hidden]))>.quick-take{grid-column:1/-1}
 .page-check #app:has(> .go-deeper:not([hidden]))>.back{justify-self:start}
 .page-check #app:has(> .go-deeper:not([hidden]))>.go-deeper{grid-column:2;grid-row:3/span 12;position:sticky;top:calc(var(--sticky-top) + 24px);margin:0}
 .page-check .go-deeper-links{grid-template-columns:1fr}
}
@media (min-width:601px){
 .summary-row dd{max-width:68ch}
 .library-section>p,.discovery p,.discovery-question p,.community-theme p,.method p,
 .evidence-disclosure>p,.evidence-disclosure li{max-width:72ch}
}

/* D-A4: Discover related products as a grid on desktop; mobile keeps the swipe row. */
@media (min-width:900px){
 .discovery-product-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding:4px 0 10px}
 .discovery-product-row .discovery-product{flex:none}
}

/* D-A6: results density. */
@media (min-width:900px){
 .quick-check-strip{flex-wrap:nowrap;padding:10px 14px;gap:12px}
 .quick-check-strip .eyebrow{width:auto;white-space:nowrap}
 .library form{padding:12px 16px}
 .library-results #library-search{margin-bottom:12px}
 .results-head{margin-bottom:12px}
 .quick-check-strip{margin-bottom:12px}
 .page-library .landing:has(.results-head){padding-top:8px}
 .library-results #library-search .search-row{align-items:center}
 .library-results #library-search .search-row .primary{margin:0}
 .library-results #library-search .filter-disclosure{margin-top:8px}
}

/* D-A7: hover states for mouse users only. */
@media (hover:hover){
 .primary:hover,.search button:hover,.quick-check:hover,.site-header .check-pill:hover,.close-receipt:hover{background:#3a3b33}
 .secondary:hover,.compare-ingredients-link:hover,.library-tabs a:hover,.library-tabs button:not([aria-pressed=true]):hover,
 .pagination button:not(:disabled):hover,.receipt-x:hover,.receipt-foot .close-receipt:hover{background:#f1f5d4}
 .site-header nav a:not([aria-current]):hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
 .back:hover{color:var(--ink);text-decoration:underline}
 details>summary:hover{text-decoration:underline;text-underline-offset:4px}
 .featured-check:hover{box-shadow:0 18px 32px #5a493130;transform:translateY(-2px)}
 .discovery-topic:hover,a.library-option:hover,.compare-candidate:not(.is-selected):hover,.discovery-product-row .discovery-product:hover{background:#f1f5d4;border-color:#b9c489}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.featured-check{transition:transform .15s,box-shadow .15s}}

/* D-A8: one desktop gutter (the header's 44px). */
@media (min-width:851px){
 body .site-shell>main{padding-left:44px;padding-right:44px}
}

/* D-A9: home at desktop width. */
@media (min-width:601px){.search input,#product-query{font-size:16px}}
@media (min-width:851px){
 .next-cards{max-width:none}
 .try-row{flex-wrap:wrap;max-width:calc(100% + 120px)}
}
@media (min-width:1100px){.other-checks .product-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* D-A11: the status badge is a flat tag, not a pill like the "Source ›" buttons. */
.status-badge{border:0;background:#eef0de;border-radius:6px;padding:4px 8px;color:var(--ink)}