/* Scoped reading layout for the six reviewed product-use and material guides. No commerce/CMS selectors. */
body.guides-editorial{overflow-x:visible;background:#fffdf8;color:#30382f}
html:has(body.guides-editorial){scroll-padding-top:0}
.guides-editorial #guides-main :is(h1,h2){text-wrap:balance}
.guides-editorial .ge-faq summary{scroll-margin-top:100px}
.guides-editorial #guides-main{padding-top:72px;min-width:0;font-family:var(--sans,'Noto Sans TC',sans-serif);font-size:1rem;line-height:1.85}
.guides-editorial #guides-main *{box-sizing:border-box}
.guides-editorial #guides-main :where(section,article,div,figure,nav){min-width:0}
.guides-editorial #guides-main section{margin:0;padding:0}
.guides-editorial #guides-main a{color:#35563b;text-underline-offset:.22em;text-decoration-thickness:1px;overflow-wrap:anywhere}
.guides-editorial :focus-visible{outline:3px solid #365a3d;outline-offset:5px}
.guides-editorial .ge-skip{position:fixed;top:8px;left:12px;z-index:1001;transform:translateY(-160%);padding:.6rem 1rem;background:#fff;color:#35563b}
.guides-editorial .ge-skip:focus{transform:none}
.guides-editorial .ge-wrap{max-width:1180px;margin:auto;padding-inline:clamp(1rem,4vw,3rem)}
.guides-editorial .ge-crumb{display:flex!important;flex-wrap:wrap;gap:.2rem .7rem;font-size:.85rem;padding-block:1.2rem!important;color:#56614f}
.guides-editorial .ge-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding-block:1rem 3rem!important}
.guides-editorial .ge-kicker{font-size:.85rem;color:#506b49;letter-spacing:.12em;margin-bottom:1rem}
.guides-editorial #guides-main h1{font-family:var(--serif,'Noto Serif TC',serif);font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:600;line-height:1.5;letter-spacing:.015em;margin:0 0 1.25rem;color:#30482f}
.guides-editorial #guides-main h2{font-family:var(--serif,'Noto Serif TC',serif);font-size:1.5rem;line-height:1.6;color:#30482f;margin:0 0 1rem;letter-spacing:0}
.guides-editorial #guides-main h3{font-size:1.1rem;line-height:1.65;color:#30482f;margin:0 0 .75rem}
.guides-editorial #guides-main p{margin:0 0 1rem}
.guides-editorial .ge-date{font-size:.82rem;color:#596250}
.guides-editorial #guides-main figure{margin:1.5rem 0}
.guides-editorial #guides-main figure a{display:block}
.guides-editorial #guides-main img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:12px}
.guides-editorial #guides-main figcaption{font-size:.85rem;line-height:1.8;color:#565e50;margin:.7rem 0 0}
.guides-editorial #guides-main .ge-hero figure{margin:0}
.guides-editorial .ge-toc{display:flex!important;flex-wrap:wrap;align-items:center;gap:.5rem .85rem;padding:1rem 0!important;border-block:1px solid #d9dece}
.guides-editorial .ge-toc a{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:44px;padding:.35rem .65rem;white-space:normal}
.guides-editorial .ge-toc span{font-size:.85rem;color:#56614f}
.guides-editorial #guides-main .ge-section{padding-block:2.7rem;border-bottom:1px solid #e2e4d8;scroll-margin-top:100px}
.guides-editorial .ge-prose{max-width:780px}
.guides-editorial .ge-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0 0}
.guides-editorial .ge-card{padding:1.2rem;border:1px solid #dce0d2;border-radius:14px;background:#f6f5eb;display:flex;flex-direction:column}
.guides-editorial .ge-card figure{order:-1}
.guides-editorial .ge-card p{flex:1}
.guides-editorial .ge-card-link{min-height:44px;display:inline-flex;align-items:center}
.guides-editorial #guides-main .ge-card figure{margin:0 0 1.25rem}
.guides-editorial .ge-note{padding:1.1rem 1.35rem;border-left:3px solid #637c56;background:#f1f3e9;margin-top:1.5rem;color:#3d5036}
.guides-editorial .ge-steps{padding-left:1.6rem;max-width:780px}
.guides-editorial .ge-steps li{padding:.5rem 0 .8rem .3rem}
.guides-editorial .ge-steps strong{display:block;margin-bottom:.3rem;color:#30482f}
.guides-editorial .ge-list{padding-left:1.5rem;margin:1rem 0}
.guides-editorial .ge-list li{padding-block:.3rem}
.guides-editorial .ge-list a{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding-inline-end:.5em}
.guides-editorial .ge-list li{overflow-wrap:anywhere}
.guides-editorial .ge-faq{max-width:880px;border-top:1px solid #dce0d2}
.guides-editorial .ge-faq details{border-bottom:1px solid #dce0d2;padding:0;margin:0}
.guides-editorial .ge-faq summary{cursor:pointer;padding:1.1rem .5rem;font-weight:600;line-height:1.8;color:#354c32}
.guides-editorial .ge-faq details[open] summary{background:#f3f4e9}
.guides-editorial .ge-faq details p{padding:1rem .7rem}
.guides-editorial #guides-main .ge-related{padding-block:2.5rem 3.5rem}
.guides-editorial .ge-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.guides-editorial .ge-related-links a{padding:1.2rem;background:#f1f3e9;border-radius:12px;min-height:44px}
.guides-editorial #guides-main .hibou-keyword-cluster{padding:1.5rem;margin:2.5rem 0}
.guides-editorial .ge-nojs{display:flex!important;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem;background:#f1f3e9}
.guides-editorial .ge-nojs a{min-height:44px;display:flex;align-items:center}
.guides-editorial #mobileNav{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;background:#fffdf8}
.guides-editorial #mobileNav a{overflow-wrap:anywhere;white-space:normal}
.guides-editorial .menu-btn{flex-direction:column;gap:5px}
.guides-editorial .menu-btn span{width:22px;height:2px;margin:0;flex-shrink:0}
@media(max-width:1216px){.guides-editorial .menu-btn,.guides-editorial .hamburger{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0}.guides-editorial header .header-inner{min-height:72px;height:72px}.guides-editorial header .logo span{display:none}.guides-editorial header nav{display:none!important}}
@media(max-width:900px){.guides-editorial .ge-hero{grid-template-columns:1fr}.guides-editorial .ge-hero figure{max-width:720px;width:100%;margin-inline:auto!important}.guides-editorial .ge-cards{grid-template-columns:1fr}.guides-editorial .ge-card{max-width:780px}.guides-editorial .ge-card figure{max-width:600px;width:100%;margin-inline:auto!important}}
@media(max-width:600px){.guides-editorial .ge-related-links{grid-template-columns:1fr}.guides-editorial #guides-main .ge-section{padding-block:2rem}.guides-editorial .ge-card{padding:1rem}.guides-editorial #guides-main .hibou-keyword-cluster{padding:1rem}.guides-editorial .ge-toc{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html:has(body.guides-editorial){scroll-behavior:auto}.guides-editorial *, .guides-editorial *::before,.guides-editorial *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.guides-editorial .ge-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-block:1.5rem}
.guides-editorial .ge-group{padding:1.4rem;border:1px solid #dce0d2;border-radius:12px;background:#f6f5eb}
.guides-editorial #guides-main .ge-source{font-size:.88rem;margin-top:1rem;color:#565e50}
@media(max-width:800px){.guides-editorial .ge-groups{grid-template-columns:1fr}}

.guides-editorial .ge-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.5rem;align-items:start}
.guides-editorial #guides-main .ge-split figure{margin-top:0}
.guides-editorial #guides-main .ge-section>p{max-width:820px}
.guides-editorial #guides-main #layers figure{max-width:900px}
.guides-editorial #guides-main #box figure{max-width:800px}
.guides-editorial .ge-group a{display:inline-flex;min-height:44px;align-items:center;font-weight:600}
@media(max-width:800px){.guides-editorial .ge-split{grid-template-columns:1fr;gap:1.5rem}.guides-editorial .ge-split figure{max-width:600px}}

/* Native checklists stay readable without a wide comparison table. */
.guides-editorial .ge-checklist{max-width:900px;margin:1.5rem 0;border-top:1px solid #dce0d2}
.guides-editorial .ge-checklist>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:1.2rem;padding:1.1rem 0;border-bottom:1px solid #dce0d2}
.guides-editorial .ge-checklist dt{font-weight:600;color:#35523a;line-height:1.8}
.guides-editorial .ge-checklist dt span{display:inline-block;padding-right:.65rem;color:#6d765a;font-size:.82em}
.guides-editorial .ge-checklist dd{margin:0;overflow-wrap:anywhere}
.guides-editorial #guides-main .ge-links{list-style:none;padding:0;margin:1rem 0}
.guides-editorial #guides-main .ge-links a{display:inline-flex;min-height:44px;align-items:center;padding:.3rem 0;white-space:normal}
.guides-editorial .ge-hero figure{max-width:500px;width:100%;justify-self:center}
.guides-editorial .ge-split figure{max-width:600px;width:100%;justify-self:center}
.guides-editorial #guides-main #layers figure{max-width:1024px}
.guides-editorial #guides-main .ge-section>p{max-width:820px}
@media(max-width:600px){.guides-editorial .ge-checklist>div{grid-template-columns:1fr;gap:.35rem}.guides-editorial .ge-checklist dt{font-size:1.05rem}.guides-editorial #guides-main h1{font-size:1.85rem}}