/* Neutral primitives. Brands own their colors, layout and content. */
:root{--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:14px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);line-height:1.5}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit}
img,svg{max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent,#2f7257);outline-offset:4px}
.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}
.skip-link{position:absolute;left:16px;top:-100px;padding:10px 16px;background:#fff;color:#123;z-index:100}
.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The paper library: compound colors identify subjects, not outcomes or product quality. */
.research-library-page{--rl-color:var(--cc-accent)}
.research-library-page .site-main{max-width:1600px}
[data-compound=cbd]{--rl-color:#b6d690}[data-compound=thc]{--rl-color:#f0b49f}[data-compound=cbg]{--rl-color:#8dd4b7}[data-compound=cbn]{--rl-color:#c8b2ee}[data-compound=cbc]{--rl-color:#ead18a}[data-compound=thcv]{--rl-color:#9bc9eb}[data-compound=cbdv]{--rl-color:#8fd7d3}[data-compound=cbda]{--rl-color:#c8ce89}[data-compound=thca]{--rl-color:#e7bc8f}[data-compound=cbga]{--rl-color:#a8d4a1}[data-compound=terpenes]{--rl-color:#e1b2cd}[data-compound=endocannabinoids]{--rl-color:#b4c4db}[data-compound=cannabis-formulations]{--rl-color:#acc9ab}
[data-theme=light] [data-compound=cbd]{--rl-color:#497127}[data-theme=light] [data-compound=thc]{--rl-color:#a94b2f}[data-theme=light] [data-compound=cbg]{--rl-color:#24765d}[data-theme=light] [data-compound=cbn]{--rl-color:#7351a0}[data-theme=light] [data-compound=cbc]{--rl-color:#86631d}[data-theme=light] [data-compound=thcv]{--rl-color:#2b6797}[data-theme=light] [data-compound=cbdv]{--rl-color:#217774}[data-theme=light] [data-compound=cbda]{--rl-color:#6a722b}[data-theme=light] [data-compound=thca]{--rl-color:#95602c}[data-theme=light] [data-compound=cbga]{--rl-color:#437d3b}[data-theme=light] [data-compound=terpenes]{--rl-color:#95517c}[data-theme=light] [data-compound=endocannabinoids]{--rl-color:#4d6692}[data-theme=light] [data-compound=cannabis-formulations]{--rl-color:#4e7450}
.rl-kicker{font:650 11px/1.5 var(--cc-font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--cc-accent);margin:0 0 12px}
.rl-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:48px;align-items:center;padding:36px 0 32px;border-bottom:1px solid var(--cc-border);margin-bottom:28px}
.rl-hero h1{font:400 clamp(40px,4.3vw,64px)/1.08 var(--cc-font-display);letter-spacing:-.045em;margin:0 0 20px;max-width:12ch}
.rl-hero>div>p:not(.rl-kicker){font-size:16px;line-height:1.8;color:var(--cc-muted);max-width:64ch;margin:0 0 22px}
.rl-hero nav{display:flex;gap:8px;flex-wrap:wrap}
.rl-hero nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--cc-border);border-radius:7px;text-decoration:none;font-size:13px;color:var(--cc-muted)}
.rl-hero nav a[aria-current=page]{background:var(--cc-accent-soft);color:var(--cc-accent);border-color:var(--cc-control-border)}
.rl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-surface);overflow:hidden}
.rl-stats>div{display:flex;flex-direction:column;gap:8px;min-width:0;padding:24px}
.rl-stats>div:nth-child(odd){border-right:1px solid var(--cc-border)}
.rl-stats>div:nth-child(-n+2){border-bottom:1px solid var(--cc-border)}
.rl-stats b{font:400 42px/1 var(--cc-font-display);letter-spacing:-.04em;color:var(--cc-text);font-variant-numeric:tabular-nums}
.rl-stats span{font-size:12px;line-height:1.6;color:var(--cc-muted)}
.rl-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;border-bottom:0;margin-bottom:0;padding-bottom:26px}
.rl-hero-media{min-width:0}
.rl-media-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.rl-media-heading .rl-kicker{margin:0}
.rl-media-heading a{font-size:11px;color:var(--cc-accent);text-decoration:none}
.rl-spotlights{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:155px 155px;gap:10px}
.rl-spotlight{display:block;position:relative;min-width:0;overflow:hidden;border:1px solid var(--cc-border);border-radius:9px;padding:10px;background:#fff;cursor:zoom-in}
.rl-spotlight:first-child{grid-row:1/3;padding:0;background:#1b2d20}
.rl-spotlight img{display:block;width:100%;height:100%;object-fit:contain}
.rl-spotlight:first-child img{object-fit:cover}
.rl-spotlight>span{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:8px;bottom:0;left:0;right:0;padding:13px 12px;background:linear-gradient(transparent,#0a2314ed);color:#fff;font:500 11px/1.6 var(--cc-font-body);text-align:left;padding-top:35px}
.rl-spotlight>span b{font-size:17px;font-weight:400}
.rl-spotlight:not(:first-child)>span{background:#f6f8f0ee;color:#214532;padding:5px 10px;font-size:10px}
.rl-spotlight img{transition:transform .2s ease}
.rl-spotlight:hover img{transform:scale(1.025)}
.rl-hero .rl-hero-media>.rl-media-caption{font-size:10px;line-height:1.6;margin:9px 0 0;color:var(--cc-subtle)}
.rl-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px}
.rl-stats>div{padding:17px 24px;flex-direction:row;align-items:center;gap:13px}
.rl-stats>div:nth-child(-n+2){border-bottom:0}
.rl-stats>div:not(:last-child){border-right:1px solid var(--cc-border)}
.rl-stats b{font-size:32px}
.rl-stats span{font-size:11px;line-height:1.5;max-width:11ch}
.rl-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.rl-reference-desk{margin:0 0 28px;border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);scroll-margin-top:20px}
.rl-reference-desk>summary{display:flex;align-items:center;gap:16px;list-style:none;padding:20px 24px;cursor:pointer}
.rl-reference-desk>summary::-webkit-details-marker{display:none}
.rl-reference-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-accent-soft);color:var(--cc-accent);flex:none}
.rl-reference-icon .cc-icon{width:22px;height:22px}
.rl-reference-title{display:grid;gap:5px;min-width:0;flex:1}
.rl-reference-title strong{font:400 25px/1.2 var(--cc-font-display);letter-spacing:-.02em}
.rl-reference-title>span{font-size:12px;line-height:1.6;color:var(--cc-muted)}
.rl-reference-count{font-size:11px;padding:7px 11px;border:1px solid var(--cc-border);border-radius:30px;white-space:nowrap;color:var(--cc-accent)}
.rl-reference-toggle{font:400 25px/1 var(--cc-font-body);color:var(--cc-accent);transition:transform .15s}
.rl-reference-desk[open] .rl-reference-toggle{transform:rotate(45deg)}
.rl-reference-content{padding:0 24px 24px;border-top:1px solid var(--cc-border)}
.rl-reference-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 0 20px}
.rl-reference-intro p{font-size:12px;line-height:1.8;color:var(--cc-muted);max-width:80ch;margin:0}
.rl-reference-intro>a{font-size:11px;color:var(--cc-accent);white-space:nowrap;text-underline-offset:3px}
.rl-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.rl-source-card{display:flex;flex-direction:column;min-width:0;min-height:380px;overflow:hidden;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-raised);scroll-margin-top:24px}
.rl-source-image{display:block;flex:none;border-bottom:1px solid var(--cc-border);background:#f1f2e9;overflow:hidden;text-decoration:none}
.rl-source-image>img{display:block;width:100%;height:auto}
.rl-source-art{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:180px;padding:20px;color:#35503d;background:linear-gradient(135deg,#edf0de,#d9e3d3)}
.rl-source-art>.cc-icon{width:30px;height:30px;flex:none}
.rl-source-art>span{font:400 20px/1.25 var(--cc-font-display);text-align:right;overflow-wrap:anywhere}
.rl-source-body{display:flex;flex-direction:column;flex:1;padding:15px}
.rl-source-body>.rl-source-type{font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-accent);margin:0 0 10px}
.rl-source-body h3{font:400 21px/1.25 var(--cc-font-display);letter-spacing:-.02em;margin:0 0 10px;overflow-wrap:anywhere}
.rl-source-body h3 a{color:var(--cc-text);text-decoration:none}
.rl-source-body h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.rl-source-body>p,.rl-source-context p{font-size:12px;line-height:1.75;color:var(--cc-muted);margin:0 0 12px}
.rl-source-context{border-top:1px solid var(--cc-border);padding-top:9px;margin-top:auto}
.rl-source-context summary{font-size:11px;line-height:1.6;color:var(--cc-accent);cursor:pointer;min-height:28px}
.rl-source-context p{margin:8px 0}
.rl-source-context a{color:var(--cc-accent)}
.rl-sidebar{position:sticky;top:20px;min-width:0;border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:10px;padding:16px 10px}
.rl-sidebar>.rl-kicker{margin:0 8px 14px;font-size:10px}
.rl-sidebar>input{display:block;width:calc(100% - 16px);margin:0 8px 10px;padding:10px;border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-canvas);color:var(--cc-text);font:400 13px/1.4 var(--cc-font-body);min-height:42px}
.rl-compound-choice{display:flex;align-items:center;gap:9px;width:100%;min-height:51px;padding:9px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--cc-text);font:400 12px/1.4 var(--cc-font-body);text-align:left;cursor:pointer}
.rl-compound-choice i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--rl-color)}
.rl-compound-choice>span{min-width:0;flex:1}
.rl-compound-choice strong{font-weight:650;font-size:13px;display:block}
.rl-compound-choice small{display:block;color:var(--cc-muted);font-size:10px;line-height:1.5;margin-top:2px}
.rl-compound-choice b{font-size:11px;font-weight:500;color:var(--cc-muted);font-variant-numeric:tabular-nums}
.rl-compound-choice:hover,.rl-compound-choice[aria-pressed=true]{background:var(--cc-raised);border-color:var(--cc-border)}
.rl-compound-choice[aria-pressed=true]{box-shadow:inset 3px 0 var(--rl-color)}
.rl-sidebar-source{display:block;border-top:1px solid var(--cc-border);margin:12px 8px 0;padding-top:14px;font-size:12px;line-height:1.7;color:var(--cc-accent);text-underline-offset:3px}
.rl-results{min-width:0}
.rl-filters{display:grid;gap:15px;padding:20px;border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-raised);margin-bottom:25px}
.rl-filters label{display:grid;gap:7px;min-width:0;font-size:11px;line-height:1.4;color:var(--cc-muted)}
.rl-filters input[type=search],.rl-filters select{display:block;width:100%;min-height:44px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--cc-control-border);border-radius:6px;background:var(--cc-surface);color:var(--cc-text);font:400 14px/1.4 var(--cc-font-body)}
.rl-filters input[type=search]{font-size:16px}
.rl-filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rl-filter-options{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}
.rl-filter-options label{display:inline-flex;align-items:center;gap:7px;font-size:12px;min-height:30px;cursor:pointer}
.rl-filter-options input{accent-color:var(--cc-accent);width:16px;height:16px}
.rl-filter-options button{padding:4px 0;min-height:32px;margin-left:auto;border:0;background:transparent;color:var(--cc-accent);text-decoration:underline;text-underline-offset:3px;font:400 12px/1.6 var(--cc-font-body);cursor:pointer}
.rl-results-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 15px}
.rl-results-heading .rl-kicker{font-size:10px;margin-bottom:7px}
.rl-results-heading h2{font:400 30px/1.15 var(--cc-font-display);letter-spacing:-.03em;margin:0}
.rl-results-heading>p{font-size:12px;color:var(--cc-muted);margin:0 0 3px;font-variant-numeric:tabular-nums}
.rl-active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.rl-active-filters:empty{display:none}
.rl-active-filters button{display:flex;align-items:center;gap:9px;border:1px solid var(--cc-border);border-radius:30px;background:var(--cc-accent-soft);padding:6px 12px;color:var(--cc-accent);font:400 12px/1.5 var(--cc-font-body);cursor:pointer}
.rl-paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.rl-paper{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--cc-border);border-top:4px solid var(--rl-color);border-radius:9px;background:var(--cc-surface);box-shadow:var(--cc-shadow-sm)}
.rl-paper-figure{position:relative;display:block;width:100%;height:225px;padding:18px;border:0;border-bottom:1px solid var(--cc-border);background:#fff;cursor:zoom-in}
.rl-paper-figure img{display:block;width:100%;height:100%;object-fit:contain}
.rl-paper-figure>span{position:absolute;bottom:8px;left:10px;padding:4px 8px;border:1px solid #d1d5ca;border-radius:4px;background:#f8f9f0ed;color:#314c3b;font-size:10px;line-height:1.3}
.rl-paper-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:18px}
.rl-paper-meta{display:flex;align-items:start;gap:10px;justify-content:space-between;font-size:10px;line-height:1.5;color:var(--cc-muted);margin-bottom:12px}
.rl-design{display:inline-block;padding:3px 7px;background:var(--cc-raised);border-radius:4px}
.rl-paper-meta time{padding-top:3px;font-variant-numeric:tabular-nums}
.rl-compound-tag{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;padding:0;border:0;background:transparent;color:var(--rl-color);font:650 11px/1.6 var(--cc-font-body);text-decoration:none;cursor:pointer;text-align:left}
.rl-paper h2{font:400 21px/1.3 var(--cc-font-display);letter-spacing:-.02em;margin:10px 0 13px;overflow-wrap:anywhere}
.rl-paper h2 a{text-decoration:none;color:var(--cc-text)}
.rl-paper h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.rl-study-strip{display:flex;flex-wrap:wrap;gap:5px 12px;border-block:1px solid var(--cc-border);padding:8px 0;margin-bottom:13px;font-size:10px;color:var(--cc-muted);line-height:1.6}
.rl-finding,.rl-excerpt{font-size:13px;line-height:1.8;color:var(--cc-muted);margin:0 0 18px}
.rl-excerpt p{margin:0}.rl-excerpt cite{display:block;font:400 10px/1.6 var(--cc-font-body);margin-top:8px;color:var(--cc-subtle)}
.rl-paper-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-top:1px solid var(--cc-border);padding-top:12px;margin-top:auto}
.rl-paper-foot>span{font-size:10px;line-height:1.5;color:var(--cc-subtle);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rl-paper-foot button{padding:3px 0;min-height:32px;border:0;background:transparent;color:var(--cc-accent);font:650 12px/1.5 var(--cc-font-body);cursor:pointer}
.rl-load-more{display:flex;width:fit-content;min-width:220px;margin:28px auto 0}
.rl-empty{padding:32px;border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-surface)}
.rl-method-note{margin:28px 0 0;padding:20px;border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);font-size:13px;line-height:1.8;color:var(--cc-muted)}
.rl-method-note summary{font-weight:650;color:var(--cc-text);cursor:pointer;min-height:28px}.rl-method-note a{color:var(--cc-accent);text-underline-offset:3px}
.rl-warning{color:var(--cc-danger);background:var(--cc-danger-soft);border-radius:5px;padding:5px 8px;align-self:flex-start;font-size:12px;margin-bottom:10px}
.rl-dialog{width:min(980px,calc(100vw - 32px));max-height:90vh;padding:32px;border:1px solid var(--cc-border);border-radius:14px;background:var(--cc-surface);color:var(--cc-text);box-shadow:0 24px 120px #0007;overflow:auto}
.rl-dialog::backdrop{background:#08170fd9;backdrop-filter:blur(5px)}
.rl-dialog-close{position:sticky;top:0;display:flex;align-items:center;justify-content:center;margin:0 0 10px auto;width:40px;height:40px;border:1px solid var(--cc-border);border-radius:50%;background:var(--cc-raised);color:var(--cc-text);font-size:25px;cursor:pointer;z-index:2}
.rl-detail-header{max-width:1000px;margin:30px auto 24px}
.rl-detail-header h1,.rl-detail-header h2{font:400 clamp(29px,3.5vw,46px)/1.15 var(--cc-font-display);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.rl-dialog .rl-detail-header{margin-top:0}
.rl-detail{max-width:1000px;margin:auto}
.rl-detail-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}
.rl-detail-tags .rl-compound-tag{font-size:13px}
.rl-detail-citation{font-size:13px;line-height:1.9;color:var(--cc-muted);margin:0 0 22px}
.rl-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--cc-border);border-radius:9px;overflow:hidden;background:var(--cc-border);margin:0 0 24px}
.rl-detail-facts>div{padding:15px 18px;background:var(--cc-raised);min-width:0}
.rl-detail-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--cc-muted);margin-bottom:6px}
.rl-detail-facts dd{font-size:14px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.rl-detail section{margin:24px 0}
.rl-detail section>h2{font:400 28px/1.2 var(--cc-font-display);margin:0 0 14px;letter-spacing:-.02em}
.rl-reviewed{padding:22px;border-left:3px solid var(--rl-color);background:var(--cc-raised);border-radius:6px}
.rl-reviewed p,.rl-reviewed dd{font-size:14px;line-height:1.85;color:var(--cc-muted)}
.rl-reviewed dt{font-size:11px;font-weight:650;margin-top:14px;color:var(--cc-text)}
.rl-reviewed dd{margin:4px 0 0}.rl-reviewed a{font-size:13px;color:var(--cc-accent)}
.rl-abstract-note blockquote{font:400 21px/1.6 var(--cc-font-display);margin:0;padding-left:18px;border-left:2px solid var(--cc-border)}
.rl-abstract-note>p{font-size:12px;line-height:1.8;color:var(--cc-muted)}
.rl-source-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}
.rl-source-actions .cc-button{font-size:13px;min-height:42px}.rl-permalink{font-size:12px;color:var(--cc-accent);text-underline-offset:3px}
.rl-detail-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rl-detail-figure{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden;border:1px solid var(--cc-border);border-radius:9px}
.rl-detail-figure button{width:100%;height:270px;border:0;border-bottom:1px solid var(--cc-border);padding:15px;background:#fff;cursor:zoom-in}
.rl-detail-figure img{display:block;width:100%;height:100%;object-fit:contain}
.rl-detail-figure figcaption{padding:15px;font-size:12px;line-height:1.8;color:var(--cc-muted)}
.rl-figure-credit{display:block;margin-top:12px;font-size:11px;line-height:1.8;color:var(--cc-muted)}
.rl-figure-credit a{color:var(--cc-accent);text-underline-offset:3px}
#rl-figure-dialog{width:min(1350px,calc(100vw - 24px))}
.rl-enlarged-figure{margin:0}.rl-enlarged-figure>img{display:block;max-width:100%;width:auto;height:auto;max-height:70vh;object-fit:contain;margin:auto;background:#fff}
.rl-enlarged-figure h2{font:400 24px/1.4 var(--cc-font-display);margin:24px 0 12px}.rl-enlarged-figure p{font-size:13px;line-height:1.8;color:var(--cc-muted)}
.research-library-page :is(button,input,select,a,summary):focus-visible,.rl-dialog :is(button,a,summary):focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
.research-library-page [hidden],.rl-dialog [hidden]{display:none!important}
@media(min-width:1650px){.rl-paper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.rl-workspace{grid-template-columns:190px minmax(0,1fr);gap:18px}.rl-paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.rl-hero{gap:28px}.rl-stats>div{padding:20px}}
@media(max-width:850px){.rl-hero{grid-template-columns:1fr}.rl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.rl-stats>div:nth-child(-n+2){border-bottom:0}.rl-stats>div:not(:last-child){border-right:1px solid var(--cc-border)}.rl-stats b{font-size:34px}.rl-workspace{grid-template-columns:1fr}.rl-sidebar{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:14px}.rl-sidebar>.rl-kicker,.rl-sidebar>input,.rl-compound-choice small,.rl-sidebar-source{display:none}.rl-compound-choice{width:auto;min-height:36px;padding:6px 9px;border:1px solid var(--cc-border);gap:7px}.rl-compound-choice strong{font-size:11px}.rl-compound-choice b{font-size:10px}.rl-compound-choice>span{flex:none}.rl-compound-choice i{width:6px;height:6px;flex-basis:6px}.rl-compound-choice:first-of-type{font-size:11px}}
@media(max-width:600px){.rl-hero{padding:25px 0}.rl-hero h1{font-size:42px}.rl-hero>div>p:not(.rl-kicker){font-size:15px}.rl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-stats>div:nth-child(-n+2){border-bottom:1px solid var(--cc-border)}.rl-stats>div:nth-child(even){border-right:0}.rl-filters{padding:15px}.rl-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-filter-row>label:last-child{grid-column:1/-1}.rl-filter-options{gap:9px 14px}.rl-filter-options button{margin-left:0}.rl-paper-grid{grid-template-columns:1fr}.rl-paper-figure{height:220px}.rl-paper h2{font-size:23px}.rl-paper-body{padding:19px}.rl-results-heading{align-items:start}.rl-results-heading h2{font-size:28px}.rl-dialog{padding:18px;width:calc(100vw - 20px);max-height:94vh}.rl-detail-facts,.rl-detail-figures{grid-template-columns:1fr}.rl-detail-header h1,.rl-detail-header h2{font-size:29px}.rl-source-actions{align-items:stretch;flex-direction:column}.rl-source-actions a{text-align:center}.rl-enlarged-figure>img{max-height:65vh}}
@media(prefers-reduced-motion:reduce){.research-library-page *,.rl-dialog *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1000px){.rl-stats>div{flex-direction:column;align-items:flex-start;gap:7px}.rl-spotlights{grid-template-rows:140px 140px}}
@media(max-width:1200px){.rl-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.rl-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-reference-intro{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:600px){.rl-reference-desk>summary{padding:16px;gap:10px;flex-wrap:wrap}.rl-reference-icon{width:36px;height:36px}.rl-reference-title strong{font-size:23px}.rl-reference-title>span{font-size:11px}.rl-reference-count{margin-left:46px;padding:4px 9px}.rl-reference-toggle{margin-left:auto}.rl-reference-content{padding:0 14px 14px}.rl-source-grid{grid-template-columns:1fr}.rl-source-body{padding:16px}.rl-source-body h3{font-size:23px}}
@media(max-width:850px){.rl-hero{grid-template-columns:1fr;gap:24px}.rl-spotlights{grid-template-rows:160px 160px}}
@media(max-width:600px){.rl-stats>div{flex-direction:row;align-items:center;padding:15px 12px;gap:10px}.rl-stats b{font-size:28px}.rl-stats span{font-size:10px}.rl-spotlights{grid-template-rows:125px 125px}.rl-media-heading{gap:8px}.rl-media-heading a{font-size:10px}.rl-media-heading .rl-kicker{font-size:10px}}

.rl-collection-query{font:12px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--cc-raised);border-radius:6px}

/* Shared page structure. Component-specific cards/forms retain their own CSS. */
.site-page{--cc-gutter:clamp(20px,3vw,40px)}
.site-page .site-header{height:auto;display:block;padding:0;border-bottom:1px solid var(--cc-border);background:var(--cc-surface)}
.shell-header-inner{max-width:var(--cc-container);margin:auto;padding:14px var(--cc-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.site-page .brand{display:inline-flex;align-items:center;gap:9px;font:750 21px/1.2 var(--cc-font-body);letter-spacing:-.8px;text-decoration:none;white-space:nowrap}.site-page .brand .cc-icon{width:27px;height:27px;stroke-width:1.75;color:var(--cc-accent)}
.site-page .site-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.site-page .site-header nav a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 10px;border-radius:var(--cc-radius-sm);font-size:14px;text-decoration:none;white-space:nowrap;color:var(--cc-muted)}.site-page .site-header nav .cc-icon{width:17px;height:17px}.site-page .site-header nav a:hover{background:var(--cc-raised);color:var(--cc-text)}.site-page .site-header nav a[aria-current=page]{color:var(--cc-text);background:var(--cc-accent-soft);font-weight:650}
.site-page .site-main{max-width:var(--cc-container);margin:0 auto;padding:0 var(--cc-gutter) 56px;min-height:55vh}
.breadcrumbs{padding:20px 0 0;font-size:14px;line-height:1.6;color:var(--cc-muted)}.breadcrumbs ol{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs li{min-width:0;overflow-wrap:anywhere}.breadcrumbs li+li::before{content:"/";margin-right:10px;color:var(--cc-subtle)}.breadcrumbs a{text-underline-offset:3px}.breadcrumbs [aria-current]{color:var(--cc-text)}
.site-page .page-intro{max-width:950px;padding:26px 0 18px;margin:0}.site-page .page-intro h1{font:400 clamp(34px,4.6vw,56px)/1.08 var(--cc-font-display);letter-spacing:-.045em;margin:0 0 14px;overflow-wrap:break-word}.site-page .page-intro .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.13em;font-weight:650;margin:0 0 12px;color:var(--cc-accent)}.site-page .page-intro p:not(.eyebrow){font-size:16px;line-height:1.65;color:var(--cc-muted);max-width:72ch;margin:0 0 10px}.site-page .page-intro .page-meta{font-size:14px!important;margin:12px 0 0!important;color:var(--cc-muted)}
.site-page .route-summary{margin:0 0 16px;padding:12px 0;border-block:1px solid var(--cc-border);font-size:14px;line-height:1.6;color:var(--cc-muted)}.site-page .page-links{margin:0 0 12px;font-size:14px;line-height:1.6;display:flex;gap:10px 22px;flex-wrap:wrap}
.site-page :is(.catalog-section,.brands-section,.laboratories-section,.resources-section,.tools-section,.comparison-panel,.section-shell){padding:20px 0 0;scroll-margin-top:20px}.site-page .section-heading{margin-bottom:20px}.site-page .section-heading h2{font-size:32px}.site-page .section-heading>p{font-size:14px;line-height:1.6}.site-page .lab-intro{font-size:15px;line-height:1.7;max-width:85ch;margin:0 0 22px}
.site-page .destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:12px 0 32px}.site-page .destination-card{border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-surface);padding:24px;display:flex;flex-direction:column;text-decoration:none;min-width:0;box-shadow:var(--cc-shadow-sm);transition:border-color var(--cc-duration),box-shadow var(--cc-duration)}.site-page .destination-card h2{font:600 22px/1.25 var(--cc-font-body);letter-spacing:-.03em;margin:0 0 12px}.site-page .destination-card p{font-size:15px;line-height:1.65;color:var(--cc-muted);margin:0 0 20px}.site-page .destination-card>span:last-child{font-size:14px;font-weight:600;margin-top:auto}.site-page .destination-card:hover{border-color:var(--cc-accent);box-shadow:var(--cc-shadow-md)}.tools-directory .tool-card-icon{margin:0 0 16px;align-self:flex-start}
.site-page .tool-route{max-width:900px;margin:4px 0 28px}.site-page .tool-route .tool{min-width:0}.product-footer a.watch-price-button{display:block;text-decoration:underline}.site-page .home-destinations{margin-top:24px}.home-page .site-main{padding-bottom:36px}
.utility-page .site-main{max-width:1080px;padding-top:0}.reviewer-shell .site-main>h1{font:400 clamp(34px,5vw,50px)/1.1 var(--cc-font-display);letter-spacing:-.04em}.site-page .submission-page{padding-top:0}.site-page .submission-intro{padding-top:26px}.site-page .submission-layout{margin-top:8px}
@media(max-width:1080px){.site-page .site-header nav .cc-icon{display:none}.shell-header-inner{gap:14px}.site-page .site-header nav a{padding-inline:9px}.site-page .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shell-header-inner{align-items:flex-start;flex-direction:column;gap:10px;padding-block:16px 10px}.site-page .site-header nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%}.site-page .site-header nav a{min-width:0;padding-inline:5px;font-size:14px}.shell-footer-inner{grid-template-columns:1fr}.site-page .site-footer nav{gap:12px 20px}.site-page .page-intro{padding-top:22px}.breadcrumbs{padding-top:16px}}
@media(max-width:520px){.site-page .site-header nav{grid-template-columns:repeat(3,minmax(0,1fr))}.site-page .destination-grid{grid-template-columns:1fr;gap:14px}.site-page .destination-card{padding:20px}.site-page .site-main{padding-bottom:36px}.site-page .page-intro h1{font-size:36px}.site-page .page-intro p:not(.eyebrow){font-size:16px}.site-page .page-intro{padding-bottom:14px}.site-page .page-links{gap:8px 18px}.site-page .route-summary{font-size:14px}.utility-page .site-header nav{display:flex;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the shared wordmark distinct from the retired italic tagline. */
.site-page .footer-brand span{display:inline;margin:0;font:inherit;letter-spacing:inherit;color:inherit}

/* A centered composition: identity, balanced navigation, then policies. */
.site-page .site-footer{display:block;width:100%;max-width:none;padding:0;margin:0;border-top:1px solid var(--cc-border);background:var(--cc-surface)}
.site-footer .shell-footer-inner{display:block;width:100%;max-width:1040px;margin-inline:auto;padding:36px var(--cc-gutter) 20px;text-align:center}
.footer-top{display:grid;grid-template-columns:1fr;gap:28px;padding-bottom:28px}
.footer-identity{width:100%;max-width:600px;margin-inline:auto}
.site-page .footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:700 24px/1.25 var(--cc-font-body);letter-spacing:-.8px}
.footer-brand .cc-icon{width:28px;height:28px;color:var(--cc-accent)}
.site-page .footer-brand span{display:inline;margin:0;font:inherit;letter-spacing:inherit;color:inherit}
.site-page .site-footer p{margin:0;font:400 14px/1.7 var(--cc-font-body);color:var(--cc-muted)}
.site-page .site-footer .footer-tagline{margin:12px 0 6px;color:var(--cc-text);font-weight:600}
.site-page .site-footer .footer-description{max-width:56ch;margin-inline:auto}
.site-footer .footer-contact{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:4px;text-decoration:none;font-size:14px;color:var(--cc-accent);font-weight:600}.footer-contact .cc-icon{width:16px;height:16px}
.site-page .site-footer .footer-navigation{display:grid;width:100%;max-width:760px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.footer-column h2{font:650 13px/1.5 var(--cc-font-body);letter-spacing:.035em;margin:0 0 8px;color:var(--cc-text)}
.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin:0}
.site-footer .footer-column a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 0;color:var(--cc-muted);font:400 14px/1.5 var(--cc-font-body);text-decoration:none;overflow-wrap:anywhere}
.site-footer a:hover{color:var(--cc-accent);text-decoration:underline;text-underline-offset:4px}.site-footer a:focus-visible{outline:2px solid var(--cc-focus);outline-offset:4px;border-radius:3px}
.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--cc-border);padding-top:18px}
.site-page .site-footer .footer-bottom p{font-size:12px;max-width:80ch}.footer-bottom p a{color:inherit;white-space:nowrap;text-underline-offset:3px}
.site-page .site-footer .footer-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 22px;font-size:12px}.footer-legal a{display:inline-flex;align-items:center;min-height:36px;color:var(--cc-muted);text-decoration:none}
@media(max-width:520px){.site-footer .shell-footer-inner{padding:28px 16px 16px}.site-page .site-footer .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.footer-top{gap:22px;padding-bottom:22px}.site-footer .footer-column a{min-height:44px}.site-page .site-footer .footer-legal{gap:4px 18px}.footer-legal a{min-height:44px}.footer-column:last-child{grid-column:1/-1}.footer-column:last-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}

