/* Source-reviewed brand story only; whole original images and readable history. */
body.brand-editorial{overflow-x:visible;background:#fffdf8;color:#30382f}
html:has(body.brand-editorial){scroll-padding-top:0}
.brand-editorial #brand-main{padding-top:72px;min-width:0;font:1rem/1.9 var(--sans,'Noto Sans TC',sans-serif)}
.brand-editorial #brand-main *{box-sizing:border-box}
.brand-editorial #brand-main :where(section,article,div,figure,nav,aside){min-width:0}
.brand-editorial #brand-main section{margin:0;padding:0}
.brand-editorial #brand-main a{color:#35563b;text-underline-offset:.22em;text-decoration-thickness:1px;overflow-wrap:anywhere}
.brand-editorial :focus-visible{outline:3px solid #365a3d;outline-offset:5px}
.brand-editorial .br-skip{position:fixed;top:8px;left:12px;z-index:1001;transform:translateY(-160%);padding:.6rem 1rem;background:#fff;color:#35563b}
.brand-editorial .br-skip:focus{transform:none}
.brand-editorial .br-wrap{max-width:1180px;margin:auto;padding-inline:clamp(1rem,4vw,3rem)}
.brand-editorial .br-crumb{display:flex!important;flex-wrap:wrap;gap:.2rem .7rem;font-size:.85rem;padding-block:1.2rem!important;color:#56614f}
.brand-editorial .br-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.8rem,4vw,3.5rem);padding-block:1.5rem 3rem}
.brand-editorial .br-kicker{font-size:.85rem;color:#506b49;letter-spacing:.08em}
.brand-editorial #brand-main h1{font-family:var(--serif,'Noto Serif TC',serif);font-size:clamp(1.9rem,3vw,2.65rem);font-weight:600;line-height:1.5;letter-spacing:.015em;margin:0 0 1.25rem;color:#30482f;text-wrap:balance}
.brand-editorial #brand-main h2{font-family:var(--serif,'Noto Serif TC',serif);font-size:1.55rem;line-height:1.6;color:#30482f;margin:0 0 1.25rem;letter-spacing:0;text-wrap:balance}
.brand-editorial #brand-main p{margin:0 0 1.1rem}
.brand-editorial #brand-main .br-date{font-size:.85rem;color:#565e50}
.brand-editorial #brand-main figure{margin:1.5rem 0}
.brand-editorial #brand-main .br-hero figure{margin:0}
.brand-editorial #brand-main figure a{display:block}
.brand-editorial #brand-main img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:12px}
.brand-editorial #brand-main figcaption{font-size:.85rem;line-height:1.8;color:#565e50;margin:.7rem 0 0}
.brand-editorial .br-toc{display:flex!important;flex-wrap:wrap;gap:.5rem .7rem;padding:1rem 0!important;border-block:1px solid #d9dece}
.brand-editorial .br-toc a{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:44px;padding:.35rem .55rem;white-space:normal;font-size:.92rem}
.brand-editorial #brand-main .br-section{padding-block:3rem;border-bottom:1px solid #e2e4d8;scroll-margin-top:100px}
.brand-editorial #brand-main .br-section>p{max-width:800px}
.brand-editorial .br-owl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr);gap:3rem;align-items:center}
.brand-editorial #brand-main .br-owl figure{margin:0;max-width:320px;justify-self:center}
.brand-editorial #paper-hanger>figure{max-width:950px;margin:2rem auto}
.brand-editorial .br-note{padding:1.1rem 1.35rem;border-left:3px solid #637c56;background:#f1f3e9;margin-top:1.5rem;color:#3d5036}
.brand-editorial .br-note a{display:inline-block;min-height:44px}
.brand-editorial .br-faq{max-width:880px;border-top:1px solid #dce0d2}
.brand-editorial .br-faq details{border-bottom:1px solid #dce0d2;padding:0;margin:0}
.brand-editorial .br-faq summary{cursor:pointer;padding:1.1rem .5rem;font-weight:600;line-height:1.8;color:#354c32;scroll-margin-top:100px}
.brand-editorial .br-faq details[open] summary{background:#f3f4e9}
.brand-editorial .br-faq details p{padding:1rem .7rem}
.brand-editorial #brand-main .br-related{padding-block:2.5rem 3.5rem}
.brand-editorial .br-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.brand-editorial .br-related-links a{padding:1.2rem;background:#f1f3e9;border-radius:12px;min-height:44px}
.brand-editorial #brand-main .hibou-keyword-cluster{padding:1.5rem;margin:2.5rem 0}
.brand-editorial .br-nojs{display:flex!important;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem;background:#f1f3e9}
.brand-editorial .br-nojs a{min-height:44px;display:flex;align-items:center}
.brand-editorial #mobileNav{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;background:#fffdf8}
.brand-editorial #mobileNav a{overflow-wrap:anywhere;white-space:normal}
.brand-editorial .menu-btn{flex-direction:column;gap:5px}
.brand-editorial .menu-btn span{width:22px;height:2px;margin:0;flex-shrink:0}
@media(max-width:1216px){.brand-editorial .menu-btn{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0}.brand-editorial header .header-inner{min-height:72px;height:72px}.brand-editorial header nav{display:none!important}}
@media(max-width:900px){.brand-editorial .br-hero,.brand-editorial .br-owl{grid-template-columns:1fr}.brand-editorial .br-hero{padding-block:1rem 2rem}.brand-editorial .br-owl{gap:1.5rem}.brand-editorial #brand-main .br-owl figure{justify-self:start;max-width:280px}}
@media(max-width:600px){.brand-editorial .br-related-links{grid-template-columns:1fr}.brand-editorial #brand-main .br-section{padding-block:2rem}.brand-editorial #brand-main .hibou-keyword-cluster{padding:1rem}}
@media(prefers-reduced-motion:reduce){html:has(body.brand-editorial){scroll-behavior:auto}.brand-editorial *, .brand-editorial *::before,.brand-editorial *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}