:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;color:#14261c;background:#f8faf7;line-height:1.75;font-synthesis:none;--green-950: #113c28;--green-800: #1d5b3b;--green-700: #287047;--green-200: #cfe5d5;--green-100: #e8f3ea;--green-50: #f2f8f3;--ink-muted: #53645a;--line: #dbe5dd;--coral: #c44f3d;--coral-50: #fff5f2;--white: #fff;--radius: 18px;--shadow: 0 16px 38px rgba(24, 67, 40, .08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-underline-offset:.18em}
img{max-width:100%}
h1,h2,h3,p{overflow-wrap:anywhere}
h1,h2,h3{line-height:1.35}
.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding:14px max(24px,calc((100% - 1120px)/2));background:#fffffff5;border-bottom:1px solid #e5ebe6}
.brand{font-weight:850;text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--green-700);font-size:.67em}
.site-header nav{display:flex;gap:22px}
.header-link{color:var(--ink-muted);font-size:.9rem;text-decoration:none}
.header-link:hover{color:var(--green-700)}
.container{width:min(100% - 48px,1120px);margin:0 auto;padding:52px 0 76px}
.eyebrow,.section-kicker{margin:0;color:var(--green-700);font-size:.82rem;font-weight:800;letter-spacing:.08em}
.section-kicker{font-size:.76rem}
.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-heading-row h2{margin:4px 0 0;font-size:clamp(1.55rem,2.8vw,2rem)}
.section-heading-row>span,.section-heading-row>a{color:var(--ink-muted);font-size:.88rem}
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;color:var(--white);background:var(--green-700);border-radius:9px;font-size:.93rem;font-weight:800;text-decoration:none}
.primary-link:hover{background:var(--green-800)}
.text-link{color:var(--green-700);font-weight:750;font-size:.92rem}
.home-hero{position:relative;overflow:hidden;padding:76px 24px;background:linear-gradient(110deg,#e8f4eb,#dff0e4)}
.home-hero-inner{position:relative;display:grid;grid-template-columns:1fr .75fr;width:min(100%,1120px);margin:0 auto}
.home-hero-copy{position:relative;z-index:2;max-width:660px}
.home-hero h1{margin:12px 0 16px;font-size:clamp(2.6rem,5.8vw,4.85rem);letter-spacing:-.055em}
.home-hero-copy>p:last-child{max-width:590px;margin:0;font-size:1.08rem}
.home-orbit{position:relative;min-height:250px}
.home-orbit i{position:absolute;inset:15px 8% 0;border-radius:50%;background:#b9debf;opacity:.75}
.home-orbit span{position:absolute;display:grid;place-items:center;width:76px;height:76px;border-radius:20px;background:var(--white);box-shadow:var(--shadow);font-size:2.1rem;transform:rotate(var(--angle, 0deg))}
.home-orbit span:nth-of-type(1){top:0;left:15%;--angle: -6deg}
.home-orbit span:nth-of-type(2){top:38px;right:2%;--angle: 7deg}
.home-orbit span:nth-of-type(3){bottom:0;left:25%;--angle: 4deg}
.home-orbit span:nth-of-type(4){bottom:8px;right:12%;--angle: -5deg}
.search-box{position:relative;z-index:3;grid-column:1 / -1;margin-top:38px;padding:24px;border-radius:16px;background:var(--white);box-shadow:var(--shadow)}
.search-box label{display:block;margin-bottom:9px;font-weight:800}
.search-row{display:flex;gap:10px}
.search-row input{flex:1;min-width:0;padding:14px;font:inherit;border:1px solid #aec1b3;border-radius:9px}
.search-row input:focus{outline:3px solid rgba(40,112,71,.18);border-color:var(--green-700)}
.search-row button{padding:13px 24px;color:var(--white);font:inherit;font-weight:800;border:0;border-radius:9px;background:var(--green-700);cursor:pointer}
.search-result{min-height:1.3em;margin:8px 0 0;color:#8b392e;font-size:.88rem}
.search-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;color:var(--ink-muted);font-size:.82rem}
.suggestion{padding:5px 10px;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-200);border-radius:999px;cursor:pointer;font:inherit}
.quick-guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;margin-bottom:62px;padding:30px;border:1px solid var(--green-200);border-radius:var(--radius);background:var(--white)}
.quick-guide h2{margin:6px 0 0;font-size:clamp(1.5rem,3vw,2.05rem)}
.quick-guide ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.quick-guide li{padding:11px 14px;border-left:3px solid #79ad86;background:var(--green-50);border-radius:0 8px 8px 0}
.quick-guide strong,.quick-guide span{display:block}
.quick-guide span,.guide-note{color:var(--ink-muted);font-size:.9rem}
.guide-note{grid-column:1 / -1;margin:0;padding-top:17px;border-top:1px solid #e7eee8}
.items-section{scroll-margin-top:20px}
.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.item-card{display:flex;flex-direction:column;min-height:250px;padding:22px;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:15px;transition:transform .16s,box-shadow .16s,border-color .16s}
.item-card:hover{transform:translateY(-3px);border-color:#9ec6a9;box-shadow:var(--shadow)}
.item-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}
.mini-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--green-100);font-size:1.55rem}
.status-badge{padding:4px 9px;border-radius:999px;font-weight:750;font-size:.7rem}
.status-badge.collection-available{color:#17603a;background:#e5f4e8}
.status-badge.collection-unavailable{color:#a24638;background:#fff0ec}
.status-badge.special{color:#7b5b12;background:#fff6d9}
.item-card>strong{font-size:1.08rem}
.item-card>span:not(.item-card-top){margin:12px 0 18px;color:var(--ink-muted);font-size:.88rem}
.item-card>b{margin-top:auto;color:var(--green-700);font-size:.88rem}
.notice{display:flex;gap:16px;margin-top:38px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.notice>span{display:grid;flex:none;place-items:center;width:28px;height:28px;color:#fff;background:var(--green-700);border-radius:50%}
.notice p{margin:4px 0 0;color:var(--ink-muted)}
.breadcrumbs{margin-bottom:24px;color:var(--ink-muted);font-size:.84rem}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.breadcrumbs li{display:flex;gap:9px}
.breadcrumbs b{color:#9cab9f}
.item-page{max-width:1120px}
.item-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:250px;padding:36px;border-radius:var(--radius);background:linear-gradient(115deg,#edf8ef,#daeddf)}
.item-hero h1{margin:10px 0;font-size:clamp(2.45rem,5vw,4rem);letter-spacing:-.045em}
.hero-lead{max-width:540px;margin:0;color:var(--ink-muted)}
.item-illustration{position:relative;display:grid;place-items:center;height:180px}
.item-illustration i{position:absolute;width:140px;height:140px;border-radius:50%;background:#bfdfc5;opacity:.8}
.item-illustration span{position:relative;z-index:2;display:grid;place-items:center;width:126px;height:126px;border-radius:28px;background:#ffffffd1;box-shadow:var(--shadow);font-size:4.5rem;transform:rotate(-3deg)}
.conclusion{margin-top:22px;padding:26px;border-radius:15px;background:var(--green-100)}
.status{margin:0 0 10px;color:var(--green-700);font-weight:850}
.summary-lines p{margin:5px 0;font-size:1.02rem}
.visual-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 34px}
.fact-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--white)}
.fact-card span,.fact-card strong{display:block}
.fact-card span{margin-bottom:4px;color:var(--ink-muted);font-size:.76rem}
.fact-card strong{font-size:1.05rem}
.fact-card.good{border-color:#acd2b5;background:#f2faf3}
.fact-card.alert{border-color:#efb0a5;color:#a93e31;background:var(--coral-50)}
.decision-guide{display:grid;grid-template-columns:.7fr 1.3fr;gap:26px;margin:34px 0 58px;padding:28px;color:var(--white);border-radius:var(--radius);background:var(--green-950)}
.decision-heading h2{margin:5px 0 0;font-size:1.55rem}
.decision-guide .section-kicker{color:#a9d4b4}
.decision-list{display:grid;gap:10px}
.decision-card{display:grid;grid-template-columns:1fr auto 1.2fr;gap:12px;align-items:center;min-height:52px;padding:10px 14px;color:#1b2c22;border-radius:9px;background:var(--white);text-decoration:none;font-size:.88rem}
.decision-card b{color:#68a478}
.decision-card strong{font-size:.9rem}
.route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;scroll-margin-top:24px}
.route-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--white)}
.route-card.recommended{border:2px solid #5e9f70}
.route-number{display:grid;place-items:center;width:30px;height:30px;margin-bottom:16px;color:var(--green-700);background:var(--green-100);border-radius:50%;font-weight:850}
.recommended-label{position:absolute;top:25px;right:22px;margin:0;color:var(--green-700);font-size:.72rem;font-weight:850}
.route-card h3{margin:0 0 8px;font-size:1.07rem}
.route-card>p:not(.recommended-label){margin:0;color:#3f5146;font-size:.9rem}
.route-card dl{display:grid;gap:12px;margin:20px 0 0}
.route-card dl div{padding-top:10px;border-top:1px solid #e9eeea}
.route-card dt{color:var(--ink-muted);font-size:.74rem}
.route-card dd{margin:2px 0 0;font-weight:750;font-size:.88rem}
.route-link{display:inline-block;margin-top:auto;padding-top:18px;color:var(--green-700);font-weight:800;font-size:.88rem}
.detail-section,.sources,.faq-section,.related-section,.pc-mark-section,.affiliate-compare,.affiliate-recycle{margin-top:34px;padding:26px;border:1px solid var(--line);border-radius:15px;background:var(--white)}
.detail-section h2,.sources h2,.faq-section h2,.pc-mark-section h2,.affiliate-compare h2,.affiliate-recycle h2{margin:0 0 14px;font-size:1.3rem}
.steps-section ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}
.steps-section li{padding:16px;border-radius:11px;background:var(--green-50)}
.steps-section li>span{display:grid;place-items:center;width:25px;height:25px;color:#fff;background:var(--green-700);border-radius:50%;font-size:.78rem;font-weight:850}
.steps-section li p{margin:11px 0 0;font-size:.9rem}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.detail-grid .detail-section{margin-top:20px}
.detail-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;border-radius:9px;background:var(--green-100)}
.sentence-stack p{margin:0;padding:9px 0}
.sentence-stack p+p{border-top:1px solid #e8ede9}
.safety{border-color:#ef8e7d;background:#fff9f7}
.faq-section{margin-top:54px}
.faq-section h2{font-size:1.65rem}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid var(--line);border-radius:11px;background:var(--white)}
.faq-list summary{position:relative;padding:16px 50px 16px 17px;cursor:pointer;font-weight:800;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;top:13px;right:17px;color:var(--green-700);font-size:1.35rem}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0;padding:0 17px 17px;color:#415147}
.related-section{margin-top:34px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none}
.related-card:hover{border-color:#94c0a0;background:var(--green-50)}
.related-card .mini-icon{width:42px;height:42px;font-size:1.25rem}
.related-card strong,.related-card small{display:block}
.related-card small{margin-top:3px;color:var(--ink-muted)}
.related-card>b{color:var(--green-700)}
.sources>p{margin:-4px 0 16px;color:var(--ink-muted);font-size:.88rem}
.sources ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.sources li{padding:13px;border-radius:10px;background:var(--green-50)}
.sources a{color:var(--green-700);font-weight:800}
.sources span{display:block;margin-top:3px;color:var(--ink-muted);font-size:.78rem}
.pc-mark-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;margin-top:54px}
.pc-mark-section p{margin:8px 0}
.mark-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mark-locations>span{display:grid;place-items:center;align-content:center;min-height:150px;padding:12px;text-align:center;background:var(--green-50);border-radius:12px;font-size:2rem}
.mark-locations b,.mark-locations small{display:block}
.mark-locations b{margin-top:8px;font-size:.82rem}
.mark-locations small{color:var(--ink-muted);font-size:.72rem}
.affiliate-compare{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;color:#fff;border:0;background:var(--green-950)}
.affiliate-compare .section-kicker{color:#a9d4b4}
.affiliate-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;padding:18px;color:#183024;border-radius:12px;background:#f3f9f4}
.affiliate-card p{grid-column:1;margin:4px 0 0;font-size:.83rem}
.affiliate-card a{grid-column:2;grid-row:1;align-self:center;padding:10px 13px;color:#fff;border-radius:8px;background:var(--green-700);font-size:.84rem;font-weight:800;text-decoration:none}
.ad-label{display:inline-block;width:fit-content;padding:2px 7px;color:#795b17;background:#fff2c8;border-radius:99px;font-size:.68rem;font-weight:850}
.affiliate-card .ad-label{position:absolute;top:8px;right:8px}
.affiliate-recycle{display:flex;align-items:center;justify-content:space-between;gap:28px;border-color:#a8d1b2;background:#f2faf3}
.affiliate-recycle p{margin:8px 0 0}
.affiliate-recycle .primary-link{flex:none}
.text-page{max-width:820px}
.text-page h1{margin:8px 0 28px;font-size:clamp(2.3rem,5vw,3.6rem)}
.about-intro{margin-bottom:34px;padding:24px;color:#fff;border-radius:14px;background:var(--green-950)}
.about-intro strong{font-size:1.2rem}
.about-intro p{margin:6px 0 0}
.text-page section{margin:16px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.text-page section h2{margin:0 0 13px;font-size:1.3rem}
.text-page section p{margin:7px 0}
.updated{margin-top:30px;color:var(--ink-muted);font-size:.88rem}
.not-found{min-height:65vh;display:flex;flex-direction:column;align-items:start;justify-content:center;max-width:760px}
.not-found>span{display:grid;place-items:center;width:68px;height:68px;margin-bottom:20px;color:#fff;background:var(--green-700);border-radius:50%;font-size:2rem;font-weight:850}
.not-found h1{margin:7px 0;font-size:clamp(2.2rem,5vw,3.4rem)}
.home-faq{margin-top:34px}
footer{display:flex;justify-content:space-between;gap:28px;padding:36px max(24px,calc((100% - 1120px)/2));color:#dbe9df;background:var(--green-950);font-size:.82rem}
footer p{margin:7px 0 0;color:#afc8b7}
.footer-brand{color:#fff;font-weight:850;text-decoration:none}
footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:16px}
@media(max-width:900px){.item-grid{grid-template-columns:1fr 1fr}
.home-hero-inner,.item-hero{grid-template-columns:1fr}
.home-orbit{display:none}
.quick-guide,.decision-guide,.pc-mark-section,.affiliate-compare,.route-list{grid-template-columns:1fr}
.route-card{min-height:0}
.mark-locations{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){.site-header{min-height:60px;padding:12px 16px}
.site-header nav .header-link:first-child{display:none}
.header-link{font-size:.8rem}
.container{width:min(100% - 30px,1120px);padding:32px 0 52px}
.home-hero{padding:54px 15px}
.home-hero h1{font-size:2.65rem}
.search-box{padding:17px}
.search-row{flex-direction:column}
.search-row button{width:100%}
.quick-guide{gap:22px;padding:22px}
.item-grid,.visual-facts,.steps-section ol,.detail-grid,.related-grid,.sources ul{grid-template-columns:1fr}
.item-card{min-height:220px}
.item-hero{min-height:0;padding:24px}
.item-hero h1{font-size:2.55rem}
.item-illustration{height:130px}
.item-illustration i{width:105px;height:105px}
.item-illustration span{width:96px;height:96px;font-size:3.25rem}
.conclusion,.decision-guide,.detail-section,.sources,.faq-section,.related-section,.pc-mark-section,.affiliate-compare,.affiliate-recycle{padding:20px}
.decision-card{grid-template-columns:1fr auto}
.decision-card strong{grid-column:1 / -1}
.mark-locations{grid-template-columns:1fr}
.mark-locations>span{min-height:110px}
.affiliate-card{grid-template-columns:1fr;padding-top:30px}
.affiliate-card a{grid-column:1;grid-row:auto}
.affiliate-recycle{display:block}
.affiliate-recycle .primary-link{margin-top:16px}
footer{flex-direction:column}
}
.affiliate-pickup{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;margin:34px 0 54px;padding:26px;border:1px solid #a8cfb2;border-radius:15px;background:linear-gradient(120deg,#f3faf4,#e8f4eb)}
.affiliate-pickup-home{margin-top:-20px}
.affiliate-pickup-copy h2{margin:4px 0 9px;font-size:clamp(1.3rem,2.5vw,1.7rem)}
.affiliate-pickup-copy>p:not(.ad-label):not(.section-kicker){margin:5px 0;color:#3f5146}
.affiliate-pickup-copy .affiliate-note{font-size:.78rem}
.ad-label{display:inline-block;margin:0 0 8px;padding:2px 8px;color:#73550e;background:#fff2c2;border-radius:999px;font-size:.68rem;font-weight:850;letter-spacing:.06em}
.affiliate-pickup-action{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.affiliate-pickup-action a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:11px 16px;color:#fff;background:var(--green-700);border-radius:10px;font-size:.92rem;font-weight:850;text-align:center;text-decoration:none}
.affiliate-pickup-action a:hover{background:var(--green-800)}
.affiliate-pickup-action span{color:var(--ink-muted);font-size:.75rem;text-align:center}
.affiliate-pickup-action img{position:absolute;width:1px;height:1px;overflow:hidden}
@media(max-width:700px){.affiliate-pickup{grid-template-columns:1fr;gap:18px;margin-bottom:38px;padding:20px}.affiliate-pickup-home{margin-top:-10px}.affiliate-pickup-action a{width:100%}}