/* Keep current-page geometry while the commerce fence withholds stale content.
   Container opacity also prevents descendants overriding inherited visibility. */
.cc-commerce-slot{position:relative}
main[data-commerce-reserved][hidden]{display:block!important;visibility:hidden!important;opacity:0!important}
main[data-commerce-reserved][hidden] *{visibility:hidden!important}
.cc-commerce-status{position:absolute;top:0;left:0;right:0;max-width:var(--cc-container);margin:0 auto;padding:16px var(--cc-gutter,16px);box-sizing:border-box}

/* CannaCompare header account status. */
.cc-account-badge{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;flex-shrink:0}
.cc-account-badge a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;box-sizing:border-box;border:1px solid var(--cc-border,#45534b);border-radius:8px;color:var(--cc-text,#edf5ef);font-size:14px;line-height:1.2;text-decoration:none;background:var(--cc-surface,#17231c)}
.cc-account-badge a:hover{background:var(--cc-raised,#233429)}.cc-account-badge a:focus-visible{outline:3px solid var(--cc-accent,#93d4a1);outline-offset:3px}.cc-account-badge a[hidden]{display:none!important}
.cc-account-badge svg{width:18px;height:18px;flex-shrink:0}.cc-account-badge[data-signed-in] [data-badge-link]{border-color:var(--cc-accent,#93d4a1)}.cc-badge-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-page .shell-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.site-page .site-header .shell-header-inner>nav{justify-content:flex-end;min-width:0}
@media(max-width:1100px){.site-page .shell-header-inner{grid-template-columns:minmax(0,1fr) auto}.site-page .shell-header-inner>.brand{grid-column:1;grid-row:1;min-width:0}.site-page .shell-header-inner>.cc-account-badge{grid-column:2;grid-row:1}.site-page .site-header .shell-header-inner>nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start}}
@media(max-width:390px){.cc-account-badge{gap:4px}.cc-account-badge a{padding-inline:7px;font-size:13px}.cc-account-badge svg{width:16px}.site-page .shell-header-inner{column-gap:6px}.site-page .shell-header-inner>.brand{font-size:18px}}

@media(max-width:360px){.site-page .shell-header-inner>.brand .cc-icon{display:none}.site-page .shell-header-inner>.brand{font-size:16px}}

/* Runtime private workspace headers use the same account indicator. */
.cc-private-account-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:16px clamp(16px,4vw,48px);border-bottom:1px solid var(--cc-border,#45534b);background:var(--cc-surface,#17231c);color:var(--cc-text,#edf5ef)}.cc-private-brand{font:600 18px/1.3 system-ui,sans-serif;text-decoration:none;color:inherit}.cc-private-account-header .cc-account-badge{margin-left:auto}.oad-top{flex-wrap:wrap}.oad-top>.cc-account-badge{margin-left:auto}@media(max-width:680px){.oad-top>.cc-account-badge{align-self:flex-end}.cc-private-brand{font-size:16px}}

.cc-digital-voucher{box-sizing:border-box;display:grid;align-content:center;gap:.55rem;min-height:10rem;padding:1.25rem;border:1px solid var(--cc-border);border-radius:.75rem;background:var(--cc-raised);color:var(--cc-text);overflow-wrap:anywhere}
.cc-digital-voucher-label{font-size:1.05rem;line-height:1.35}
.cc-digital-voucher p,.cc-digital-voucher small{margin:0;line-height:1.5}
.cc-digital-voucher small{font-size:.875rem}
:root:not([data-theme="light"]) .cc-digital-voucher{background:var(--cc-raised);color:var(--cc-text);border-color:var(--cc-border)}
.cc-media-type-unknown{overflow-wrap:anywhere}

/* One photo stage: preserve source pixels/model/strength, never crop or upscale. */
:root{--cc-media-ratio:4/3;--cc-media-padding:clamp(1rem,2vw,1.5rem);--cc-media-surface:#f0f2e9;--cc-media-ink:#4c6153}
@media screen{:root:not([data-theme="light"]){--cc-media-surface:#e8ecdf;--cc-media-ink:#364e3b}}
.product-media,.product-visual.product-media{display:block;position:relative;isolation:isolate;aspect-ratio:var(--cc-media-ratio);height:auto;min-height:0;overflow:hidden;background:var(--cc-media-surface);color:var(--cc-media-ink);flex:none}
.product-media>img,.product-visual.product-media>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:none;margin:0;padding:var(--cc-media-padding);box-sizing:border-box;object-fit:scale-down;mix-blend-mode:normal;filter:none;border:0;border-radius:0;background:transparent;transition:opacity var(--cc-duration,150ms)}
.product-media>img[data-media-status=loading]{opacity:0}.product-media>img[data-media-status=ready]{opacity:1}.product-media>img[hidden]{display:none}
.product-media .cc-media-preview,.product-media .product-placeholder.cc-media-preview{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:.65rem;width:auto;height:auto;padding:2.5rem 1.25rem;margin:0;color:var(--cc-media-ink);font:500 var(--cc-text-sm,.875rem)/1.4 var(--cc-font-body,system-ui);text-align:center}
.cc-media-preview .cc-media-icon{width:2.5rem;height:2.5rem;opacity:.8;stroke-width:1.35}.cc-media-preview .cc-media-label{font-size:var(--cc-text-sm,.875rem);font-weight:600;max-width:24ch}.product-media .cc-media-preview small{display:block;font-size:var(--cc-text-xs,.75rem);font-weight:400;max-width:27ch;line-height:1.5;color:inherit;opacity:1;letter-spacing:0;text-transform:none;margin:0}
.product-media .cc-media-preview[hidden]{display:none}.product-media[data-media-state=error]{background:var(--cc-raised,#edf1e7);color:var(--cc-text,#173c31)}.product-media[data-media-state=error] .cc-media-preview{color:var(--cc-text,#173c31)}
.product-media>.favorite,.product-media>.format-label{z-index:2}.product-media .format-label{font-size:var(--cc-text-xs,.75rem);line-height:1.4}.product-media>.favorite{display:grid;place-items:center;min-width:44px;min-height:44px}.product-media>.favorite .cc-icon{width:1.25rem;height:1.25rem}
.cc-loading-preview{grid-column:1/-1;min-width:0}.cc-loading-preview>p{margin:0 0 var(--cc-space-4,1rem);font-size:var(--cc-text-sm,.875rem);color:var(--cc-muted,#54665d)}.cc-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cc-space-5,1.25rem)}.cc-skeleton-card{min-width:0;border:1px solid var(--cc-border,#cfd9cb);border-radius:var(--cc-radius-md,12px);overflow:hidden;background:var(--cc-surface,#fff)}.cc-skeleton-media{display:grid;place-items:center;aspect-ratio:var(--cc-media-ratio);background:var(--cc-raised,#edf1e7);color:var(--cc-muted,#54665d)}.cc-skeleton-media .cc-icon{width:2.25rem;height:2.25rem;opacity:.4}.cc-skeleton-body{display:grid;gap:.9rem;padding:var(--cc-space-5,1.25rem)}.cc-skeleton-line,.cc-skeleton-price,.cc-skeleton-note{display:block;height:.75rem;border-radius:4px;background:var(--cc-raised,#edf1e7)}.cc-skeleton-line.short{width:42%}.cc-skeleton-line.medium{width:70%}.cc-skeleton-price{width:35%;height:1.75rem;margin:.4rem 0}.cc-skeleton-note{height:3.25rem}
@media(max-width:1000px){.cc-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cc-loading-grid{grid-template-columns:1fr}.cc-loading-grid>.cc-skeleton-card:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.product-media>img{transition:none}}
/* Format cues use shape and literal source labels; color carries no category meaning. */
.cc-format-cue{display:inline-flex;align-items:center;gap:.4em;max-width:100%;vertical-align:middle;font-size:inherit;line-height:1.45;color:inherit;text-align:start;white-space:normal}
.cc-format-cue>.cc-icon{width:1.25em;height:1.25em;min-width:1.25em;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cc-format-cue>span{min-width:0;overflow-wrap:anywhere}
.cc-comparison-name{display:block;margin-top:.5rem}
.product-page-media .cc-media-preview{padding:2.5rem 1.25rem}
.product-body>.cc-compact-format{display:none}
[data-view-layout=list] .product-body>.cc-compact-format{display:block;font-size:.8rem;color:var(--cc-muted);margin-bottom:.5rem}
@media(prefers-reduced-motion:reduce){.cc-format-cue{animation:none;transition:none}}

#products[data-view-layout=list] .cc-media-preview{padding:2.75rem .5rem .5rem;gap:0}
#products[data-view-layout=list] .cc-media-preview .cc-media-icon{width:1.75rem;height:1.75rem;flex:none}
#products[data-view-layout=list] .cc-media-preview :is(.cc-media-label,small){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* List rows carry the same literal format beside the title; leave the narrow photo clear. */
#products[data-view-layout=list] .product-visual>.format-label{display:none}
#products[data-view-layout=list] .product-media>img{padding:.5rem}
/* A merchant family depiction cannot certify the precise package shown for sale. */
.product-media .cc-media-scope{position:absolute;z-index:2;inset:auto 0 0;display:block;margin:0;padding:.4rem .6rem;background:#eef2e7;color:#254431;font:500 .75rem/1.35 var(--cc-font-body,system-ui);text-align:center;overflow-wrap:anywhere}
.product-media:has(.cc-media-scope)>img{padding-bottom:3.4rem}
.product-media[data-media-state=error] .cc-media-scope{display:none}
.exact-offer-media{max-width:22rem}

/* Precomputed32px source previews share the exact photo geometry. No runtime transform. */
.product-media>img:not(.cc-lqip){z-index:2;transition:opacity .25s ease}
.product-media>img.cc-lqip{object-fit:contain;z-index:1;filter:blur(10px);opacity:1;pointer-events:none;transition:opacity .25s ease}
.product-media[data-media-state=ready]>img.cc-lqip{opacity:0}
.product-media[data-media-state=error]>img.cc-lqip{display:none}
.product-media>img[data-fade-cached=true]{transition:none}
.product-media .cc-media-scope{z-index:3}
@media(prefers-reduced-motion:reduce){.product-media>img{transition:none!important}}

/* Existing list/merchant photo dialogs keep one original full-image request. */
.cc-photo-frame{position:relative;isolation:isolate}
.cc-photo-frame>img:not(.cc-lqip){position:relative;z-index:2;opacity:0;transition:opacity .25s ease}
.cc-photo-frame>img.cc-lqip{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:blur(10px);z-index:1;pointer-events:none}
.cc-photo-frame[data-media-state=ready]>img:not(.cc-lqip){opacity:1}
.cc-photo-frame[data-media-state=ready]>img.cc-lqip,.cc-photo-frame[data-media-state=error]>img.cc-lqip{display:none}
.cc-photo-frame>img[data-fade-cached=true]{transition:none}
@media(prefers-reduced-motion:reduce){.cc-photo-frame>img{transition:none!important}}

.cc-product-gallery{min-width:0;max-width:100%;color:var(--cc-text);font:400 14px/1.6 var(--cc-font-body)}.cc-gallery-viewport{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;background:var(--cc-media-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);overscroll-behavior:auto;scroll-behavior:auto}.cc-gallery-canvas{width:100%;height:100%;min-width:100%;min-height:100%}.cc-gallery-viewport[data-gallery-zoom="2"] .cc-gallery-canvas{width:200%;height:200%}.cc-gallery-viewport[data-gallery-zoom="3"] .cc-gallery-canvas{width:300%;height:300%}.cc-gallery-viewport[data-gallery-zoom="4"] .cc-gallery-canvas{width:400%;height:400%}.cc-gallery-canvas>.product-media{width:100%;height:100%;aspect-ratio:auto}.cc-gallery-canvas .product-media>img{object-fit:contain;padding:12px}.cc-gallery-canvas .cc-media-preview{padding:16px}.cc-gallery-panel :is(p,small){font-size:14px;line-height:1.65;margin:8px 0;overflow-wrap:anywhere}.cc-gallery-caption{font-weight:650}.cc-gallery-scope{padding:7px 9px;border-radius:var(--cc-radius-sm);background:var(--cc-raised);font-weight:550}.cc-gallery-controls,.cc-gallery-thumbnails{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.cc-gallery-controls button,.cc-gallery-thumbnails button{min-height:44px;min-width:44px;max-width:100%;padding:8px 10px;font:600 14px/1.5 var(--cc-font-body);border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);background:var(--cc-surface);color:var(--cc-text);cursor:pointer}.cc-gallery-controls button:disabled{opacity:.55;cursor:default}.cc-gallery-thumbnails{flex-wrap:nowrap;overflow-x:auto;padding:3px}.cc-gallery-thumbnails button{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:6px}.cc-gallery-thumbnails button[aria-pressed=true]{outline:2px solid var(--cc-accent);outline-offset:0}.cc-gallery-thumbnails img{width:48px;height:48px;object-fit:scale-down;background:var(--cc-media-surface)}.cc-gallery-help,.cc-gallery-limits,.cc-gallery-views-note,.cc-gallery-status{color:var(--cc-muted)}.cc-gallery-source a{display:inline-flex;align-items:center;min-height:36px;text-underline-offset:3px}.cc-product-gallery :is(button,a,.cc-gallery-viewport,summary):focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}.cc-gallery-compact{margin-top:8px;font-weight:400}.cc-gallery-inspection>summary{cursor:pointer;min-height:36px;display:list-item;line-height:1.5;white-space:normal}.cc-gallery-inspection{min-width:0}.cc-gallery-compact .cc-gallery-panel{margin-top:0}.cc-gallery-compact .cc-gallery-controls button{font-size:14px}.cc-gallery-compact .cc-gallery-thumbnails button{font-size:14px}.cc-product-gallery [hidden]{display:none!important}.product-menu-gallery{max-width:600px;margin:18px 0}.product-page .product-page-media.cc-product-gallery{grid-row:1/12}.profile-product .cc-product-gallery{margin-bottom:16px}
@media(max-width:600px){.cc-gallery-controls button{flex:1 1 auto}.cc-gallery-inspection{min-width:0}}
@media(prefers-reduced-motion:reduce){.cc-product-gallery *{scroll-behavior:auto!important;transition:none;animation:none}}

@media(max-width:700px){.product-page .product-page-media.cc-product-gallery{grid-row:auto}}

/* Compact browsing retains one visible stage; disclosure never clones the photo. */
.cc-gallery-compact{margin-top:0}.cc-gallery-compact .cc-gallery-caption{margin:5px 0 3px;font-size:13px}.cc-gallery-compact .cc-gallery-scope{font-size:12px;margin:4px 0;padding:4px 6px;line-height:1.4}.cc-gallery-compact .cc-gallery-inspection>summary{font-size:13px}.cc-gallery-compact .cc-gallery-thumbnails{margin:6px 0}.cc-gallery-compact .cc-gallery-thumbnails button{min-width:44px;padding:3px}.cc-gallery-compact .cc-gallery-thumbnails span{max-width:90px;white-space:normal;line-height:1.25}.cc-gallery-inspection[open]{margin-top:6px}.cc-gallery-inspection>summary::marker{color:var(--cc-accent)}

.cc-gallery-canvas .product-media .cc-media-scope{display:none}

/* One click opens the original-size source image; another dismisses it. */
.cc-gallery-viewport[role=button]{cursor:zoom-in;overflow:hidden}.cc-gallery-viewport[aria-disabled=true]{cursor:default}
.cc-gallery-retry{min-height:44px;padding:8px 12px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface);color:var(--cc-text);font:600 14px var(--cc-font-body)}
.cc-photo-lightbox{box-sizing:border-box;position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(96vw,2400px);max-width:96vw;height:94dvh;max-height:94dvh;margin:0;padding:42px 20px 20px;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-surface);color:var(--cc-text);overflow:hidden;cursor:zoom-out;box-shadow:0 16px 80px #0006}
.cc-photo-lightbox::backdrop{background:#06120de6}
.cc-photo-lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
.cc-photo-lightbox>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;cursor:zoom-out;align-self:center;justify-self:center}
.cc-photo-lightbox-close{position:absolute;top:6px;right:8px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--cc-border);border-radius:50%;background:var(--cc-surface);color:var(--cc-text);font:400 30px/1 var(--cc-font-body);cursor:pointer}
.cc-photo-lightbox-caption{font:400 14px/1.4 var(--cc-font-body);text-align:center;margin:10px 0 0;max-height:calc(94dvh - 76px);overflow:auto;white-space:normal;overflow-wrap:anywhere}
.cc-photo-lightbox [hidden]{display:none}
@media(max-width:600px){.cc-photo-lightbox{width:calc(100vw - 16px);max-width:none;height:94dvh;border-radius:12px;padding:48px 8px 12px}}

/* Keep the blur and decoded image in one grid cell, with the existing wrapped caption. */
.cc-photo-lightbox>img{grid-area:1/1;opacity:0;transition:opacity .25s ease}
.cc-photo-lightbox>img.cc-lightbox-lqip{opacity:1;filter:blur(10px);pointer-events:none}
.cc-photo-lightbox[data-media-state=ready]>img:not(.cc-lightbox-lqip){opacity:1}
.cc-photo-lightbox[data-media-state=ready]>img.cc-lightbox-lqip,.cc-photo-lightbox[data-media-state=error]>img.cc-lightbox-lqip{display:none}
.cc-photo-lightbox-caption{grid-area:2/1}
.cc-photo-lightbox-close{z-index:3}
.cc-photo-lightbox>img[data-fade-cached=true]{transition:none}
@media(prefers-reduced-motion:reduce){.cc-photo-lightbox>img{transition:none}}

.personal-preferences{border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-surface);padding:16px 20px;margin:20px 0;font-size:14px;line-height:1.6}.personal-preferences summary{font-weight:650;min-height:44px;cursor:pointer;display:list-item}.personal-preferences h3{font-size:18px;line-height:1.4;margin:20px 0 8px}.personal-preferences ul{padding:0;list-style:none}.personal-preferences li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--cc-border);overflow-wrap:anywhere}.personal-preferences li span{min-width:0}.personal-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.personal-controls button,.personal-preferences button{min-height:44px;font-size:14px;text-align:left;white-space:normal}.personal-filter-note{font-size:14px;line-height:1.6;color:var(--cc-muted);border-left:3px solid var(--cc-border);padding-left:12px}.personal-preferences :focus-visible{outline:3px solid var(--cc-accent);outline-offset:3px}@media(max-width:600px){.personal-preferences{padding:16px}.personal-preferences li{align-items:start;flex-direction:column}.personal-controls{align-items:stretch}.personal-controls button{flex:1 1 180px}}
.personal-preferences li a{min-width:0;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;color:var(--cc-accent);text-underline-offset:3px}

/* Retained/unavailable saved IDs also need to fit while their scoped fetch is pending. */
[data-saved-products] .saved-watchlist-item>*{min-width:0;max-width:100%}
@media(max-width:600px){[data-saved-products] .saved-watchlist-item{flex-direction:column;align-items:stretch}}

/* Reserve the actual collapsed panel (44px summary + padding, border and margins).
   Contain its margins so mounting does not change the reserved outer geometry. */
#personal-preferences{display:flow-root;min-height:118px}

.recent-interest{margin:18px 0;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-raised);padding:14px 16px;font:400 14px/1.65 var(--cc-font-body);min-width:0;color:var(--cc-text)}
.recent-interest summary{font-weight:650;min-height:32px;cursor:pointer}.recent-interest label{display:flex;align-items:center;gap:10px;min-height:44px}.recent-interest input[type=checkbox]{width:20px;height:20px;accent-color:var(--cc-accent);flex:none}.recent-interest p{max-width:90ch;margin:12px 0}.recent-interest-actions{display:flex;flex-wrap:wrap;gap:10px}.recent-interest button{font:600 14px/1.4 var(--cc-font-body);min-height:44px;padding:10px 12px;border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);background:var(--cc-surface);color:var(--cc-text);cursor:pointer}.recent-interest button:disabled{opacity:.6;cursor:default}.recent-interest ul{margin:10px 0;padding-left:20px}.recent-interest li{padding:6px 0;overflow-wrap:anywhere}.recent-interest a{min-height:32px;display:inline-flex;align-items:center}.recent-interest :is(button,input,summary,a):focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}.recent-interest [data-recent-status]{color:var(--cc-muted)}
@media(prefers-reduced-motion:reduce){.recent-interest *{transition:none;animation:none}}

/* The default-off collapsed setting occupies one keyboard-sized row. */
.recent-interest{margin:0;border:0;padding:0;background:transparent}.recent-interest>details{border:1px solid transparent;border-radius:var(--cc-radius-md)}.recent-interest summary{box-sizing:border-box;min-height:44px;padding:9px 0;line-height:24px}.recent-interest>details[open]{padding:0 16px 16px;border-color:var(--cc-border);background:var(--cc-raised)}

.product-reminders{margin:20px 0;padding:16px;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-raised);color:var(--cc-text);min-width:0;font:400 14px/1.6 var(--cc-font-body)}.product-reminders h2{font:650 20px/1.35 var(--cc-font-body);margin:0 0 8px}.product-reminders .reminder-intro{max-width:90ch;margin:0 0 12px;color:var(--cc-muted)}.reminder-controls,.reminder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.product-reminders :is(button,a){font:600 13px/1.5 var(--cc-font-body);min-height:44px;padding:10px 12px;border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);background:var(--cc-surface);color:var(--cc-text);cursor:pointer;text-align:start;text-decoration:none;display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.product-reminders button:disabled{cursor:default;opacity:.65}.product-reminders :is(button,a):focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}.product-reminders [data-reminder-status]{color:var(--cc-muted);font-size:13px;margin:12px 0 0}.reminder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reminder-card{padding:14px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);min-width:0;margin-top:14px}.reminder-card h3{font:650 17px/1.45 var(--cc-font-body);margin:8px 0}.reminder-card p{font-size:13px;line-height:1.65;overflow-wrap:anywhere;margin:8px 0}.reminder-card .reminder-reason{font-size:12px;color:var(--cc-muted);margin:0 0 10px}.reminder-card .reminder-package{font-weight:600}.reminder-card .reminder-package-state{padding:8px;background:var(--cc-raised);border-radius:var(--cc-radius-sm)}.reminder-card .reminder-price{font-size:21px;font-weight:700}.reminder-card .reminder-actions{margin-top:12px}.reminder-card .reminder-actions small{flex-basis:100%;font-size:12px;line-height:1.65;color:var(--cc-muted)}.reminder-card .product-media .cc-media-preview{padding:1.5rem .75rem}.reminder-card .product-media .cc-media-icon{width:2rem;height:2rem}.reminder-card .product-media{margin:0 0 12px}.product-reminders>button[data-reminder-more]{margin-top:14px}.product-reminders [hidden]{display:none!important}
@media(max-width:900px){.reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.product-reminders{padding:12px}.reminder-grid{grid-template-columns:1fr}.reminder-controls{gap:6px}.reminder-controls button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.product-reminders *{transition:none;animation:none}}

/* Dormant slots occupy one discoverable row; no source request on expansion. */
.product-reminders{margin:0;padding:0;border:0;background:transparent}.product-reminders>details{border:1px solid transparent;border-radius:var(--cc-radius-md)}.product-reminders>details>summary{box-sizing:border-box;min-height:44px;line-height:24px;padding:9px 0;font-weight:650;cursor:pointer}.product-reminders>details[open]{padding:0 16px 16px;background:var(--cc-raised);border-color:var(--cc-border)}.product-reminders>details>div>button[data-reminder-more]{margin-top:14px}.product-reminders summary:focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}

