*{box-sizing:border-box}
:root{--ink:#1d302a;--forest:#194c3d;--green:#346147;--leaf:#dce8d8;--paper:#f8f8f2;--card:#fffefa;--muted:#53645c;--line:#d9dfd4;--amber:#9f4b2d;--serif:"STIX Two Text","Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",Georgia,serif;--sans:"Inter","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}
html{scroll-behavior:auto;scroll-padding-top:15px}
body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 var(--sans);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer;color:inherit}
button:disabled{cursor:default;opacity:.72}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bb6439;outline-offset:3px}
.skip{position:fixed;top:-100px;left:1rem;z-index:15;padding:9px 13px;background:white}.skip:focus{top:8px}
.mast{border-bottom:1px solid var(--line);background:var(--card)}
.mast-inner{max-width:1192px;margin:auto;min-height:77px;padding:0 36px;display:flex;align-items:center;gap:48px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font:750 30px/1.15 var(--serif);letter-spacing:.035em;color:var(--forest)}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px 3px 11px 3px;background:var(--forest);color:#f4ecbd;font:750 24px/1 var(--serif);letter-spacing:0}
.main-nav,.user-nav{display:flex;align-items:stretch;gap:22px}.main-nav a,.user-nav a{display:flex;align-items:center;justify-content:center;min-height:76px;font-weight:600;white-space:nowrap;color:var(--muted)}
.main-nav .active,.user-nav .active{color:var(--forest);box-shadow:inset 0 -3px var(--forest)}
.user-nav{margin-left:auto;gap:17px}.user-nav a{font-size:14px}
#main,.foot-inner{width:min(1192px,100%);margin:auto;padding:34px 36px 44px}#main:focus{outline:none}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.02em}
h1{font:700 clamp(30px,3.25vw,46px)/1.18 var(--serif)}h2{font:700 25px/1.32 var(--serif)}h3{font-size:18px}
.page-top,.section-top,.card-heading,.meta-row,.bottom-row,.actions,.chips,.row-controls{display:flex;align-items:center;gap:10px}
.page-top,.section-top,.bottom-row,.card-heading{justify-content:space-between}
.page-top{margin-bottom:20px}.page-top h1{flex-shrink:1}
.search{width:min(320px,100%);display:flex;align-items:center;gap:9px;color:var(--muted);border:1px solid var(--line);background:white;padding:0 12px;border-radius:10px}
.search:focus-within{border-color:var(--forest)}
.search span{font:25px/1 Georgia,serif}.search input{border:0;outline:0;background:transparent;min-width:0;width:100%;height:42px;color:var(--ink)}
.hero{border:1px solid #c9d7c5;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;background:#e7eddf;overflow:hidden;min-height:288px;margin:0 0 24px}
.hero-body{padding:31px clamp(20px,3vw,43px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:11px}
.hint{font-size:13px;color:var(--muted)}.label{font-size:13px;font-weight:700;color:var(--forest)}.hero h2{font-size:clamp(26px,3.2vw,47px);color:#193e31;line-height:1.17}
.hero .offer-line{font-size:19px;font-weight:650}.hero .offer-line b{color:var(--amber);font-weight:800}.hero .conditions{font-size:14px;color:#48584e}
.hero-art{width:100%;height:100%;min-height:270px;object-fit:cover;object-position:50% 54%;display:block}
.button,.outline,.light,.quiet,.chip,.icon-button,.back,.chip-toggle{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid transparent;font-weight:620;padding:8px 13px;text-align:center;line-height:1.4}
.button{color:white;background:var(--forest)}.button:hover{background:#10392d}.outline{background:var(--card);border-color:#b7c4b9;color:var(--forest)}.light{background:#e4ede1;color:#254b39}.quiet{background:transparent;color:var(--forest);padding:6px 8px}.quiet:hover,.back:hover{background:#ebefe6}
.chip,.chip-toggle{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:50px;padding:6px 15px;min-height:39px}
.chip.on,.chip-toggle.on{background:var(--forest);color:white;border-color:var(--forest)}
.icon-button{background:transparent;border-color:var(--line);color:var(--forest);font-size:21px;padding:0;min-width:44px;min-height:44px;flex-shrink:0}.icon-button.on{background:#e1eddc;color:#345139}
.chips,.actions,.meta-row{flex-wrap:wrap}
.section-top{margin:18px 0 14px}.count{font:500 13px var(--sans);color:var(--muted);margin-left:9px}.controls{border-top:1px solid var(--line);padding:12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
select{max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:8px 9px;min-height:40px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px 19px;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;position:relative}
.tile:hover{border-color:#9bb29e}.tile h3 a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.tile .value{font-size:22px;font-family:var(--serif);font-weight:700;line-height:1.3;color:var(--forest)}.tile .summary{color:var(--muted);font-size:14px;line-height:1.5}
.tile .bottom-row{margin-top:auto;padding-top:9px;border-top:1px solid #e6e8dd;font-size:13px}.tile .row-link{color:var(--forest);font-weight:650;min-height:37px;display:flex;align-items:center}
.pill{font:600 12px/1.35 var(--sans);border-radius:5px;padding:4px 8px;color:#35583f;background:#e6eee0;display:inline-flex;align-items:center;max-width:100%}.pill.warm{background:#f5e8da;color:#824423}.pill.ink{background:#e7e9f0;color:#475067}.pill.sand{background:#f0ecdb;color:#6a592a}
.back{padding:4px 8px;margin:0 0 14px;background:transparent;color:var(--muted);font-size:14px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.78fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:24px;min-width:0}
.panel+.panel{margin-top:14px}.panel h2{font-size:21px;margin-bottom:13px}.head-card h1{margin:9px 0 12px}.head-card p{color:var(--muted)}
.tiers{display:grid;gap:12px;margin-top:18px}.tier{border:1px solid #cbd9c9;border-left:4px solid #51815c;padding:13px 15px;border-radius:8px;background:#f4f7ee}.tier strong{display:block;font-size:21px;color:var(--forest)}.tier p{font-size:14px}.tier.alt{border-color:#e3cfb8;border-left-color:#bd7944;background:#fcf4e9}
dl{margin:0}.facts div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e5e9df}.facts div:last-child{border-bottom:none}
dt{font-size:14px;color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.side{position:sticky;top:16px}.side p{margin-bottom:12px}.side .actions{align-items:stretch;flex-direction:column}
.text-link{color:var(--forest);font-weight:650;text-decoration:underline;text-underline-offset:3px}.status-note{font-size:13px;color:var(--muted)}
.content-narrow{max-width:850px;margin:auto}.page-desc{color:var(--muted);margin:5px 0 20px}.stack{display:grid;gap:12px}
.empty{border:1px dashed #b9c8bb;border-radius:14px;padding:27px;background:#f5f6ef}.empty p{margin:7px 0 15px;color:var(--muted)}
.steps{padding-left:23px;line-height:1.8}.steps li{padding-left:5px;margin:6px 0}
.source-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;border-top:1px solid var(--line);padding-top:12px}.source-row div{min-width:0}.source-row a{flex-shrink:0}
.skill-tile .skill-symbol{font:700 20px/1.3 var(--serif);background:#ebeef4;color:#404e6b;border-radius:7px;padding:8px 10px;letter-spacing:.02em}.skill-tile p{color:var(--muted)}.skill-card-top{display:flex;justify-content:space-between;align-items:center}
details{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}summary{cursor:pointer;color:var(--forest);font-weight:650;padding:7px 0}
pre{padding:14px;background:#f1f3ec;border-radius:9px;white-space:pre-wrap;word-break:break-word;font:14px/1.65 "IBM Plex Mono","Microsoft YaHei",monospace;color:var(--ink);max-height:350px;overflow:auto}
.field{display:grid;gap:5px;margin:12px 0;font-weight:600}.field input,.field textarea{width:100%;min-height:43px;border:1px solid #b6c6b8;border-radius:8px;padding:8px 10px;font-weight:400;background:white}.field textarea{min-height:88px}
.choice-group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.list-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:15px;border-radius:10px;background:var(--card);width:100%;text-align:left}.list-btn:hover{border-color:var(--green)}.list-btn small{display:block;color:var(--muted);font-weight:400}.break{overflow-wrap:anywhere}
.foot-inner{border-top:1px solid var(--line);padding-top:16px;padding-bottom:24px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}
#mobile-nav,.mobile-action{display:none}
dialog{color:var(--ink);border:1px solid var(--line);width:min(510px,calc(100% - 28px));max-height:86dvh;border-radius:18px;padding:0;background:var(--card);box-shadow:0 15px 70px #12291e34}dialog::backdrop{background:#17291e66}#sheet-content{padding:21px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.sheet-head h2{font-size:23px}.sheet-body .actions{margin-top:15px}.copy-fallback{display:block;width:100%;margin:7px 0;padding:9px}
.toast{position:fixed;z-index:7;bottom:32px;left:50%;transform:translateX(-50%);padding:9px 16px;border-radius:8px;color:white;background:var(--forest);min-width:140px;text-align:center;pointer-events:none}.toast:empty{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:940px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mast-inner{gap:26px}.hero{min-height:245px}.hero-art{min-height:230px}.hero-body{padding:22px}.detail-layout{gap:15px}.panel{padding:19px}}
@media(max-width:700px){body{font-size:15px}.mast-inner{min-height:58px;padding:0 16px;gap:12px;justify-content:space-between}.brand{font-size:25px;gap:6px}.brand-mark{width:29px;height:29px;font-size:19px}.main-nav{gap:12px}.main-nav a{font-size:13px;min-height:56px}.user-nav{display:none}#main{padding:19px 15px 22px}.page-top{margin-bottom:13px;gap:9px;flex-wrap:wrap}.page-top h1{font-size:29px}.search{width:100%;height:42px}.hero{grid-template-columns:1fr .8fr;min-height:194px;border-radius:14px;margin-bottom:17px}.hero-art{min-height:100%;max-height:260px}.hero-body{padding:16px 12px;gap:6px}.hero h2{font-size:25px}.hero .offer-line{font-size:16px}.hero .conditions{font-size:12px}.hero .button{min-height:40px;padding:8px 11px;font-size:13px;margin-top:3px}
.section-top{margin:13px 0 10px}.section-top h2{font-size:22px}.controls{padding:9px 0;gap:7px}.row-controls{gap:6px;flex-wrap:wrap}.chips{gap:6px}.chip,.chip-toggle{min-height:44px;padding:5px 12px;font-size:13px}.grid{grid-template-columns:1fr;gap:9px}.tile{padding:13px 15px;gap:6px}.tile .value{font-size:20px}.tile .bottom-row{padding-top:5px}.tile .row-link{min-height:42px}
.detail-layout{display:block}.side{position:static;margin-top:12px}.side .primary-action{display:none}.back{margin-bottom:6px}.panel{padding:16px;border-radius:12px}.panel+.panel{margin-top:10px}.panel h2{font-size:20px}.head-card h1{font-size:28px}.facts div{grid-template-columns:74px 1fr;gap:8px}.mobile-action{display:flex;position:sticky;bottom:calc(58px + env(safe-area-inset-bottom));z-index:2;gap:8px;background:var(--paper);padding:8px 0;border-top:1px solid var(--line);margin-top:9px}.mobile-action .button{flex:1}.foot-inner{padding:12px 16px calc(82px + env(safe-area-inset-bottom));display:block}.foot-inner span+span{display:block;margin-top:2px}
#mobile-nav{position:fixed;z-index:4;display:flex;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);padding:0 4px env(safe-area-inset-bottom);align-items:stretch;justify-content:space-around}#mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:58px;font-size:12px;line-height:1.2;color:var(--muted);gap:3px}#mobile-nav a span{font:600 19px/1.1 Georgia,serif}#mobile-nav .active{color:var(--forest);font-weight:800;box-shadow:inset 0 2px var(--forest)}
.toast{bottom:calc(78px + env(safe-area-inset-bottom));max-width:90%;width:max-content}dialog{margin:auto 0 0;width:100%;max-width:100%;max-height:86dvh;border-radius:17px 17px 0 0;padding-bottom:env(safe-area-inset-bottom)}.source-row{flex-wrap:wrap}.page-top .button{font-size:13px}.page-top .search{order:5}.mobile-action .outline{padding:7px}
}
@media(max-width:700px){.offer-open .mobile-action{position:fixed;left:0;right:0;z-index:3;padding:8px max(15px,calc((100vw - 700px)/2));margin:0;background:var(--card)}.offer-open .foot-inner{padding-bottom:calc(136px + env(safe-area-inset-bottom))}.offer-open #main{padding-bottom:62px}.hero .button,.button,.outline,.quiet,.back,.tile .row-link{min-height:44px}}
@media(max-width:372px){.mast-inner{padding:0 10px}.main-nav{gap:8px}.main-nav a{font-size:12px}.hero{grid-template-columns:1fr .65fr}.hero h2{font-size:21px}#main{padding-left:10px;padding-right:10px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.offer-tags,.chosen,.facet-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.offer-controls .row-controls{flex-wrap:wrap}.offer-controls select{max-width:100%}
.chosen{margin:0 0 13px}.chosen:empty{display:none}
.chosen-filter,.clear-inline{background:transparent;border:0;color:var(--forest);min-height:40px;padding:4px 8px;font-size:13px}
.chosen-filter{border:1px solid #adc7b6;border-radius:8px;background:#eaf2e8}.clear-inline{text-decoration:underline;text-underline-offset:3px}
.matched-label{grid-column:1/-1;color:var(--forest);font-weight:700;font-size:14px}
.tier-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0}.tier-tags .pill{background:var(--card);border:1px solid var(--line);font-size:12px}
.other-tiers{grid-column:1/-1}.other-tiers .tier{margin-top:8px}.head-card .meta-row{flex-wrap:wrap}
dialog.facet-sheet{overflow:hidden;width:min(565px,calc(100% - 28px))}
.facet-sheet #sheet-content{display:flex;flex-direction:column;max-height:82dvh;padding:18px 20px 12px}
.facet-sheet .sheet-head{flex-shrink:0;margin:0 0 10px}
.facet-sheet .sheet-body{display:flex;flex-direction:column;overflow:hidden}
.facet-mode{display:flex;gap:3px;background:#eaece5;border:1px solid var(--line);padding:3px;border-radius:10px;flex-shrink:0}
.mode-option{flex:1;min-height:40px;border:0;border-radius:7px;background:transparent;font-size:14px;color:var(--muted)}
.mode-option.on{background:var(--card);box-shadow:0 1px 4px #203d241c;color:var(--forest);font-weight:700}
.facet-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 2px 6px;scrollbar-gutter:stable}
.facet-tip{font-size:12px;color:var(--muted);line-height:1.55}
.facet-group{padding:14px 0;border-bottom:1px solid var(--line)}.facet-group:last-child{border:0}.facet-group h3{font:700 19px/1.4 var(--serif);color:var(--forest);margin:0 0 8px}
.facet-field{margin:8px 0 0;padding:0;border:0;min-width:0}.facet-field legend{font-size:13px;font-weight:650;margin:0 0 4px;padding:0}
.facet-option{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:6px 10px;min-height:40px;font-size:13px}
.facet-option.include{border-color:#356849;background:#e1eddc;color:#244f32;font-weight:650}
.facet-option.exclude{border-color:#ac674a;background:#f7e7de;color:#833e28;font-weight:650}
.facet-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px;flex-shrink:0}.facet-footer .button{min-width:55%}
@media(max-width:700px){
  .offer-controls{align-items:flex-start;flex-direction:column}.offer-controls .row-controls{width:100%;gap:5px}
  .offer-controls .row-controls select{font-size:12px;min-height:44px;padding:6px 3px}
  .offer-controls .row-controls .outline{padding:5px 9px;font-size:13px}
  dialog.facet-sheet{width:100%}.facet-sheet #sheet-content{padding:14px 15px 10px}
  .facet-option,.mode-option,.chosen-filter,.clear-inline{min-height:44px}.facet-scroll{scrollbar-gutter:auto}
}
/* 桌面把频道与筛选放在内容旁，手机共用相同标签和结果计数。 */
.channel-strip{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 15px;padding:7px;border-radius:13px;border:1px solid var(--line);background:#f0f2e9}
.channel-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid transparent;border-radius:8px;min-height:41px;background:transparent;color:var(--muted);font-weight:650;font-size:14px;white-space:nowrap}
.channel-tab:hover{background:#e5eadf}.channel-tab.on{background:var(--forest);color:white}.channel-tab small{font:600 11px/1.3 var(--sans);border-radius:12px;padding:2px 5px;background:#e0e6db;color:#445744}.channel-tab.on small{background:#47715b;color:#fff}
.browse-layout{display:grid;grid-template-columns:234px minmax(0,1fr);gap:20px;align-items:start}.browse-results{min-width:0}.browse-results .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.filter-rail{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:15px}.filter-rail h3{font:700 20px var(--serif);margin:0 0 8px}.filter-rail .facet-tip{margin:9px 0}.rail-choice{display:flex;gap:4px;flex-wrap:wrap;padding:9px 0;border-block:1px solid var(--line);margin:8px 0}.rail-choice button{border:0;border-radius:6px;background:transparent;color:var(--muted);min-height:34px;padding:5px 8px;font-size:13px}.rail-choice button.on{font-weight:750;background:#edf2e7;color:var(--forest)}
.filter-rail .facet-field{margin:12px 0}.filter-rail .facet-option{min-height:33px;padding:4px 7px;font-size:12px}.filter-rail .facet-chips{gap:4px}.filter-rail .mode-option{min-height:35px}.facet-mobile{display:none}.browse-results .offer-controls{padding:0 0 10px;border-top:0}.browse-results .section-top{margin:0 0 10px}.browse-results .section-top h2{font-size:24px}
.source-lede{margin:-8px 0 20px;color:var(--muted);max-width:66ch}.source-snapshot{display:flex;gap:15px 34px;align-items:center;flex-wrap:wrap;padding:15px 20px;background:#e6edde;border:1px solid #cdd9c7;border-radius:13px;margin-bottom:14px}.source-snapshot strong{font:700 29px/1.1 var(--serif);color:var(--forest);display:block}.source-snapshot small{font:550 12px/1.4 var(--sans);color:var(--muted)}.source-band{max-width:700px}.source-disclosure{padding:8px 14px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin:10px 0}.source-disclosure p{margin:5px 0;color:var(--muted);font-size:14px}.source-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px}.source-actions{margin-top:11px}.source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px}.org-row{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--card);margin:0;padding:0}.org-row summary{padding:12px 14px;list-style:none}.org-row summary::-webkit-details-marker{display:none}.org-heading,.org-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.org-heading strong{font:700 18px/1.35 var(--serif);overflow-wrap:anywhere}.org-heading .opener{font:550 17px var(--sans);color:var(--forest)}.org-row[open] .opener{transform:rotate(45deg)}.org-row[open]{border-color:#9db89b}.org-meta{justify-content:flex-start;flex-wrap:wrap;margin-top:5px}.org-meta small{font-size:12px;color:var(--muted)}.org-body{border-top:1px solid var(--line);padding:11px 14px;font-size:14px}.org-body p{margin:4px 0}.source-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.source-filters .search{flex:1 1 230px}.seed-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.seed-rows>a{display:block;padding:7px 0;border-top:1px solid var(--line);color:var(--forest)}.seed-rows small{display:block;color:var(--muted)}.backlinks{display:flex;flex-wrap:wrap;gap:6px 15px}.trace-note{margin:9px 0;color:var(--muted);font-size:14px}.source-link-label{color:var(--muted);font-size:13px}
@media(max-width:900px){.browse-layout{grid-template-columns:205px minmax(0,1fr);gap:12px}.filter-rail{padding:12px}.channel-tab{padding:7px 9px}.browse-results .grid{gap:9px}}
@media(max-width:760px){.browse-layout{display:block}.filter-rail{display:none}.facet-mobile{display:inline-flex}.channel-strip{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding:4px;margin-bottom:12px}.channel-tab{min-height:44px;font-size:13px;scroll-snap-align:start}.source-list,.seed-rows{grid-template-columns:1fr}.source-lede{margin:0 0 11px;font-size:14px}.source-snapshot{padding:12px 14px;gap:11px 20px}.source-snapshot strong{font-size:24px}.source-filters .search{flex-basis:100%}.source-filters select{font-size:12px;min-height:44px}.browse-results .controls{align-items:center;flex-direction:row}.browse-results .offer-controls .row-controls{width:auto}.main-nav .desk-sources{display:none}.source-actions .text-link,.backlinks a,.source-links .text-link{display:inline-flex;align-items:center;min-height:42px}.source-meta{font-size:12px}}
@media(max-width:700px){.browse-results .grid{grid-template-columns:1fr}.org-heading strong{font-size:17px}.browse-results .section-top h2{font-size:21px}}
@media(min-width:701px) and (max-width:760px){.main-nav .desk-sources{display:inline-flex}}
.source-count{margin:0 0 9px}.host-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.host-row{margin:0;padding:5px 0;min-width:0}.host-row summary{font-size:13px;overflow-wrap:anywhere}.host-row small{font-weight:400;color:var(--muted)}.host-row a{font-size:13px}.org-row summary:focus-visible{outline-offset:-3px}@media(max-width:700px){.host-grid{grid-template-columns:1fr}}
.list-facts{display:flex;flex-wrap:wrap;gap:5px}.list-facts .pill{border:1px solid #d7ded1;background:#f7f8f2;color:#47594d;font-weight:500;font-size:11px}.org-body .quiet{padding-left:0}
/* Masthead and offer feed. */
:root {
  --mast-height: 66px;
  --page-gutter: clamp(18px, 2.35vw, 44px);
  --feed-width: 1690px;
  --page-base: #f4f5ef;
}
body {background:var(--page-base)}
.mast {
  position:sticky; top:0; z-index:5;
  color:#f3f6ee; background:#153e33; border-bottom:1px solid #244f41;
}
.mast-inner {
  display:grid; grid-template-columns:auto auto minmax(120px,1fr) auto;
  width:min(100%,var(--feed-width)); max-width:none; min-height:var(--mast-height);
  padding:0 var(--page-gutter); gap:clamp(14px,1.9vw,34px);
}
.brand {font-size:26px; color:#fffbee; gap:8px; line-height:1}
.brand-mark {width:32px;height:32px;background:#ebda9e;color:#244b3a;border-radius:9px 3px 9px 3px;font-size:21px}
.main-nav {gap:4px;align-items:center}
.main-nav a,.user-nav a {
  color:#dfe9df; min-height:38px; padding:6px 12px;
  border-radius:7px; font:600 14px/1.4 var(--sans);
}
.main-nav .active,.user-nav .active {color:#fff7da;background:#345b49;box-shadow:none}
.main-nav a:hover,.user-nav a:hover {color:white;background:#315745}
.user-nav {align-items:center;gap:0;margin:0}
.mast-search,.filter-search {
  display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:9px;
}
.mast-search {width:100%;background:#f6f8ef;color:#315348;border-color:transparent}
.mast-search:focus-within,.filter-search:focus-within {outline:2px solid #b7a152;outline-offset:1px}
.mast-search button {
  display:grid;place-items:center;height:37px;width:42px;flex-shrink:0;
  background:transparent;border:0;color:inherit;border-radius:8px;
}
.search-glass {display:inline-block;width:15px;height:15px;border:1.65px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}
.search-glass::after {content:"";position:absolute;width:7px;height:1.7px;bottom:-3px;right:-5px;background:currentColor;border-radius:2px;transform:rotate(46deg)}
.mast-search input,.filter-search input {
  width:100%;min-width:0;border:0;background:transparent;color:var(--ink);height:37px;
  outline:0!important;padding:0 10px 0 2px;font:500 14px/1.4 var(--sans);
}
.mast-search input::placeholder,.filter-search input::placeholder {color:#617168;opacity:1}
#main {
  width:min(100%,var(--feed-width)); max-width:none;
  padding:22px var(--page-gutter) 44px;
}
.foot-inner {width:min(100%,var(--feed-width));padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.browse-layout {display:grid;grid-template-columns:clamp(324px,25.6vw,396px) minmax(0,1fr);gap:clamp(18px,1.7vw,30px);align-items:start}
.browse-results {min-width:0}
.result-head,.result-head>div,.result-options,.rail-title,.scope-choices,.region-control {display:flex;align-items:center}
.result-head {justify-content:space-between;gap:10px;margin:0 0 12px;min-height:42px}
.result-head>div {gap:12px;min-width:0}
.result-head h1 {font:750 clamp(27px,2.2vw,36px)/1.2 var(--serif);color:#173e32;letter-spacing:.02em}
.result-count,.sort-caption {color:#57695d;font-size:13px;white-space:nowrap}
.result-count {padding-left:12px;border-left:1px solid #bbc7b9}
.result-options select {font-size:13px;min-height:36px;padding:6px 9px;border:1px solid #cbd6c9}
.channel-strip {
  display:flex;gap:3px;flex-wrap:wrap;padding:4px;margin:0 0 12px;
  background:#e8ede3;border:1px solid #d7dfd1;border-radius:11px;
}
.channel-tab {flex:1 0 auto;justify-content:center;gap:4px;min-height:35px;padding:6px 7px;font-size:13px;border-radius:7px}
.channel-tab small {background:transparent;color:inherit;padding:0 1px;font-size:11px;opacity:.82}
.channel-tab.on,.scope-choice.on {background:#24543f;color:#fff}
.channel-tab.on small {background:transparent;color:inherit}
.active-bar {margin:0 0 10px;gap:5px}.active-bar .chosen-filter {min-height:31px}
.mobile-region {display:none}
.filter-rail {
  padding:0;position:sticky;top:calc(var(--mast-height) + 12px);border:1px solid #cdd8c9;
  border-radius:13px;background:#fcfdf8;overflow:hidden;
  display:flex;flex-direction:column;max-height:calc(100dvh - var(--mast-height) - 24px);
}
.rail-title {justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);background:#e9eee4;flex-shrink:0}
.rail-title h2 {font:700 22px/1.25 var(--serif);color:#214736}
.rail-reset {min-height:33px;padding:4px 7px;background:transparent;border:0;color:#385c46;font-size:13px}
.rail-reset:hover {text-decoration:underline}
.rail-scroll {overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6d0c1 transparent}
.rail-range,.rail-criteria {padding:14px 17px}
.rail-range {border-bottom:1px solid var(--line)}
.filter-rail .rail-range h3,.filter-rail .rail-criteria h3 {
  color:#455a4c;font:700 14px/1.5 var(--sans);margin:0 0 7px;letter-spacing:.015em;
}
.region-control {flex-direction:column;align-items:stretch;gap:7px}
.scope-choices {gap:5px;flex-wrap:wrap}
.scope-choice {flex:1 0 auto;min-height:35px;border:1px solid #cdd8c9;background:#fffefa;color:#3c5445;padding:5px 7px;border-radius:7px;font-weight:600;font-size:13px}
.scope-choice.on {border-color:#24543f}
.region-control select {width:100%;min-height:34px;padding:4px 8px;font-size:13px}
.filter-rail .facet-mode {padding:3px;background:#edf0e7}
.filter-rail .mode-option {min-height:32px;font-size:13px}
.facet-mode .mode-option[data-id="exclude"].on {background:#f8e7da;color:#87411e}
.filter-search {margin-top:10px;padding-left:11px;gap:7px;color:#526758;background:white}
.filter-search .search-glass {width:12px;height:12px}
.filter-search input {height:35px;padding-left:4px;font-size:13px}
.filter-group {margin:0;padding:0 0 4px;border-top:1px solid #dce3d7}
.filter-group:first-child {margin-top:10px}
.filter-group summary,.row-details>summary {list-style:none;display:flex;gap:6px;align-items:center}
.filter-group summary::-webkit-details-marker,.row-details>summary::-webkit-details-marker {display:none}
.filter-group summary {font-size:15px;color:#274b37;padding:10px 1px;min-height:39px}
.filter-group summary b {min-width:17px;border-radius:10px;background:#dfecd9;padding:1px 5px;font-size:11px;text-align:center}
.chevron {width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);display:inline-block;margin-top:-3px}
.filter-group summary .chevron {margin-left:auto;margin-right:4px}
.filter-group[open]>summary .chevron,.row-details[open]>summary .chevron {transform:rotate(225deg);margin-top:3px}
.filter-rail .facet-field {margin:0 0 10px}
.facet-field legend {color:#5b695f;font:600 13px/1.5 var(--sans);margin-bottom:4px}
.filter-rail .facet-chips {gap:5px}
.filter-rail .facet-option,.facet-option {border-radius:6px;min-height:32px;padding:4px 8px;font-size:13px;text-align:left}
.facet-option small {margin-left:6px;color:#637567;font:500 11px var(--sans)}
.facet-option.exclude small,.facet-option.include small {color:inherit}
.no-facets {font-size:13px;color:var(--muted);padding:12px 0}
.offer-stream,.saved-list {display:grid;grid-template-columns:1fr;gap:11px}
.feed-card {
  min-width:0;background:#fffefb;border:1px solid #d0dacf;border-radius:13px;
  box-shadow:0 1px 2px #193b2910;overflow:hidden;
}
.feed-card:hover {border-color:#9db19c}
.feed-body {padding:14px 19px 4px;display:flex;gap:20px;align-items:flex-start}
.feed-content {min-width:0;flex:1}
.feed-byline {display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.4}
.feed-byline strong {color:#2a4c3a;font-size:13px}
.area-pill {display:inline-flex;align-items:center;gap:3px;font:600 12px/1.55 var(--sans);padding:1px 7px;border-radius:5px}
.area-pill.local {color:#8c422b;background:#f5e5d8}
.area-pill.national {color:#475b6b;background:#e9eef0}
.feed-category {font-size:12px;color:#667369}
.feed-category+.feed-category::before {content:"·";padding-right:6px}
.feed-content h3 {font:700 clamp(21px,1.65vw,27px)/1.32 var(--serif);letter-spacing:.005em;margin:5px 0 2px}
.feed-content h3 a:hover {color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.feed-value {font:680 18px/1.5 var(--sans);color:#995027;margin:0 0 6px}
.quick-facts {display:grid;gap:3px}
.quick-facts div {display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;line-height:1.55}
.quick-facts dt {font-size:13px;color:#66746a}
.quick-facts dd {font-size:14px;color:#32463b;min-width:0}
.feed-photo {width:clamp(138px,14.2vw,228px);aspect-ratio:1.38;flex:none;overflow:hidden;border-radius:8px;align-self:center;border:1px solid #e7e8d9}
.feed-photo .hero-art {width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center}
.feed-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 14px;padding:3px 17px 2px 19px}
.feed-source,.feed-source a {font-size:12px;color:#5a6c60}
.feed-source a {font-weight:650;color:#3d5d48;text-underline-offset:2px}
.feed-source>span {margin-right:3px}
.offer-actions {display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.social-action {
  display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:33px;
  border:0;border-radius:6px;padding:3px 8px;background:transparent;color:#4d6053;font-size:13px;
}
.social-action [aria-hidden] {font:500 17px/1 Georgia,serif}
.social-action:hover {background:#edf2e8}
.social-action.on {color:#1d6542;background:#e7f0e2;font-weight:650}
.like-action.on {color:#a44338;background:#fbebe5}
.head-card .offer-actions {margin-top:10px}
.feed-access {position:relative;border-top:1px solid #e0e6db;background:#fafbf5;padding:0 19px}
.row-details {border:0;margin:0;padding:0}
.row-details>summary {gap:9px;width:max-content;max-width:55%;min-height:42px;font-size:13px;color:var(--forest)}
.row-details .open-label,.row-details[open] .closed-label {display:none}
.row-details[open] .open-label {display:inline}
.quick-join {position:absolute;right:14px;top:4px}
.quick-join .button {background:#e8efe3;color:#254d37;border:1px solid #bdcdb9;border-radius:7px;min-height:33px;padding:4px 10px;font-size:13px}
.quick-join .button:hover {background:#dbe8d5}
.expanded-rules {padding:0 0 15px}
.expanded-rules .facts div {padding:5px 0}
.expanded-rules .facts dt,.expanded-rules .facts dd,.expanded-rules .steps,.expanded-rules .backlinks {font-size:13px}
.expanded-rules h4 {margin:8px 0 3px;color:var(--forest)}
.expanded-rules .steps {margin:0 0 9px}
.inline-tiers {margin:0 0 8px;padding:0;list-style:none;display:grid;gap:5px}
.inline-tiers li {padding:7px 10px;border-left:3px solid #88a380;background:#eff4e9}
.inline-tiers strong,.inline-tiers span {font-size:14px;margin-right:10px}
.inline-tiers span {font-weight:650;color:#3b6245}
.inline-tiers p,.share-links,.share-preview p {font-size:13px}
.share-preview {background:#eef3e7;border:1px solid #cfddc7;padding:12px 14px;border-radius:8px}
.share-preview strong {font:700 21px/1.45 var(--serif)}.share-preview p {margin:3px 0;color:#3f5546}
.share-links {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 0}
@media(min-width:1500px) {
  .feed-body {padding:17px 22px 5px}
  .quick-facts {column-gap:16px;grid-template-columns:max-content minmax(0,1fr)}
  .quick-facts>div:first-child {grid-column:1/-1}
  .quick-facts>div {grid-template-columns:auto minmax(0,1fr)}
}
@media(max-width:1150px) {
  .mast-inner {gap:12px}.main-nav a,.user-nav a {padding-left:8px;padding-right:8px}
  .channel-tab {flex:0 0 auto}
  .channel-strip {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
}
@media(max-width:979px) {
  .browse-layout {display:block}.filter-rail {display:none}.facet-mobile {display:inline-flex}
  .mobile-region {display:block;margin:0 0 9px}
  .mobile-region .region-control {flex-direction:row;align-items:center;flex-wrap:wrap}
  .mobile-region .scope-choice {min-height:36px}
  .feed-photo {width:clamp(140px,22vw,205px)}
}
@media(max-width:700px) {
  :root {--page-gutter:12px;--mast-height:56px}
  .mast-inner {display:grid;grid-template-columns:auto minmax(0,1fr);min-height:56px;gap:12px;padding:0 var(--page-gutter)}
  .mast .main-nav,.mast .user-nav {display:none}
  .brand {font-size:23px;gap:6px}.brand-mark {width:29px;height:29px;font-size:19px}
  .mast-search {border-radius:7px}.mast-search button {width:35px;height:36px}.mast-search input {height:36px;font-size:13px}
  #main {padding:12px var(--page-gutter) 17px}
  .result-head {margin-bottom:8px;min-height:37px}.result-head>div {gap:6px}
  .result-head h1 {font-size:24px}.result-count {font-size:12px;padding-left:7px}.sort-caption {display:none}
  .result-options select {min-height:37px;padding:4px;font-size:12px;max-width:112px}
  .result-options .outline {min-height:37px;padding:5px 8px;font-size:13px}
  .channel-strip {gap:2px;margin-bottom:7px}.channel-tab {min-height:39px;padding:4px 8px}
  .mobile-region .scope-choice,.mobile-region select {font-size:12px;min-height:37px}
  .mobile-region .region-control {gap:5px}.active-bar .chosen-filter,.active-bar .clear-inline{min-height:38px}
  .feed-body {padding:12px 12px 3px;display:block}.feed-byline {gap:3px 6px}
  .feed-photo {display:none}.feed-content h3 {font-size:22px;margin:5px 0}
  .feed-value {font-size:16px}.quick-facts {gap:4px}.quick-facts div {grid-template-columns:55px minmax(0,1fr);gap:5px}
  .quick-facts dt {font-size:12px}.quick-facts dd {font-size:13px}
  .feed-footer {padding:3px 8px 1px 12px}.social-action {min-height:42px;padding:4px 7px}
  .feed-access {padding:0 12px}.quick-join {right:9px;top:3px}.quick-join .button {min-height:39px}
  .row-details>summary {min-height:45px}
  .offer-open #main {padding-bottom:64px}
  .foot-inner {padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .facet-option {min-height:44px}
}
@media(max-width:350px) {
  .result-head {align-items:flex-start;flex-wrap:wrap}
  .feed-footer {gap:1px 5px}.social-action {padding:3px 5px}
}
/* Visible search action and share feedback. */
.mast-inner {
  grid-template-columns:auto minmax(300px,.68fr) minmax(220px,1fr) auto;
  column-gap:clamp(16px,2.2vw,40px);
}
.mast .main-nav {justify-content:space-between;gap:3px}
.mast-search .search-submit {
  width:auto;flex-shrink:0;border:0;border-radius:5px;background:#e7ede0;color:#34563f;
  height:27px;margin-right:5px;padding:0 10px;font-size:12px;font-weight:650;
}
.mast-search .search-submit:hover {background:#d9e7d3}
.feed-tags {display:inline-flex;gap:4px;flex-wrap:wrap;margin-left:9px}
.feed-tags span {display:inline-block;border-radius:4px;background:#edf2e9;color:#526450;padding:1px 5px;font-size:11px}
.share-status {margin:7px 0 0;color:#2b613e;font-size:13px}.share-status:empty {display:none}
.share-manual {margin:8px 0 0;padding:0;border:0}.share-manual summary {font-size:13px}
.share-manual textarea {width:100%;min-height:100px;margin:2px 0 5px;border:1px solid var(--line);border-radius:6px;padding:8px;resize:vertical;font:13px/1.6 var(--sans)}
.rest-tiers {margin:5px 0;padding-top:0}.rest-tiers summary {font-size:13px}
.facet-sheet .filter-search {flex-shrink:0;margin:6px 0}
.facet-sheet .filter-group {padding:0 0 4px}.facet-sheet .filter-group summary {min-height:44px}
.facet-sheet .facet-tip {margin:0 0 8px}.facet-sheet .filter-group .facet-field {margin-bottom:10px}
@media(max-width:979px) {.mast-inner {grid-template-columns:auto auto minmax(160px,1fr) auto;gap:13px}}
@media(max-width:700px) {
  .mast-inner {grid-template-columns:auto minmax(0,1fr);gap:10px}
  .mast-search .search-submit {padding:0 7px}
  .feed-tags {margin-left:4px}.feed-tags span {font-size:10px}
}
.saved-count {display:inline-block;min-width:19px;margin-left:6px;padding:1px 5px;border-radius:10px;background:#496c55;color:#f1f4dc;font:600 11px/1.4 var(--sans);text-align:center}
@media(max-width:700px) {
  .channel-strip {scrollbar-width:none}
  .channel-strip::-webkit-scrollbar {display:none}
  .social-action,.mobile-region .scope-choice,.mobile-region select,.result-options .outline,.result-options select {min-height:44px}
  .quick-join .button {min-height:42px}
  .share-links a,.share-manual summary {min-height:42px;display:inline-flex;align-items:center}
}

.live-stamp{display:block;color:#416451;margin:5px 0}.public-state{font-size:.84em;font-weight:600;color:#355a45}.seed-rows small{line-height:1.5}
/* Shared editorial layout, reader forms and shopping. */
.mast-inner{grid-template-columns:auto auto minmax(135px,1fr) auto auto;gap:clamp(10px,1.4vw,25px)}
.mast .main-nav{gap:10px;justify-content:flex-start}
.tip-nav{font-size:14px;white-space:nowrap;font-weight:650}
.featured-board{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.72fr);align-items:stretch;background:#163e33;color:#f5f6e9;border-radius:13px;overflow:hidden;margin:0 0 22px}
.feature-lead{padding:clamp(18px,2.15vw,34px);align-self:center;min-width:0}
.feature-kicker,.section-kicker{font-size:13px;font-weight:700;letter-spacing:.075em;margin:0 0 7px}
.feature-kicker{color:#dcea98}.feature-kicker span{color:#c2d8bd;font-weight:500}
.feature-lead h2{font:700 clamp(22px,2.1vw,34px)/1.29 var(--serif);margin:0 0 7px;text-wrap:pretty;overflow-wrap:anywhere;color:inherit}
.feature-lead h2 a,.feature-open{color:inherit;text-decoration:none}.feature-lead h2 a:hover,.feature-open:hover{text-decoration:underline}
.feature-benefit{color:#e0e8d9;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-open{display:inline-flex;align-items:center;min-height:36px;gap:14px;font-weight:700;color:#e5efa8}
.feature-list{display:grid;align-content:center;background:#204b3e;padding:8px clamp(12px,1.5vw,25px);min-width:0}
.feature-tab{background:none;color:#f2f4e8;border:0;border-bottom:1px solid #47705e;border-radius:0;text-align:left;padding:7px 4px 8px 12px;min-width:0;line-height:1.3}
.feature-tab:last-child{border-bottom:0}.feature-tab[aria-pressed=true]{border-left:3px solid #d8e987;background:#2a5645}
.feature-tab small,.feature-tab strong{display:block}.feature-tab small{color:#c8dcc1;font-size:10px;letter-spacing:.06em}.feature-tab strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:inherit}
.feed-body,.feed-footer,.feed-content,.feed-source,.feed-access,.browse-results,.rail-scroll{min-width:0}
.feed-access{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 12px}
.feed-access .quick-join{position:static;max-width:100%;align-self:center;justify-self:end;margin:3px 0}
.feed-access .row-details>summary{width:fit-content;max-width:100%;min-height:44px}
.feed-access .row-details[open]{grid-column:1/-1}.feed-access .row-details[open]+.quick-join{grid-column:1/-1}
.feed-source,.feed-byline,.quick-facts dd,.social-actions,.actions,.side,.primary-action,.button,.row-details,
.feed-footer{justify-content:flex-start;flex-wrap:wrap;gap:4px 9px}.feed-footer .feed-source{margin-right:auto}.report-action{color:#355e49;background:none;border:0;padding:6px 8px;min-height:36px;cursor:pointer;font-weight:600}
.filter-rail{height:auto;max-height:calc(100dvh - 95px)}.side.panel{align-self:start}.offer-open .mobile-action>*{min-width:0;white-space:normal}
.community-page{margin:auto;max-width:1400px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.community-heading h1,.community-form-page h1{margin:0}.section-kicker{color:#42624e}
.community-form-page{max-width:650px;margin:0 auto}.community-form-page h1{margin-bottom:15px}.community-form-page input,.sheet-body input,.sheet-body textarea{min-width:0;max-width:100%}.form-status{color:#315840;font-weight:600;margin:8px 0}.form-status:empty{display:none}


.product-facts strong{color:#85452b;font:700 26px/1.2 var(--serif)}
.reader-notes,.product-facts{background:#eef3e7;padding:10px 14px;border-left:3px solid #839a73;margin:12px 0}.reader-notes h3,.product-facts h3{margin:0;font-size:16px}.reader-notes p,.product-facts p{margin:5px 0}.reader-notes small{display:block}
@media(min-width:980px){.browse-layout{grid-template-columns:clamp(272px,23vw,355px) minmax(0,1fr)}}
@media(max-width:980px){.mast-inner{gap:8px}.mast .main-nav{gap:3px}.featured-board{grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr)}}
@media(max-width:790px){.mast-inner{grid-template-columns:auto minmax(0,1fr) auto}.mast .main-nav,.mast .user-nav{display:none}.tip-nav{font-size:13px}}
@media(max-width:700px){.featured-board{display:block;margin-bottom:14px}.feature-lead{padding:15px 16px 6px}.feature-lead h2{font-size:22px}.feature-kicker{margin-bottom:4px;font-size:12px}.feature-benefit{font-size:13px}.feature-list{display:flex;gap:5px;padding:6px 10px}.feature-tab{min-height:38px;flex:1;border:0;border-bottom:2px solid transparent;padding:4px}.feature-tab strong{font-size:11px}.feature-tab[aria-pressed=true]{border-left:0;border-bottom:2px solid #d8e987}.tip-nav{font-size:12px}.feed-access{gap:4px}.feed-access .quick-join{max-width:160px}.feed-footer .report-action{min-height:42px}.feature-open{min-height:42px}}
@media(max-width:360px){.mast-inner{gap:6px}.mast-search .search-submit{display:none}.feed-access .quick-join{max-width:135px}}


@media(min-width:701px) and (max-width:790px){
 .mast-inner{grid-template-columns:auto minmax(0,1fr) auto;row-gap:3px;padding-block:6px}
 .mast .brand{grid-row:1;grid-column:1}.mast .mast-search{grid-row:1;grid-column:2}.mast .tip-nav{grid-row:1;grid-column:3}
 .mast .main-nav{display:flex;grid-row:2;grid-column:1/3;gap:10px}.mast .user-nav{display:flex;grid-row:2;grid-column:3}
 .mast .main-nav a,.mast .user-nav a{min-height:30px;padding-block:3px}
}

/* Reader pages use a shared page width and one card grid for every activity. */
:root {
  --sans: "Inter", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --serif: var(--sans);
  --paper: #f7f5ef;
  --card: #fff;
  --line: #dfdfd5;
  --forest: #153f30;
  --ink: #202e26;
  --muted: #58655a;
  --accent: #b84316;
  --mast-height: 64px;
  --page-gutter: clamp(14px,2vw,32px);
  --feed-width: 1536px;
}
body {background:var(--paper);font-family:var(--sans);color:var(--ink)}
.route-pending {display:none}
html[data-open-route] .route-pending {display:block;margin:2rem auto;max-width:72rem;padding:1rem}
html[data-open-route] #main {display:none}
.mast {background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 2px 9px #38250c0a}
.mast .mast-inner {width:min(var(--feed-width),100%);max-width:none;min-height:var(--mast-height);padding:0 var(--page-gutter);display:grid;grid-template-columns:auto auto minmax(130px,1fr) auto auto;gap:clamp(12px,1.9vw,32px)}
.mast .brand {position:relative;color:var(--forest);font:850 clamp(25px,2.35vw,36px)/1.15 var(--sans);letter-spacing:-.055em;padding:0 1px 5px;text-decoration:none}
.mast .brand::after {content:"";position:absolute;bottom:0;left:0;height:4px;width:63%;border-radius:3px;background:var(--accent)}
.mast .main-nav,.mast .user-nav {display:flex;gap:clamp(1px,.6vw,12px);align-items:center;justify-content:flex-start}
.mast .main-nav a,.mast .user-nav a,.mast .tip-nav {position:relative;color:var(--ink);background:none;border:0;border-radius:0;box-shadow:none;font:650 clamp(13px,1.13vw,17px)/1.25 var(--sans);padding:10px 6px;white-space:nowrap}
.mast .main-nav a.active,.mast .user-nav a.active {color:var(--forest);background:none;box-shadow:none}
.mast .main-nav a.active::after,.mast .user-nav a.active::after {content:"";position:absolute;bottom:2px;left:25%;right:25%;height:3px;background:var(--accent);border-radius:6px}
.mast a:hover {color:var(--accent)}
.mast .saved-count:empty,.mast .saved-count[data-empty] {display:none}
.mast .saved-count {color:var(--forest);background:#eaf1e7}
.mast .mast-search {width:100%;max-width:36rem;justify-self:center;border:1px solid #c7cbc3;background:#fff;border-radius:10px;color:#526155}
.mast .mast-search input {background:none;color:var(--ink)}
.mast .mast-search .search-submit {display:none}
#main {padding:clamp(15px,1.7vw,26px) var(--page-gutter) 36px}
.featured-board,.featured-board.solo {display:grid;grid-template-columns:minmax(0,1.82fr) minmax(0,1fr);gap:14px;padding:0;margin:0 0 clamp(18px,2vw,31px);border:0;border-radius:0;box-shadow:none;background:none;color:inherit;overflow:visible}
.featured-board.solo {grid-template-columns:1fr}
.featured-board .feature-lead {isolation:isolate;display:flex;align-items:center;position:relative;align-self:stretch;width:100%;height:clamp(185px,18.5vw,270px);padding:0;overflow:hidden;border-radius:14px;background:#143e30;color:#fff;border:0}
.featured-board .feature-art {position:absolute;inset:0 0 0 auto;width:60%;z-index:-1;display:grid;place-items:center;background:#456952;color:#e9efe4;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);font:750 clamp(19px,3vw,42px)/1.1 var(--sans)}
.featured-board .feature-art img,.feature-thumbnail img,.note-cover img,.detail-intro img {display:block;width:100%;height:100%;object-fit:cover}
.featured-board .feature-copy {position:static;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;width:49%;padding:10px 5% 10px 4%;min-width:0}
.featured-board .feature-kicker {display:inline-flex;background:#f4f5e8;color:#1b4535;font:750 13px/1.2 var(--sans);padding:4px 10px;letter-spacing:.06em;border-radius:100px;margin:0}
.featured-board .feature-lead h2,.featured-board .feature-benefit {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:white;text-wrap:initial;margin:0;overflow-wrap:anywhere}
.featured-board .feature-lead h2 {font:800 clamp(24px,2.8vw,41px)/1.2 var(--sans);letter-spacing:-.025em;-webkit-line-clamp:2}
.featured-board .feature-benefit {font:760 clamp(18px,2.4vw,35px)/1.29 var(--sans);-webkit-line-clamp:2}
.featured-board .feature-open {align-self:flex-start;display:inline-flex;position:static;min-height:39px;background:var(--accent);color:white;border:1px solid #cc5e30;border-radius:8px;font-weight:750;padding:6px 15px;margin:3px 0 0}
.featured-board .slide-controls {position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:3px;font:650 13px/1 var(--sans);background:#1d2118bb;color:white;border-radius:30px;padding:0 9px 0 1px}
.featured-board .slide-controls button {display:grid;place-items:center;background:transparent;border:0;color:white;width:33px;height:34px;font:700 16px/1 var(--sans);padding:0}
.featured-board .feature-list {display:grid;grid-auto-rows:minmax(0,1fr);gap:10px;align-content:stretch;background:none;padding:0;min-width:0;min-height:0;overflow:auto}
.featured-board .feature-tab {display:grid;grid-template-columns:minmax(66px,33%) minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:0;margin:0;padding:9px;text-align:left;background:#fff;color:var(--forest);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.featured-board .feature-tab:hover {border-color:#98ab95;background:#fcfdf9}
.featured-board .feature-thumbnail {display:grid;place-items:center;min-width:0;overflow:hidden;background:#eff2e8;border-radius:7px;width:100%;height:100%}
.featured-board .feature-caption {min-width:0}
.featured-board .feature-caption strong {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font:740 clamp(15px,1.5vw,22px)/1.32 var(--sans);color:var(--forest)}
.featured-board .feature-caption small {color:#526357;font:550 13px/1.4 var(--sans);letter-spacing:0;margin-top:6px}
.browse-layout {grid-template-columns:clamp(205px,17vw,248px) minmax(0,1fr);gap:clamp(13px,1.6vw,24px)}
.filter-rail {background:#fff;border-color:var(--line);border-radius:12px;box-shadow:none}
.rail-title {background:white;color:var(--forest);border-bottom:1px solid var(--line)}
.filter-rail .rail-title h2 {font:750 20px/1.3 var(--sans);color:var(--forest)}
.filter-rail .rail-range,.filter-rail .rail-criteria {background:none}
.rail-range .scope-choices {display:grid;gap:1px}
.rail-range .scope-choice {display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);font-size:15px;min-height:34px;padding:3px 0;text-align:left}
.rail-range .scope-choice::before {content:"";width:16px;height:16px;border-radius:50%;border:1px solid #adb5a9;text-align:center;font:700 13px/15px var(--sans)}
.rail-range .scope-choice.on::before {content:"✓";background:var(--accent);border-color:var(--accent);color:white}
.filter-group summary {color:var(--forest)}
.result-head {scroll-margin-top:calc(var(--mast-height) + 10px);min-height:40px;margin:0 0 9px;display:flex;align-items:center;justify-content:flex-start;gap:8px}
.result-head>div:first-child {margin-right:auto}
.result-head h1,.community-heading h1 {font:820 clamp(26px,2.4vw,36px)/1.25 var(--sans);color:var(--forest);letter-spacing:-.045em}
.result-head .layout-controls {order:3;display:flex;gap:2px}
.layout-controls button,.result-options select {min-height:35px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;font:650 13px/1.3 var(--sans);padding:5px 10px}
.layout-controls button[aria-pressed=true] {border-color:var(--forest);background:#f0f4ec;color:var(--forest)}
.result-head .result-count {color:#667367;font:500 12px/1.3 var(--sans)}
.channel-strip {display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:6px;padding:0 0 3px;margin:0 0 10px;border:0;border-radius:0;background:none}
.channel-tab {flex:1 0 auto;min-height:34px;color:var(--ink);background:none;font-size:14px;font-weight:650;border-radius:8px;padding:5px 9px}
.channel-tab.on {background:var(--forest)}
.channel-tab small {display:none}
.mobile-region,.sheet-display {display:none}
.notes-grid,.saved-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.offer-note {--pad:clamp(11px,.95vw,16px);position:relative;display:grid;grid-template-rows:5.15rem 3.15rem minmax(0,1fr) 1.8rem 2.7rem;gap:3px;min-width:0;height:21rem;padding:var(--pad) var(--pad) 0;box-sizing:border-box;background:white;border:1px solid var(--line);border-radius:12px;color:var(--ink);overflow:hidden;box-shadow:0 1px 3px #31241106}
.offer-note>* {min-width:0}
.offer-note .note-cover {position:absolute;top:var(--pad);right:var(--pad);width:30%;height:4.75rem;border-radius:7px;overflow:hidden;display:grid;place-items:center}
.note-cover.type-cover {background:#eef1e6;color:#426347}
.note-cover.type-cover .note-imprint {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3;text-align:center;padding:0 5px;font-size:13px;font-weight:750;overflow-wrap:anywhere}
.note-cover .note-category {display:none}
.note-heading {padding-right:34%}
.desktop-category,.note-category {max-width:100%;width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;background:#eaf2e6;color:#36573b;padding:2px 8px;border-radius:20px;font:680 12px/1.4 var(--sans);margin:0 0 4px}
.offer-note h3,.offer-note h3 a {font:750 clamp(16px,1.3vw,21px)/1.28 var(--sans);letter-spacing:-.018em;color:var(--forest);margin:0;text-decoration:none;overflow-wrap:anywhere}
.offer-note h3 a,.note-benefit strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.offer-note h3 a:hover,.note-credit a:hover {text-decoration:underline}
.note-benefit {display:flex;align-items:center;gap:5px;min-height:0;color:var(--accent)}
.note-benefit strong {font:780 clamp(17px,1.45vw,23px)/1.22 var(--sans);letter-spacing:-.025em;overflow-wrap:anywhere}
.note-benefit .tier-count {flex-shrink:0;font-size:11px;color:#687364;text-decoration:underline}
.note-facts {min-width:0;align-self:center;display:grid;gap:.24rem;margin:0}
.note-facts>div {min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;font-size:clamp(12px,.96vw,15px);line-height:1.5}
.note-facts dt,.note-facts dd {min-width:0;margin:0;padding:0;font-size:inherit;line-height:inherit;white-space:nowrap}
.note-facts dt {font-weight:650;color:#516454}
.note-facts dd,.note-credit a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.note-facts .note-copy {font:650 11px/1.3 var(--sans);color:#3c5845;background:#eff3eb;border:0;border-radius:3px;min-height:22px;padding:1px 4px}
.note-credit {display:flex;align-items:center;gap:7px;color:#4a604f;font-size:12px;line-height:1.35;border-top:1px solid #edf0e9}
.note-credit span {font-weight:650;flex-shrink:0}
.note-credit a {min-width:0;color:inherit;text-decoration:none}
.offer-note footer {display:grid;grid-template-columns:1fr 1fr 1.1fr;align-items:center;gap:2px;border-top:1px solid var(--line)}
.offer-note footer button,.offer-note footer a {min-width:0;max-width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#35493b;background:transparent;border:0;border-radius:5px;padding:1px 2px;font:620 13px/1.2 var(--sans);text-decoration:none}
.offer-note footer .note-detail {color:white;background:var(--accent);font-weight:750}
.offer-note footer button[aria-pressed=true] {color:var(--accent)}
.offer-note footer button:hover {background:#f0f3ec}
.offer-note footer [data-act=comments]::before {content:"";width:12px;height:9px;border:1.4px solid currentColor;border-radius:5px 5px 5px 0}
.list-pager {display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;font-size:13px;color:var(--muted)}
.notes-rows {display:grid;gap:8px}
.notes-rows .offer-note {grid-template-columns:64px minmax(0,1fr) minmax(0,1.15fr) minmax(100px,.5fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:10rem;gap:6px 13px;padding:12px;align-items:center}
.notes-rows .note-cover {position:relative;inset:auto;grid-area:1/1/3/2;width:100%;height:65px}
.notes-rows .note-heading {grid-area:1/2/2/3;padding:0}
.notes-rows .note-benefit {grid-area:2/2/3/3}
.notes-rows .note-facts {grid-area:1/3/3/4}
.notes-rows .note-credit {grid-area:1/4/2/5}
.notes-rows footer {grid-area:2/4/3/5;grid-template-columns:1fr 1fr}
.notes-rows footer .note-detail {grid-column:1/-1}
.button,.mobile-action .button {background:var(--accent);color:#fff}
.button:hover,.featured-board .feature-open:hover,.offer-note footer .note-detail:hover {background:#99360f;color:white}
.detail-layout {grid-template-columns:minmax(0,2.1fr) minmax(230px,.8fr);gap:16px;overflow-wrap:anywhere}
.detail-intro {display:flex;align-items:center;justify-content:space-between;gap:20px}
.detail-intro>div {min-width:0}
.detail-intro>.offer-media {width:38%;height:clamp(140px,14vw,225px);border-radius:10px;flex:none}
.detail-intro h1 {margin:.55rem 0;font:800 clamp(26px,2.8vw,42px)/1.2 var(--sans);color:var(--forest)}
.detail-value {color:var(--accent);font:760 clamp(18px,1.75vw,28px)/1.35 var(--sans);margin:4px 0}
.detail-layout .panel {background:#fff;border:1px solid var(--line);border-radius:12px}
.detail-layout .tiers {grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-layout .tiers>.matched-label,.detail-layout .tiers>.other-tiers {grid-column:1/-1}
.detail-layout .tier,.detail-layout .tier.alt {min-width:0;border:1px solid #e3d8c6;background:#fbf7ef}
.detail-layout .tier strong,.product-facts strong {color:var(--accent)}
.detail-layout .tier p {color:var(--ink)}
.detail-layout .facts>div {min-width:0}
.detail-layout .copy-key {display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#3b5141}
#sheet {background:white}
#reader-comment textarea,#reader-auth input {box-sizing:border-box;width:100%;border:1px solid #adb5ab;border-radius:8px;background:#fff;padding:.65rem;color:var(--ink);font:inherit}
.comment-send {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:7px 0 14px}
.comment-send .button,#reader-auth .button {flex:1}
.comment-send small {margin-right:10px}
.reader-thread {list-style:none;padding:0;margin:0}
.reader-thread li {padding:11px 0;border-top:1px solid var(--line)}
.reader-thread time,.comments-empty,.comment-send small {color:var(--muted);font-size:.84rem}
.reader-thread li p {white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}
.reader-status {color:#6e401e;margin:.5rem 0 0}
.reader-status:empty {display:none}
.comment-offer {margin:0 0 .8rem;font-size:1.1rem;overflow-wrap:anywhere}
#sheet:has(#reader-comment,#reader-auth,.comment-offer) .sheet-head {border-bottom:1px solid var(--line);padding-bottom:10px;color:var(--forest)}
@media(min-width:851px) {
  #sheet:has(#reader-comment,#reader-auth,.comment-offer) {top:0;right:0;bottom:0;left:auto;margin:0;width:min(410px,36vw);height:100dvh;max-height:100dvh;border-radius:14px 0 0 14px}
}
.community-heading {padding:10px 0 14px;border-bottom:1px solid var(--line)}











@media(max-width:1120px) {
  .notes-grid,.saved-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mast .mast-inner {gap:8px}
}
@media(max-width:979px) {
  .browse-layout {display:block}
  .filter-rail {display:none}
  .result-options .facet-mobile {display:inline-flex}
  .sheet-display {display:block}
  .sheet-display .region-control {display:grid;gap:4px}
  .sheet-display>div {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:5px 0}
  .sheet-display select {min-height:34px}
  .facet-scroll {overscroll-behavior:contain}
}
@media(min-width:701px) and (max-width:790px) {
  .mast .mast-inner {grid-template-columns:auto minmax(0,1fr) auto}
  .mast .main-nav,.mast .user-nav {display:flex}
}
@media(max-width:700px) {
  :root {--mast-height:48px;--page-gutter:9px}
  .mast .mast-inner {grid-template-columns:auto minmax(0,1fr);min-height:var(--mast-height);padding:0 12px;gap:16px}
  .mast .main-nav,.mast .user-nav,.mast .tip-nav {display:none}
  .mast .brand {font-size:25px}
  .mast .mast-search {border-radius:20px}
  .mast .mast-search input {height:31px;font-size:13px}
  .mast .mast-search button:first-child {min-width:28px;width:28px;height:31px}
  #main {padding:7px var(--page-gutter) 22px}
  .featured-board,.featured-board.solo {grid-template-columns:1fr;gap:7px;margin-bottom:12px}
  .featured-board .feature-lead {height:clamp(139px,37vw,180px);border-radius:10px}
  .featured-board .feature-copy {width:51%;gap:2px;padding:6px 4% 6px 3%}
  .featured-board .feature-kicker {font-size:10px;padding:2px 7px}
  .featured-board .feature-lead h2 {font-size:clamp(18px,4.95vw,25px);line-height:1.23}
  .featured-board .feature-benefit {font-size:clamp(16px,4.7vw,24px);line-height:1.23}
  .featured-board .feature-open {min-height:29px;margin:3px 0 0;padding:3px 10px;border-radius:7px;font-size:13px}
  .featured-board .slide-controls {right:5px;bottom:5px;font-size:11px}
  .featured-board .slide-controls button {height:30px;width:29px}
  .featured-board .feature-list {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:49px;gap:6px}
  .featured-board .feature-tab {display:grid;grid-template-columns:minmax(38px,31%) minmax(0,1fr);gap:6px;min-height:0;padding:4px;border-radius:8px}
  .featured-board .feature-caption strong {font-size:12px;line-height:1.27}
  .featured-board .feature-caption small {display:none}
  .result-head {min-height:33px;margin:0 0 3px;flex-wrap:nowrap}
  .result-head h1 {font-size:23px}
  .result-head .result-count {font-size:10px}
  .result-head .layout-controls,.result-head .sort-caption,.result-head #feed-sort {display:none}
  .result-options .facet-mobile {min-height:32px;padding:4px 10px;border-radius:16px;font-size:13px}
  .channel-strip {gap:6px;margin-bottom:6px;scrollbar-width:none}
  .channel-tab {flex:0 0 auto;min-height:30px;padding:3px 10px;border:1px solid var(--line);border-radius:25px;background:white;font-size:13px}
  .notes-grid,.saved-list {gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .offer-note {--pad:7px;grid-template-rows:clamp(63px,19vw,97px) 2.4rem 2.2rem minmax(0,1fr) 1.4rem 2.25rem;gap:2px;height:calc(14.05rem + clamp(63px,19vw,97px));padding:5px var(--pad) 0;border-radius:10px}
  .offer-note .note-cover {position:relative;inset:auto;width:calc(100% + 4px);margin:0 -2px;height:100%;border-radius:6px}
  .note-cover .note-category {display:block;position:absolute;left:4px;top:4px;padding:1px 5px;margin:0;background:#fff2dc;color:#8e401a;font-size:10px;max-width:calc(100% - 8px)}
  .note-cover.type-cover .note-imprint {font-size:14px;margin-top:11px;width:100%;padding:0 8px}
  .note-heading {display:flex;align-items:center;padding:0}
  .desktop-category {display:none}
  .offer-note h3,.offer-note h3 a {font-size:clamp(14px,3.75vw,18px);line-height:1.26}
  .note-benefit strong {font-size:clamp(14px,3.65vw,18px);line-height:1.2}
  .note-benefit .tier-count {font-size:10px}
  .note-facts {gap:1px}
  .note-facts>div {font-size:12px;line-height:1.44;gap:4px}
  .note-facts .note-copy {font-size:10px;min-height:17px;padding:0 2px}
  .note-credit {gap:4px;font-size:11px}
  .offer-note footer {gap:0}
  .offer-note footer button,.offer-note footer a {font-size:12px;gap:2px;min-height:32px}
  .offer-note footer .note-detail {color:var(--accent);background:none}
  .offer-note footer [data-act=comments]::before {width:9px;height:7px}
  .notes-rows .offer-note {padding:8px;height:13.2rem;grid-template-columns:minmax(0,1fr) 34%;grid-template-rows:2.6rem 2.35rem minmax(0,1fr) 2.2rem;gap:3px 8px}
  .notes-rows .note-heading {grid-area:1/1/2/2}
  .notes-rows .note-benefit {grid-area:2/1/3/2}
  .notes-rows .note-cover {grid-area:1/2/3/3;height:100%;width:100%;margin:0}
  .notes-rows .note-facts {grid-area:3/1/4/3}
  .notes-rows .note-credit {grid-area:4/1/5/2}
  .notes-rows footer {grid-area:4/2/5/3;grid-template-columns:1fr 1fr 1fr}
  .notes-rows footer .note-detail {grid-column:auto}
  .notes-rows footer [data-act=comments]::before,.notes-rows footer [data-act=star]>span:first-child {display:none}
  .sheet-display .layout-controls {display:flex}
  .detail-layout {display:block}
  .detail-intro {gap:8px;align-items:flex-start}
  .detail-intro>.offer-media {width:29%;height:80px}
  .detail-intro h1 {font-size:23px}
  .detail-value {font-size:16px}
  .detail-layout .tiers {gap:6px}
  .detail-layout .tier {padding:8px}
  .detail-layout .tier strong {font-size:17px}
  .detail-layout .panel {padding:13px}
  .offer-open .mobile-action {bottom:calc(52px + env(safe-area-inset-bottom));background:#fff}
  #sheet:has(#reader-comment,#reader-auth,.comment-offer) {left:0;right:0;top:auto;bottom:0;margin:0;width:100%;max-width:100%;border-radius:15px 15px 0 0;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom)}
  .community-heading {gap:8px;padding:8px 0 10px;margin:0 0 9px}


  #mobile-nav {background:white;padding-bottom:env(safe-area-inset-bottom)}
  #mobile-nav a {height:52px}
  #mobile-nav .active {box-shadow:none;color:var(--accent)}
  .list-pager {margin:12px 0}
}
@media(max-width:339px) {
  .notes-grid,.saved-list {grid-template-columns:1fr}
  .offer-note {height:19.2rem}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
}

.note-benefit .tier-lines {min-width:0;display:grid;width:100%;gap:2px}
.tier-lines>span {display:flex;align-items:center;gap:6px;min-width:0;font:750 clamp(16px,1.33vw,21px)/1.19 var(--sans)}
.tier-lines small,.tier-lines b {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tier-lines small {flex:0 1 auto;max-width:40%;border-radius:10px;background:#faeadb;color:#9b401a;padding:2px 6px;font:680 11px/1.3 var(--sans)}
.tier-lines b {flex:1}
.nav-icon {position:relative;display:inline-block;vertical-align:middle;width:19px;height:19px;margin-right:3px;line-height:19px;text-align:center}
.nav-home::before,.nav-home::after,.nav-shop::before,.nav-shop::after,.nav-user::before,.nav-user::after {content:"";display:block;position:absolute;border:1.6px solid currentColor;box-sizing:border-box}
.nav-home::before {width:12px;height:10px;bottom:1px;left:4px;border-top:0;border-radius:1px}
.nav-home::after {width:11px;height:11px;top:2px;left:4.5px;border-right:0;border-bottom:0;transform:rotate(45deg);border-radius:1px}
.nav-shop::before {width:16px;height:13px;bottom:1px;left:2px;border-radius:3px}
.nav-shop::after {width:7px;height:6px;border-radius:6px 6px 0 0;top:2px;left:6.5px;border-bottom:0}
.nav-user::before {width:8px;height:8px;top:1px;left:6px;border-radius:50%}
.nav-user::after {width:16px;height:8px;bottom:1px;left:2px;border-radius:9px 9px 3px 3px}
@media(max-width:700px){
 .tier-lines>span {gap:3px;font:740 clamp(13px,3.5vw,17px)/1.1 var(--sans)}
 .tier-lines small {max-width:34%;font-size:9px;padding:1px 3px}
 #mobile-nav .nav-icon {margin:0}
}

.detail-layout .head-card .detail-value {color:var(--accent);line-height:1.28}
.detail-sources {border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.detail-sources .source-row {display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px 8px}
.detail-layout .side .detail-sources .actions {flex-direction:row}
.detail-sources p {overflow-wrap:anywhere}

.offer-media {position:relative;display:block;width:100%;height:100%;min-width:0;overflow:hidden;background:#e1e6db}
.offer-media img {display:block;width:100%;height:100%;object-fit:cover}
.offer-media .merchant-photo {position:absolute;inset:0;background:white;object-fit:contain}
.offer-media .photo-type,.shop-cover .sponsor-label {position:absolute;bottom:4px;right:4px;width:auto;height:auto;margin:0;padding:2px 5px;border-radius:5px;background:#fffcf0ed;color:#3c463c;font:600 10px/1.2 var(--sans)}
.feature-thumbnail .photo-type {display:none}
.channel-strip a.channel-tab {display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.shop-note {--pad:11px;display:grid;grid-template-rows:minmax(60px,1fr) 3.5rem 1.9rem 3.35rem 1rem 2.6rem;gap:4px}
.shop-cover {position:relative;min-height:0;overflow:hidden;border-radius:7px}
.shop-cover .sponsor-label {left:5px;right:auto;top:5px;bottom:auto;color:#733615}
.shop-heading {align-content:center;min-height:0}
.shop-heading small,.shop-source {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.35}
.shop-heading h3,.shop-heading h3 a {font-size:clamp(15px,1.16vw,19px);line-height:1.21}
.shop-money {min-width:0;display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;color:var(--accent)}
.shop-money strong {font:800 clamp(21px,1.85vw,29px)/1.1 var(--sans);letter-spacing:-.045em}
.shop-money span {min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#faebe1;padding:2px 5px;border-radius:4px;font:650 11px/1.2 var(--sans)}
.shop-verdict {font-size:13px;overflow:hidden;line-height:1.35}
.shop-verdict b,.detail-unit {color:#34533c;font-weight:700}
.shop-verdict p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:1px 0 0}
.shop-verdict small {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px}
.offer-note.shop-note footer {grid-template-columns:minmax(0,.85fr) minmax(0,.72fr) minmax(0,1.45fr)}
.offer-note footer .shop-cta {border:1px solid #bacbb9;color:var(--forest);font-weight:750;justify-self:stretch;min-height:29px;border-radius:7px}
.offer-note footer .shop-cta.paid {background:var(--accent);color:white;border-color:var(--accent)}
.notes-rows .shop-note {grid-template-columns:90px minmax(0,1fr) minmax(0,1.2fr) minmax(130px,.8fr);grid-template-rows:1fr 1fr;gap:4px 12px}
.notes-rows .shop-cover {grid-area:1/1/3/2;height:100%}
.notes-rows .shop-heading {grid-area:1/2/2/3}
.notes-rows .shop-money {grid-area:2/2/3/3}
.notes-rows .shop-verdict {grid-area:1/3/3/4}
.notes-rows .shop-source {grid-area:1/4/2/5}
.notes-rows .shop-note footer {grid-area:2/4/3/5}
.product-story.panel {padding:0;overflow:hidden}
.product-hero {height:clamp(175px,22vw,300px)}
.product-hero .offer-media>.merchant-photo {object-fit:contain}
.story-body {padding:16px 20px}
.story-body h1 {margin:9px 0;font-size:clamp(23px,2.2vw,34px);color:var(--forest);line-height:1.25}
.story-body .shop-money strong {font-size:34px}
.detail-unit,.buying-guide p {margin:.4em 0 .8em}
.buying-guide h2 {margin:.5em 0 .2em}
.merchandise .side {align-self:start}
@media(max-width:700px){
 .shop-note {--pad:7px;grid-template-rows:clamp(73px,22vw,104px) 3rem 1.45rem minmax(0,1fr) .95rem 2.2rem;gap:2px}
 .shop-heading h3,.shop-heading h3 a {font-size:clamp(14px,3.7vw,17px);line-height:1.2}
 .shop-heading small,.shop-source {font-size:10px}
 .shop-money {gap:4px}
 .shop-money strong {font-size:21px}
 .shop-money span {font-size:10px;padding:1px 3px}
 .shop-verdict {font-size:12px;line-height:1.28}
 .shop-verdict p {-webkit-line-clamp:3}
 .offer-note.shop-note footer [data-act=comments]::before {display:none}
 .offer-note.shop-note footer .shop-cta {font-size:11px}
 .notes-rows .shop-note {grid-template-columns:minmax(0,1fr) 36%;grid-template-rows:3rem 1.65rem minmax(0,1fr) 2.2rem;gap:3px 7px}
 .notes-rows .shop-cover {grid-area:1/2/3/3}
 .notes-rows .shop-heading {grid-area:1/1/2/2}
 .notes-rows .shop-money {grid-area:2/1/3/2}
 .notes-rows .shop-verdict {grid-area:3/1/4/3}
 .notes-rows .shop-source {grid-area:4/1/5/2;max-width:75%}
 .notes-rows .shop-note footer {grid-area:4/1/5/3;justify-self:end;width:55%;background:white}
 .product-hero {height:clamp(160px,54vw,230px)}
 .story-body {padding:12px}
}

.purchase-qr{text-align:center}.purchase-qr img{width:min(220px,100%);height:auto;image-rendering:pixelated}.purchase-qr p{line-height:1.6}.shop-verdict b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-action{flex-wrap:wrap}@media(max-width:700px){.desktop-qr{display:none}.merchandise~.mobile-action{display:flex;gap:8px}.merchandise~.mobile-action .button{flex:1}}