/* Shared feedback surfaces: factual meaning always remains in text. */
.site-page .cc-state{grid-column:1/-1;min-width:0;padding:20px 24px;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-raised);color:var(--cc-text);margin:12px 0;overflow-wrap:anywhere}.site-page .cc-state[hidden]{display:none}.site-page .cc-state h3{font:650 19px/1.4 var(--cc-font-body);letter-spacing:-.02em;margin:0 0 8px}.site-page .cc-state p{font-size:15px;line-height:1.75;color:var(--cc-muted);margin:0 0 14px;max-width:74ch}.site-page .cc-state p:last-child{margin-bottom:0}.site-page .cc-state .button{font-size:14px;min-height:44px;line-height:1.4;margin:4px 10px 4px 0;padding:11px 16px;border:1px solid var(--cc-control-border);background:var(--cc-surface);color:var(--cc-text);cursor:pointer}.site-page .cc-state .button:hover{border-color:var(--cc-accent);background:var(--cc-accent-soft)}.site-page .cc-state .button:disabled{opacity:.7;cursor:wait}.site-page :is(.cc-state-error,.cc-state[data-state=error]){border-left:4px solid var(--cc-danger)}.site-page :is(.cc-state-warning,.cc-state[data-state=warning]){border-left:4px solid var(--cc-warning)}.site-page :is(.cc-state[data-state=saved],.cc-state[data-state=success]){border-left:4px solid var(--cc-success)}.site-page :is(.cc-state-loading,.cc-state[data-state=loading]){border-left:4px solid var(--cc-accent)}.site-page .cc-state[role=alert]{scroll-margin-top:24px}.site-page .toast{max-width:min(90vw,560px);width:max-content;white-space:normal;font-size:15px;line-height:1.65;padding:16px 20px;background:var(--cc-text);color:var(--cc-canvas);border-radius:var(--cc-radius-md);border:1px solid var(--cc-control-border);box-shadow:var(--cc-shadow-md)}.site-page #products[aria-busy=true]{min-height:350px}.site-page #comparison-table[aria-busy=true]{min-height:140px}.site-page [aria-busy=true] .cc-state{margin-top:0}.site-page .cc-state:focus{outline:3px solid var(--cc-focus);outline-offset:3px}@media(max-width:430px){.site-page .cc-state{padding:18px}.site-page .cc-state .button{width:100%;margin:5px 0}.site-page .toast{bottom:24px;padding:14px 16px}}@media(prefers-reduced-motion:reduce){.site-page .cc-state,.site-page .toast{animation:none!important;transition:none!important;scroll-behavior:auto}}
.site-page #products .cc-state-error{border-left:4px solid var(--cc-danger)}.site-page #products .cc-state-warning{border-left:4px solid var(--cc-warning)}

/* Final cross-page readability/reflow layer. Decorative kickers retain their small type. */
.site-page .small-muted,.site-page .directory-note,.site-page .tool-nav,.site-page .tool-nav a{font-size:var(--cc-text-sm);line-height:1.7}
.site-page .brand-controls input,.site-page .resource-controls .search input{font:400 var(--cc-text-base)/1.5 var(--cc-font-body);border-color:var(--cc-control-border);min-height:44px}
.site-page .brand-tabs{flex-wrap:wrap;gap:var(--cc-space-2)}
.site-page .brand-tabs button{font-size:var(--cc-text-sm);min-height:44px;white-space:normal;padding:var(--cc-space-2) var(--cc-space-3);line-height:1.4;flex:1 1 auto}
.site-page .brand-card{border-radius:var(--cc-radius-md)}.site-page .brand-card>p{font-size:var(--cc-text-sm);line-height:1.75;max-width:none}
.site-page .brand-facts,.site-page .brand-facts b,.site-page .brand-profile-button{font-size:var(--cc-text-sm);line-height:1.6}.site-page .brand-facts{gap:var(--cc-space-2) var(--cc-space-4)}
.site-page .brand-profile-button{min-height:44px;gap:var(--cc-space-3)}.site-page .brand-profile-button .cc-icon{flex-shrink:0}
.site-page .brand-card .save-brand-button{min-width:44px;min-height:44px}
.site-page .resource-intro{font-size:var(--cc-text-base);line-height:1.75}.site-page .resource-controls label,.site-page .resource-corrections label{font-size:var(--cc-text-sm);line-height:1.6}
.site-page .resource-controls input,.site-page .resource-controls select,.site-page .resource-corrections select,.site-page .resource-corrections textarea{font-size:var(--cc-text-base);border-color:var(--cc-control-border);min-height:44px}
.site-page .resource-card-top{flex-wrap:wrap;gap:var(--cc-space-2);font-size:var(--cc-text-sm);line-height:1.6}
.site-page .resource-card .resource-organization{font-size:var(--cc-text-sm);letter-spacing:.025em;line-height:1.6;margin-top:var(--cc-space-5)}
.site-page .resource-card>p,.site-page .resource-card .resource-limitation,.site-page .resource-access,.site-page .resource-actions,.site-page .resource-actions button,.site-page .resource-corrections>p,.site-page .resource-corrections summary{font-size:var(--cc-text-sm);line-height:1.75}
.site-page .resource-actions{align-items:center;gap:var(--cc-space-2) var(--cc-space-4)}.site-page .resource-actions a,.site-page .resource-actions button,.site-page .resource-corrections summary{min-height:44px;display:inline-flex;align-items:center}
.site-page .resource-card .resource-limitation{border-left-color:var(--cc-control-border)}
.site-page .commerce-controls label,.site-page .commerce-disclosure,.site-page .commerce-state,.site-page .commerce-checked,.site-page .commerce-scope,.site-page .commerce-facts dt,.site-page .commerce-facts dd,.site-page .commerce-conflicts,.site-page .commerce-links{font-size:var(--cc-text-sm);line-height:1.7}
.site-page .commerce-controls select{font-size:var(--cc-text-base);border-color:var(--cc-control-border)}.site-page .commerce-links a{display:inline-flex;align-items:center;min-height:36px}
.site-page .commerce-disclosure>summary{min-height:44px;padding-block:var(--cc-space-2);display:list-item}
.site-page .submission-back,.site-page .submission-form label,.site-page .submission-hint,.site-page #submission-status,.site-page .submission-aside p,.site-page .submission-success p,.site-page .submission-privacy,.site-page .submission-success code{font-size:var(--cc-text-sm);line-height:1.7}
.site-page .submission-form input,.site-page .submission-form select,.site-page .submission-form textarea{font-size:var(--cc-text-base);line-height:1.5;border-color:var(--cc-control-border);min-height:44px;background:var(--cc-surface)}
.site-page .submission-form input[type=file]{font-size:var(--cc-text-sm);line-height:1.6;overflow-wrap:anywhere;min-height:44px}.site-page .submission-form input[type=file]::file-selector-button{min-height:44px;padding:var(--cc-space-2) var(--cc-space-3);margin-right:var(--cc-space-2);border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);background:var(--cc-raised);color:var(--cc-text);font:inherit;cursor:pointer}
.site-page .submission-form button,.site-page .submission-success button{min-height:44px;font-size:var(--cc-text-sm);line-height:1.5}
.site-page .submission-form input:focus-visible,.site-page .submission-form select:focus-visible,.site-page .submission-form textarea:focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
.site-page .dialog-header button{min-width:44px;min-height:44px;border-color:var(--cc-control-border)}
.site-page .cc-media-preview small{font-size:var(--cc-text-sm);line-height:1.6}
.site-page .site-main a:focus-visible,.site-page .site-main button:focus-visible,.site-page .site-main summary:focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
@media(min-width:641px) and (max-width:1040px){.site-page .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .site-page .brand-controls{gap:var(--cc-space-4)}.site-page .brand-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.site-page .brand-tabs button{min-width:0;padding-inline:var(--cc-space-2)}
 .site-page .brand-facts{justify-content:flex-start}.site-page .resource-controls>label:last-child{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cc-space-2)}.site-page .resource-controls select{width:100%;margin-left:0}
 .site-page .resource-actions{align-items:stretch}.site-page .resource-actions a,.site-page .resource-actions button{padding-block:var(--cc-space-2)}
 .site-page .submission-form{padding:var(--cc-space-4)}.site-page .submission-upload{padding:var(--cc-space-3)}.site-page .submission-success{padding:var(--cc-space-4)}.site-page .submission-success code{padding:var(--cc-space-3);overflow-wrap:anywhere}
}
@media(forced-colors:active){.site-page :is(input,select,textarea,button,summary):focus-visible{outline:3px solid Highlight}.site-page :is(.brand-card,.resource-card,.lab-card,.evidence-report){border-color:CanvasText}}
/* Retained source controls use the same supporting-text floor as the new cards. */
.site-page .save-brand-button,.site-page .resource-corrections .button{font-size:var(--cc-text-sm);min-height:44px}
.site-page .tool-context-nav,.site-page .tool-source-context,.site-page .tool-context-nav a{font-size:var(--cc-text-sm);line-height:1.7}
.site-page .tool-context-nav a{min-height:44px;display:inline-flex;align-items:center}
.compare-page .breadcrumbs,.compare-page .page-links,.compare-page .route-summary,#catalog .secondary-filters label,#catalog .secondary-filters .plain,#catalog .comparison-context,#catalog .vendor-profile-link,#catalog .card-details,#catalog .card-details p,#catalog .card-details dt,#catalog .card-details dd,#catalog .card-details .source-links a,#catalog .history-basis{font-size:var(--cc-text-sm);line-height:1.65}
#catalog .card-details .source-links a{display:inline-flex;align-items:center;min-height:36px}#catalog .vendor-profile-link{min-height:36px}
/* Source-role and format labels remain neutral, readable and opaque over photos. */
.site-page .brand-card .tag,.site-page .resource-card .tag,.site-page #brand-dialog .tag{font-size:var(--cc-text-sm);line-height:1.5;background:var(--cc-raised);color:var(--cc-muted)}
#catalog .format-label{font-size:var(--cc-text-sm);line-height:1.4;background:var(--cc-surface);color:var(--cc-text);border:1px solid var(--cc-border)}
/* Explicitly override font:inherit from14px labels on text-entry controls. */
.site-page #catalog :is(.filters,.secondary-filters) :is(input[type=search],select),.site-page #catalog .filters .search input,.site-page .content-filters input,.site-page .content-filters select,.site-page .correction input,.site-page .correction textarea{font-size:var(--cc-text-base)}
.site-page :is(input,textarea)::placeholder{color:var(--cc-subtle);opacity:1}

.location-context{margin:12px 0 18px;min-width:0}.location-context>details{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm)}.location-context>details>summary{font-size:14px;font-weight:600;min-height:44px;padding:12px 14px;cursor:pointer;line-height:1.5;align-content:center}.location-context-current{font-weight:400;color:var(--cc-muted)}.location-context-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:4px 14px 16px}.location-context-body>label{display:grid;gap:7px;font-size:14px;font-weight:600;min-width:0}.location-context-body :is(select,input:not([type=checkbox])){width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);font:400 16px var(--cc-font-body);color:var(--cc-text);background:var(--cc-surface)}.location-context-body>.location-context-check{display:flex;align-items:center;gap:10px;font-weight:400;font-size:14px;min-height:44px}.location-context-check input{width:20px;height:20px;flex:none}.location-context-body>:is(p,a){font-size:14px;line-height:1.55;margin:0;grid-column:1/-1;overflow-wrap:anywhere}.location-context-body>button{font-size:14px;min-height:44px;justify-self:start}.location-context-body :is(.location-context-scope,.location-context-privacy){color:var(--cc-muted)}.location-context-body [hidden]{display:none}.location-context [data-location-status]{border-left:3px solid var(--cc-border);padding-left:10px}
@media(max-width:650px){.location-context-body{grid-template-columns:minmax(0,1fr);padding:4px 12px 14px;gap:12px}.location-context>details>summary{padding:10px 12px}.location-context-current{display:block}.location-context-body>button{width:100%;justify-self:stretch}}

.location-welcome{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:36px;border:1px solid var(--cc-border);border-radius:24px;background:var(--cc-surface);color:var(--cc-text);box-shadow:0 24px 100px #10291e40;overflow-y:auto}
.location-welcome::backdrop{background:#10291e9c;backdrop-filter:blur(4px)}
.location-welcome h2{font:400 clamp(28px,5vw,36px)/1.15 var(--cc-font-heading,Georgia,serif);letter-spacing:-.025em;margin:10px 0 16px;color:var(--cc-text)}
.location-welcome p{font:400 16px/1.55 var(--cc-font-body);margin:0 0 20px;color:var(--cc-muted)}
.location-welcome .location-welcome-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-accent);margin-bottom:10px}
.location-welcome form{display:grid;gap:10px}.location-welcome label{font-size:15px;font-weight:600}
.location-welcome select{box-sizing:border-box;width:100%;min-width:0;min-height:52px;padding:12px;border:1px solid var(--cc-control-border);border-radius:10px;background:var(--cc-surface);color:var(--cc-text);font:400 16px var(--cc-font-body)}
.location-welcome .location-welcome-note{font-size:14px;margin:2px 0 12px}.location-welcome .location-welcome-privacy{font-size:13px;margin:20px 0 0}
.location-welcome-actions{display:grid;gap:10px}.location-welcome-actions button{width:100%;min-height:48px;justify-content:center;font-size:15px;white-space:normal}
.location-welcome [hidden]{display:none}
@media(max-width:560px){.location-welcome{padding:26px 22px;border-radius:20px}}

/* Reserve the measured collapsed controls before the location controller mounts. */
[data-location-context]{margin:12px 0 18px;min-height:47px;min-width:0}
@media(max-width:650px){[data-location-context]{min-height:64px}}

/* Landscape -> faded veil -> inset, opaque reading/shopping canvas. */
:root{--cc-scene-image:none;--cc-scene-inset:clamp(10px,2vw,48px)}
:root[data-scene=woods]{--cc-scene-image:url('/scenes/woods.webp')}:root[data-scene=stream]{--cc-scene-image:url('/scenes/stream.webp')}:root[data-scene=stars]{--cc-scene-image:url('/scenes/stars.webp')}:root[data-scene=meadow]{--cc-scene-image:url('/scenes/meadow.webp')}:root[data-scene=mountains]{--cc-scene-image:url('/scenes/mountains.webp')}:root[data-scene=lake]{--cc-scene-image:url('/scenes/lake.webp')}
/* Scripting-disabled browsers keep the original woodland fallback. */
@media(scripting:none){:root{--cc-scene-image:url('/scenes/woods.webp')}}
body.site-page{position:relative;isolation:isolate;padding:var(--cc-scene-inset);min-height:100dvh;background:var(--cc-canvas)}
body.site-page::before,body.site-page::after{content:'';position:fixed;inset:0;pointer-events:none}
body.site-page::before{z-index:-2;background:var(--cc-scene-image) center/cover no-repeat}
body.site-page::after{z-index:-1;background:linear-gradient(180deg,#f6f7f138,#f6f7f15c 55%,#f6f7f19c)}
.site-canvas{position:relative;min-width:0;min-height:calc(100dvh - 2 * var(--cc-scene-inset));background:var(--cc-canvas);border:1px solid var(--cc-border);border-radius:20px;box-shadow:0 16px 70px #10291e40}
.site-canvas>.site-header{border-radius:19px 19px 0 0}.site-canvas>.site-footer{border-radius:0 0 19px 19px}
@media screen{:root:not([data-theme="light"]) body.site-page::after{background:linear-gradient(180deg,#10231b40,#10231b73 55%,#10231bb0)}}
@media(max-width:700px){:root{--cc-scene-inset:8px}.site-canvas{border-radius:12px}.site-canvas>.site-header{border-radius:11px 11px 0 0}.site-canvas>.site-footer{border-radius:0 0 11px 11px}.site-page .site-main{padding-inline:12px}}

/* Portrait cover already clips these outer columns. Keep every original row,
   center/framing and density; only omit pixels the viewport cannot display. */
@media screen and (max-width:700px) and (max-aspect-ratio:3/4){:root[data-scene=woods]{--cc-scene-image:url('/scenes/woods-portrait-1d4c4578c10ee269128a5a03e8c00508d6748db4ddd3fb28a9c8b45b749fddd7.webp')}:root[data-scene=stream]{--cc-scene-image:url('/scenes/stream-portrait-5ec60b086fba53366218622b1e04a076720f2e49836361a8e38d3a1f430d4df4.webp')}:root[data-scene=stars]{--cc-scene-image:url('/scenes/stars-portrait-a6b0dea25eab62b1f9dd8e78600fc0b163db4404475c13f05d7cf58c029c6bc3.webp')}:root[data-scene=meadow]{--cc-scene-image:url('/scenes/meadow-portrait-70f84504c7999eb804afa3ca8a4f7d49bc02832f9287af4e6ad538af89cf35bf.webp')}:root[data-scene=mountains]{--cc-scene-image:url('/scenes/mountains-portrait-7709d07c9fb1ab466994d1a7b60ff31ef0e43373520ede3a3e99cc6f7baf80d2.webp')}:root[data-scene=lake]{--cc-scene-image:url('/scenes/lake-portrait-a31a45baabd9cb6c04ae9c0b7e11d07e7108c2142e7b9f687e73812070ee02a0.webp')}}
@media screen and (max-width:700px) and (max-aspect-ratio:3/4) and (scripting:none){:root{--cc-scene-image:url('/scenes/woods-portrait-1d4c4578c10ee269128a5a03e8c00508d6748db4ddd3fb28a9c8b45b749fddd7.webp')}}

.account-sync-panel,.account-workspace-indicator{color:var(--text,#173a2c);background:var(--panel,#f5f8f4);border:1px solid var(--border,#abc6b4);border-radius:16px;padding:clamp(1rem,3vw,1.5rem);font:16px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}.account-sync-panel [hidden],.account-workspace-indicator[hidden]{display:none!important}.account-sync-panel button,.account-sync-panel select,.account-workspace-indicator button{font:inherit;min-height:44px;padding:.55rem .8rem;max-width:100%;border:1px solid currentColor;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.account-sync-panel button:disabled{opacity:.55;cursor:default}.account-sync-panel :focus-visible,.account-workspace-indicator :focus-visible{outline:3px solid #298160;outline-offset:3px}.account-sync-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.account-sync-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.8rem}.account-sync-section{display:flex;gap:.65rem;align-items:flex-start;border:1px solid var(--border,#abc6b4);padding:.8rem;border-radius:10px}.account-sync-section input,.account-sync-enabled input{width:20px;height:20px;flex-shrink:0}.account-sync-section strong,.account-sync-section small{display:block}.account-sync-section small{font-size:14px;margin-top:.25rem}.account-sync-panel fieldset{min-width:0;border:1px solid var(--border,#abc6b4);padding:1rem;border-radius:12px}.account-sync-panel legend{font-weight:700;padding:0 .4rem}.account-sync-enabled{display:flex;gap:.6rem;margin:.5rem 0 1rem}.account-sync-panel [data-sync-conflict-sections]{display:grid;gap:.7rem}.account-sync-panel [data-sync-conflict-sections] label{display:grid;gap:.3rem}.account-sync-state{font-weight:650}.account-sync-panel [role=alert]{border-left:4px solid #ad542d;padding:.6rem}.account-sync-clear{margin-top:1rem}.account-sync-clear summary{min-height:44px;cursor:pointer;padding:.6rem 0}.account-sync-clear>label{display:block;margin:.8rem 0}.account-workspace-indicator{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:.75rem auto;max-width:1600px;font-size:14px;padding:.7rem 1rem}.account-workspace-indicator p{margin:0}.account-workspace-indicator a{color:inherit;text-underline-offset:.2em}.account-workspace-indicator button{font-size:14px}@media(max-width:600px){.account-sync-actions{flex-direction:column}.account-sync-actions button{width:100%}.account-sync-panel{padding:1rem}.account-workspace-indicator{border-radius:0;margin:.5rem 0;justify-content:flex-start}}@media screen{:root:not([data-theme="light"]) .account-sync-panel,:root:not([data-theme="light"]) .account-workspace-indicator{color:var(--text,#e6f3e8);background:var(--panel,#152b20);border-color:var(--border,#597765)}}

/* CannaCompare visual foundation. Feature styles consume these semantic tokens. */
:root{
 --cc-font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--cc-font-display:Georgia,"Times New Roman",serif;
 --cc-text-xs:.75rem;--cc-text-sm:.875rem;--cc-text-base:1rem;--cc-text-lg:1.125rem;--cc-text-title:clamp(2.25rem,5vw,3.5rem);--cc-leading:1.6;
 --cc-space-1:.25rem;--cc-space-2:.5rem;--cc-space-3:.75rem;--cc-space-4:1rem;--cc-space-5:1.25rem;--cc-space-6:1.5rem;--cc-space-7:2rem;--cc-space-8:2.5rem;--cc-space-9:3rem;--cc-space-10:4rem;
 --cc-canvas:#f6f7f1;--cc-surface:#ffffff;--cc-raised:#edf1e7;--cc-text:#173c31;--cc-muted:#54665d;--cc-subtle:#63746a;--cc-border:#cfd9cb;--cc-control-border:#7c9182;--cc-accent:#28573d;--cc-on-accent:#ffffff;--cc-accent-soft:#e6edd7;--cc-focus:#326849;
 --cc-success:#20543b;--cc-success-soft:#e6f3e9;--cc-warning:#81501a;--cc-warning-soft:#fff2d9;--cc-danger:#9c332d;--cc-danger-soft:#fff0ec;
 --cc-radius-sm:6px;--cc-radius-md:12px;--cc-radius-lg:18px;--cc-radius-pill:999px;--cc-shadow-sm:0 2px 8px #173c3108,0 10px 30px #173c3105;--cc-shadow-md:0 8px 24px #173c3112,0 24px 60px #173c310d;
 --cc-container:1280px;--cc-reading:76ch;--cc-control-height:44px;--cc-duration:150ms;
 /* Compatibility aliases until each feature adopts semantic tokens. */
 --font-body:var(--cc-font-body);--serif:var(--cc-font-display);--green:var(--cc-accent);--ink:var(--cc-text);--muted:var(--cc-muted);--paper:var(--cc-canvas);--panel:var(--cc-surface);--line:var(--cc-border);--accent:var(--cc-accent);--lime:var(--cc-accent-soft);--radius:var(--cc-radius-md);
 color-scheme:light;
}
@media screen{:root:not([data-theme="light"]){--cc-canvas:#10231b;--cc-surface:#183126;--cc-raised:#213b2d;--cc-text:#f0f4e7;--cc-muted:#b0c2b2;--cc-subtle:#a2b6a5;--cc-border:#3b5846;--cc-control-border:#779780;--cc-accent:#c3d69c;--cc-on-accent:#14271b;--cc-accent-soft:#2a422e;--cc-focus:#d1e9a5;--cc-success:#b4e2bc;--cc-success-soft:#234331;--cc-warning:#f3d0a0;--cc-warning-soft:#3b3020;--cc-danger:#ffb9ab;--cc-danger-soft:#432923;--cc-shadow-sm:0 2px 12px #0002;--cc-shadow-md:0 12px 40px #0005;color-scheme:dark}}
body{font-family:var(--cc-font-body);font-size:var(--cc-text-base);line-height:var(--cc-leading);color:var(--cc-text);background:var(--cc-canvas)}
button,input,select,textarea{font-family:var(--cc-font-body)}
:focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
:where(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
:where(button,[role=button],summary){touch-action:manipulation}
:where(button,input,select,textarea)[disabled],:where(button,input,select,textarea):disabled{cursor:not-allowed}
:where(input,select,textarea)[aria-invalid=true]{border-color:var(--cc-danger)}
.cc-icon{display:inline-block;flex:none;vertical-align:-.2em;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.cc-icon-lg{width:1.75rem;height:1.75rem}.cc-icon-sm{width:1rem;height:1rem}
.cc-icon-tile{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--cc-radius-md);background:var(--cc-accent-soft);color:var(--cc-accent)}
.cc-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--cc-space-2);min-height:var(--cc-control-height);padding:.65rem 1rem;border:1px solid var(--cc-accent);border-radius:var(--cc-radius-sm);background:var(--cc-accent);color:var(--cc-on-accent);font:600 var(--cc-text-sm)/1.4 var(--cc-font-body);text-decoration:none;cursor:pointer;transition:background var(--cc-duration),box-shadow var(--cc-duration),border-color var(--cc-duration)}
.cc-button-secondary{color:var(--cc-text);background:var(--cc-surface);border-color:var(--cc-border)}.cc-button-quiet{color:var(--cc-text);background:transparent;border-color:transparent}.cc-button:disabled,.cc-button[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}
.cc-button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--cc-accent);background:var(--cc-accent-soft);color:var(--cc-text)}
.cc-field{display:grid;gap:var(--cc-space-2);min-width:0;font-size:var(--cc-text-sm);font-weight:600}.cc-field input,.cc-field select,.cc-field textarea,.cc-input{width:100%;min-width:0;min-height:var(--cc-control-height);padding:.65rem .8rem;border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);background:var(--cc-surface);color:var(--cc-text);font:400 var(--cc-text-base)/1.5 var(--cc-font-body)}
.cc-field input::placeholder,.cc-field textarea::placeholder{color:var(--cc-subtle);opacity:1}.cc-field input:disabled{background:var(--cc-raised);color:var(--cc-muted)}.cc-help{margin:0;color:var(--cc-muted);font-size:var(--cc-text-sm);line-height:1.55;font-weight:400}.cc-error{display:flex;gap:var(--cc-space-2);align-items:flex-start;color:var(--cc-danger);font-size:var(--cc-text-sm);font-weight:500;margin:.25rem 0 0}
.cc-card{min-width:0;padding:var(--cc-space-6);background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);box-shadow:var(--cc-shadow-sm)}.cc-card h2,.cc-card h3{margin:0;font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.cc-card p{font-size:var(--cc-text-sm);line-height:1.65}.cc-card-link{color:inherit;text-decoration:none;transition:border-color var(--cc-duration),box-shadow var(--cc-duration)}
.cc-badge{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.3rem .6rem;border-radius:var(--cc-radius-pill);background:var(--cc-raised);color:var(--cc-text);font-size:var(--cc-text-sm);font-weight:550;line-height:1.4}.cc-badge .cc-icon{width:1rem;height:1rem}.cc-badge-success{background:var(--cc-success-soft);color:var(--cc-success)}.cc-badge-warning{background:var(--cc-warning-soft);color:var(--cc-warning)}.cc-badge-danger{background:var(--cc-danger-soft);color:var(--cc-danger)}
.cc-disclosure{border-top:1px solid var(--cc-border);padding:var(--cc-space-4) 0;font-size:var(--cc-text-sm)}.cc-disclosure summary{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:600;list-style:none;min-height:32px}.cc-disclosure summary::-webkit-details-marker{display:none}.cc-disclosure summary .cc-icon:last-child{margin-left:auto;transition:transform var(--cc-duration)}.cc-disclosure[open] summary .cc-icon:last-child{transform:rotate(180deg)}.cc-disclosure>div{padding-top:var(--cc-space-3)}
.cc-data-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.4fr);gap:var(--cc-space-4);padding:.8rem 0;border-bottom:1px solid var(--cc-border);font-size:var(--cc-text-sm);line-height:1.55}.cc-data-row>:first-child{color:var(--cc-muted)}.cc-data-row>:last-child{margin:0;font-weight:550;overflow-wrap:anywhere}.cc-number{font-variant-numeric:tabular-nums}.cc-price{font-size:2rem;font-weight:700;letter-spacing:-.055em;line-height:1.2;font-variant-numeric:tabular-nums}.cc-section-title{font:400 1.75rem/1.2 var(--cc-font-display);letter-spacing:-.03em}.cc-stack{display:grid;gap:var(--cc-space-5)}.cc-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:var(--cc-space-3)}.cc-divider{border:0;border-top:1px solid var(--cc-border);margin:var(--cc-space-5) 0}
@media(hover:hover){.cc-button:hover:not(:disabled){box-shadow:0 0 0 3px var(--cc-accent-soft);filter:brightness(.96)}.cc-button-secondary:hover,.cc-button-quiet:hover{background:var(--cc-raised);border-color:var(--cc-accent)}.cc-card-link:hover{border-color:var(--cc-accent);box-shadow:var(--cc-shadow-md)}}
@media(max-width:430px){.cc-card{padding:var(--cc-space-5)}.cc-data-row{grid-template-columns:minmax(90px,.9fr) minmax(0,1.2fr);gap:var(--cc-space-3)}}
@media(prefers-reduced-motion:reduce){:root{--cc-duration:0ms}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Review-only component specimen; no production route is generated. */
.cc-demo{max-width:var(--cc-container);margin:auto;padding:var(--cc-space-7)}.cc-demo h1{font:400 var(--cc-text-title)/1.08 var(--cc-font-display);letter-spacing:-.04em;margin:0 0 1rem}.cc-demo-header{max-width:var(--cc-reading);margin-bottom:2rem}.cc-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.cc-demo-media{display:grid;place-items:center;min-height:120px;border-radius:var(--cc-radius-sm);background:var(--cc-raised);margin-bottom:1.25rem}.cc-demo-media .cc-icon{width:64px;height:64px;color:var(--cc-accent)}.cc-demo-section{margin-top:2rem}.cc-demo-icons{display:flex;flex-wrap:wrap;gap:1rem}.cc-demo-icon{display:grid;justify-items:center;gap:.5rem;font-size:var(--cc-text-sm);min-width:110px}.cc-demo-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:900px){.cc-demo-grid{grid-template-columns:1fr}.cc-demo{padding:1.25rem}.cc-demo-inputs{grid-template-columns:1fr}}

.cc-field input[aria-invalid=true],.cc-field select[aria-invalid=true],.cc-field textarea[aria-invalid=true],.cc-input[aria-invalid=true]{border-color:var(--cc-danger)}

/* The optional footer switch stays absent until its behavior is ready. */
.cc-theme-toggle{min-height:44px;max-width:100%;white-space:normal;text-align:center}.cc-theme-toggle[hidden]{display:none}

/* Exact listing and reviewed homepage affiliate CTAs remain separate actions. */
.canna-commerce-links{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;max-width:100%;margin-block:8px;min-width:0}
.canna-commerce-links>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;max-width:100%;margin:0;padding:10px 14px;border:1px solid var(--cc-control-border);border-radius:var(--cc-radius-sm);font-size:14px;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere}
.canna-commerce-links>a:focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
@media(max-width:700px){.canna-commerce-links{flex-direction:column}.canna-commerce-links>a{width:100%}}

/* Brand record-link rules must not shrink the paired shopping targets. */
.profile-product .record-links .canna-commerce-links>a{min-height:44px}

/* Room for photography and direct shopping controls. Reading pages retain their measure. */
body.site-page{--cc-container:100%;--cc-gutter:clamp(16px,2vw,40px)}
#catalog.dense-catalog .dense-workspace{grid-template-columns:250px minmax(0,1fr);gap:28px}
#catalog .dense-stock-filter{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
#catalog .dense-sidebar .dense-stock-filter input{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0;accent-color:var(--cc-accent)}
#catalog .dense-stock-filter span{font-weight:600}
#catalog #products[data-view-layout=cards]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;align-items:start}
#catalog #products[data-view-layout=cards]>.product-card{min-width:0;overflow:hidden;border-radius:16px}
#catalog .product-card .product-visual{height:auto;min-height:300px;aspect-ratio:auto;padding:0;background:var(--cc-media-surface)}
#catalog .product-card .product-visual>img{width:100%;height:320px;object-fit:contain;padding:20px}
#catalog .product-visual>.cc-product-gallery{margin:0;width:100%;--cc-gallery-preview-height:320px}
#catalog .product-visual>.cc-product-gallery .cc-gallery-viewport{aspect-ratio:1;min-height:280px}
#catalog .product-visual>.format-label{display:none}
#catalog .product-visual>.favorite{z-index:2;top:12px;right:12px}
#catalog .product-card .product-body{padding:22px}
#catalog .product-card .product-body h3{font-size:23px;line-height:1.25;min-height:0;margin-bottom:12px}
#catalog .product-card .price{font-size:30px}
#catalog .product-card .product-footer{padding:16px 22px;gap:12px;flex-wrap:wrap}
#catalog .product-card .product-footer>.button{flex:1 1 100%;min-height:46px}
#catalog .dense-column-head,#catalog .dense-product-row{grid-template-columns:minmax(360px,1.9fr) minmax(120px,.65fr) minmax(130px,.7fr) minmax(140px,.8fr) 104px;gap:16px}
#catalog .dense-product-row{padding:20px 16px}
#catalog .dense-identity{grid-template-columns:170px minmax(0,1fr);gap:18px}
#catalog .dense-identity h3{font-size:19px;line-height:1.35}
#catalog .dense-identity .dense-product-media{width:170px;height:190px;min-height:190px}
#catalog .dense-identity .cc-product-gallery{width:170px;margin:0;--cc-gallery-preview-height:190px}
#catalog .dense-identity .cc-gallery-viewport{aspect-ratio:1;min-height:170px}
#catalog .dense-product-media .cc-product-photo{object-fit:contain}
#catalog .dense-photo-scope{font-size:12px}
.product-page .product-online-card{grid-template-columns:minmax(340px,48%) minmax(0,1fr);gap:36px;padding:32px}
.product-page .product-page-media{width:100%;max-width:720px}
.product-page .product-page-media .cc-gallery-viewport{aspect-ratio:1;min-height:400px}
.product-page .product-page-media .cc-gallery-canvas img{padding:24px}
[data-brand-body] .reading-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:28px}
[data-brand-body] .profile-product .cc-gallery-viewport{aspect-ratio:1;min-height:300px}
#menu-comparison .menu-row-identity{grid-template-columns:170px minmax(0,1fr);gap:20px}
#menu-comparison .menu-row-media .product-media{min-height:170px;max-height:none}
@media(min-width:1600px){#catalog #products[data-view-layout=cards]{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}}
@media(max-width:1250px){
 #catalog.dense-catalog .dense-workspace{grid-template-columns:220px minmax(0,1fr);gap:20px}
 #catalog .dense-column-head,#catalog .dense-product-row{grid-template-columns:minmax(300px,1.5fr) minmax(120px,.8fr) minmax(120px,.8fr) 100px;gap:12px}
 #catalog .dense-identity{grid-template-columns:130px minmax(0,1fr);gap:14px}
 #catalog .dense-identity .dense-product-media{width:130px;height:150px;min-height:150px}
 #catalog .dense-identity .cc-product-gallery{width:130px;--cc-gallery-preview-height:150px}
 #catalog .dense-identity .cc-gallery-viewport{min-height:130px}
 #catalog .dense-package{padding-left:144px}
 #menu-comparison .menu-row-identity{grid-template-columns:130px minmax(0,1fr)}
 .product-page .product-online-card{grid-template-columns:minmax(300px,45%) minmax(0,1fr);gap:24px;padding:24px}
}
@media(max-width:1000px){#catalog #products[data-view-layout=cards]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:850px){
 #catalog.dense-catalog .dense-workspace{grid-template-columns:minmax(0,1fr)}
 #catalog .dense-product-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:18px}
 #catalog .dense-identity{grid-template-columns:170px minmax(0,1fr);gap:18px}
 #catalog .dense-identity .dense-product-media{width:170px;height:190px;min-height:190px}
 #catalog .dense-identity .cc-product-gallery{width:170px;--cc-gallery-preview-height:190px}
 #catalog .dense-identity .cc-gallery-viewport{min-height:170px}
 #catalog .dense-package{padding:0}
}
@media(max-width:700px){
 .product-page .product-online-card{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px}
 .product-page .product-page-media{max-width:100%;grid-column:1;grid-row:auto}
 .product-page .product-page-media .cc-gallery-viewport{min-height:280px}
 .product-page .product-online-card>p,.product-page .product-online-card>div:not(.product-page-media){grid-column:1}
}
@media(max-width:600px){
 #catalog #products[data-view-layout=cards]{grid-template-columns:minmax(0,1fr);gap:22px}
 #catalog .product-card .product-body{padding:18px}
 #catalog .product-card .product-body h3{font-size:22px}
 #catalog .product-card .product-visual{min-height:280px}
 #catalog .dense-identity{grid-template-columns:120px minmax(0,1fr);gap:14px}
 #catalog .dense-identity .dense-product-media{width:120px;height:150px;min-height:150px}
 #catalog .dense-identity .cc-product-gallery{width:120px;--cc-gallery-preview-height:150px}
 #catalog .dense-identity .cc-gallery-viewport{min-height:120px}
 #catalog .dense-identity h3{font-size:18px}
 #catalog .dense-product-row{padding:14px}
 #menu-comparison .menu-row-identity{grid-template-columns:120px minmax(0,1fr);gap:14px}
 #menu-comparison .menu-row-media .product-media{min-height:120px}
}
@media(max-width:360px){#catalog .dense-identity{grid-template-columns:100px minmax(0,1fr)}#catalog .dense-identity .cc-product-gallery{width:100px}#catalog .dense-identity .dense-product-media{width:100px;height:130px;min-height:130px}#catalog .dense-identity .cc-gallery-viewport{min-height:100px}}
/* Gallery hosts own their photo state; their shell is not a second media frame. */
#catalog .dense-sidebar label.dense-stock-filter{display:flex;flex-direction:row;align-items:center;gap:10px}
#catalog .product-visual .cc-product-gallery{color:var(--cc-text);background:var(--cc-surface)}
#catalog .product-visual .cc-gallery-panel>p,#catalog .product-visual .cc-gallery-inspection>summary{color:var(--cc-text)}
#catalog .product-visual .cc-gallery-panel{padding-bottom:12px}
#catalog .product-visual .cc-gallery-panel>p,#catalog .product-visual .cc-gallery-inspection{margin-inline:12px}
#catalog .product-visual .cc-media-scope{display:none}

#catalog .product-options{margin:10px 0;font-size:14px;color:var(--cc-muted)}
#catalog .product-options>summary{min-height:32px;cursor:pointer;align-content:center}
#catalog .product-options[open] .personal-controls{padding:8px 0}

/* Give each format a recognizable graphic and an easy-to-hit category tile. */
#catalog .category-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:12px;overflow:visible;padding:4px 0 20px;margin:0;align-items:stretch}
#catalog .category-tabs button{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:148px;padding:16px 10px 12px;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-surface);color:var(--cc-text);font-size:15px;line-height:1.3;transition:background .15s,border-color .15s}
#catalog .category-tabs button:hover{border-color:var(--cc-accent);background:var(--cc-accent-soft)}
#catalog .category-tabs button.active{border:2px solid var(--cc-accent);background:var(--cc-accent-soft);padding:15px 9px 11px;box-shadow:inset 0 0 0 1px var(--cc-surface)}
#catalog .category-tabs button .cc-format-cue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:normal;text-align:center;font-weight:600}
#catalog .category-tabs button .cc-format-cue svg{display:block;flex:none;width:72px;height:72px;padding:9px;max-width:none;stroke-width:1.5;border-radius:20px;background:var(--cc-accent-soft);color:var(--cc-accent);box-sizing:border-box}
#catalog .category-tabs button.active .cc-format-cue svg{background:var(--cc-surface)}
#catalog .category-tabs button>.cc-format-count{position:absolute;top:8px;right:8px;min-width:23px;padding:3px 5px;font-size:var(--cc-text-xs);line-height:1.2;border:1px solid var(--cc-border);margin:0}
@media(max-width:1000px){#catalog .category-tabs{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 16px;scroll-padding-inline:4px}#catalog .category-tabs button{flex:0 0 116px;min-height:140px;scroll-snap-align:start}#catalog .category-tabs button .cc-format-cue svg{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){#catalog .category-tabs button{transition:none}}
#catalog .category-tabs button .cc-format-cue>span{font-size:14px;white-space:nowrap}
#catalog .category-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(min-width:2200px){#catalog .category-tabs{grid-template-columns:repeat(14,minmax(0,1fr))}}

/* The existing14 format controls occupy two7-column rows, or one mobile strip. */
#catalog .category-tabs{min-height:332px}
@media(max-width:1000px){#catalog .category-tabs{min-height:160px}}
@media(min-width:2200px){#catalog .category-tabs{min-height:172px}}
/* Keep initial empty/skeleton content from pulling the footer into the viewport. */
#catalog #products{min-height:65vh}

/* Preferences are available from the footer; the first-visit prompt is temporary. */
.google-consent{color:var(--cc-text);font:400 14px/1.6 var(--cc-font-body)}.google-consent [hidden]{display:none!important}
.google-consent-banner{position:fixed;z-index:100;inset:auto 20px 20px;margin:auto;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-surface);box-shadow:0 12px 50px #0003}
.google-consent-banner strong{font-size:15px;font-weight:650}.google-consent-banner p{margin:4px 0 0;color:var(--cc-muted);font-size:13px;max-width:65ch}.google-consent a{color:inherit;text-underline-offset:3px}
.google-consent-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.google-consent button{min-height:44px;padding:10px 16px;border:1px solid var(--cc-accent);border-radius:9px;font:600 13px/1.4 var(--cc-font-body);background:var(--cc-accent);color:var(--cc-on-accent);cursor:pointer}
.google-consent [data-google-deny]{background:transparent;color:var(--cc-text);border-color:var(--cc-control-border,var(--cc-border))}.google-consent button:focus-visible,.google-consent a:focus-visible{outline:3px solid var(--cc-focus);outline-offset:3px}
.google-consent-dialog{color:var(--cc-text);width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--cc-border);border-radius:18px;background:var(--cc-surface);box-shadow:0 24px 80px #0005;overflow:auto}.google-consent-dialog::backdrop{background:#10251dd0;backdrop-filter:blur(4px)}
.google-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.google-dialog-heading h2{margin:0;font:600 23px/1.3 var(--cc-font-body);letter-spacing:-.5px}.google-consent .google-dialog-close{display:grid;place-items:center;flex-shrink:0;width:44px;padding:0;border-color:var(--cc-border);background:transparent;color:var(--cc-text);font-size:26px;font-weight:400}
.google-consent-dialog p{color:var(--cc-muted);margin:16px 0;font-size:14px;line-height:1.7}.google-consent-dialog [role=status]{padding:12px 14px;border-radius:9px;background:var(--cc-raised);color:var(--cc-text);font-weight:600}.google-consent-dialog .google-consent-actions{margin:20px 0 16px}.google-privacy-details{font-size:13px}
@media(max-width:700px){.google-consent-banner{inset:auto 12px 12px;padding:18px;flex-direction:column;align-items:stretch;gap:14px}.google-consent-actions{flex-wrap:wrap}.google-consent-banner button{flex:1}.google-consent-dialog{padding:22px}.google-consent-dialog .google-consent-actions button{flex:1}}