/*
Theme Name: 尚美鵝肉 WordPress
Theme URI: https://sm-goose.com
Author: 品牌編輯室
Description: 台中南屯一家人的鵝肉、宅配與餐桌指南
Version: 1.0.3
Text Domain: sm-goose-wordpress
*/
:root { --ink:#241d18; --red:#9d2d1f; --deep-red:#722016; --cream:#f4ecdd; --paper:#fffaf0; --gold:#c38f4d; --muted:#746458; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 4.5vw; border-bottom:1px solid rgba(36,29,24,.18); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.08em; }
.brand-mark { width:44px; height:44px; position:relative; display:grid; place-items:center; color:var(--cream); background:var(--red); border-radius:50%; font-family:"Noto Serif TC",serif; font-size:22px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.brand-mark:after { content:""; width:7px; height:7px; position:absolute; right:1px; bottom:3px; border-radius:50%; background:var(--gold); }
.brand-name small { display:block; font-size:8px; letter-spacing:.2em; margin-top:3px; font-weight:700; opacity:.58; }
nav { display:flex; gap:31px; font-size:13px; font-weight:700; }
nav a { position:relative; }
nav a:after { content:""; height:1px; position:absolute; left:0; right:100%; bottom:-7px; background:var(--red); transition:.25s; }
nav a:hover:after { right:0; }
.header-cta { padding:13px 18px; border:1px solid var(--ink); font-size:13px; font-weight:800; transition:.25s; }
.header-cta:hover { color:var(--cream); background:var(--ink); }.header-cta span { margin-left:14px; }
.hero { min-height:calc(100vh - 92px); display:grid; grid-template-columns:1.02fr .98fr; }
.hero-copy { padding:9vh 6vw 6vh 8vw; display:flex; flex-direction:column; justify-content:center; }
.eyebrow,.kicker { margin:0 0 25px; color:var(--red); font-size:11px; font-weight:900; letter-spacing:.2em; }
.eyebrow span { display:inline-block; width:34px; height:1px; background:var(--red); vertical-align:middle; margin-right:12px; }
h1,h2 { font-family:"Noto Serif TC","Songti TC",serif; }
h1 { margin:0; font-size:clamp(64px,7.4vw,118px); line-height:1.06; letter-spacing:-.065em; font-weight:900; }
.lead { max-width:600px; margin:32px 0; line-height:1.9; font-size:17px; color:#5c4d42; }
.hero-actions { display:flex; gap:12px; }
.button { min-height:52px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; transition:.25s; }
.button.primary { color:#fff9ed; background:var(--red); }.button.primary:hover { background:var(--deep-red); }.button.primary span { margin-left:35px; }
.button.ghost { border:1px solid rgba(36,29,24,.4); }.button.ghost:hover { background:rgba(255,255,255,.45); }
.trust-row { display:flex; gap:42px; margin-top:48px; padding-top:23px; border-top:1px solid rgba(36,29,24,.18); font-size:11px; color:#756356; }
.trust-row b { display:block; color:var(--ink); font-family:serif; font-size:22px; margin-bottom:3px; }
.hero-art { position:relative; overflow:hidden; background:var(--red); min-height:600px; }
.hero-art:before { content:""; position:absolute; inset:6%; border:1px solid rgba(255,246,230,.3); border-radius:50% 50% 46% 54%; }
.plate { position:absolute; width:min(32vw,470px); aspect-ratio:1; left:50%; top:45%; transform:translate(-50%,-50%); border-radius:50%; background:#e7d9bd; box-shadow:0 36px 70px rgba(48,12,8,.38),inset 0 0 0 20px #f8f0df,inset 0 0 0 23px #d6c5a4; }
.goose-slice { position:absolute; width:58%; height:16%; left:21%; border-radius:55% 40% 48% 45%; transform:rotate(-14deg); background:linear-gradient(180deg,#b06b3c 0 25%,#ead0a2 27% 50%,#9d6541 54% 100%); box-shadow:0 8px 10px rgba(68,37,17,.18); }
.slice-one { top:21%; }.slice-two { top:36%; left:25%; transform:rotate(-4deg); }.slice-three { top:51%; left:20%; transform:rotate(7deg); }.slice-four { top:66%; left:24%; transform:rotate(15deg); }
.ginger { position:absolute; width:31%; height:3px; background:#eadb78; box-shadow:0 8px 0 #eadb78,0 16px 0 #eadb78; transform:rotate(42deg); }.ginger-one { top:21%; left:9%; }.ginger-two { bottom:22%; right:7%; transform:rotate(-31deg); }
.stamp { position:absolute; top:7%; left:7%; width:66px; height:66px; border:1px solid #f9e8c7; border-radius:50%; display:grid; place-items:center; text-align:center; color:#f9e8c7; font-family:serif; font-weight:800; line-height:1.25; transform:rotate(-9deg); }
.art-note { position:absolute; right:6%; bottom:7%; color:#fff3df; line-height:1.45; font-weight:700; }.art-note span { display:block; font-family:serif; font-size:32px; opacity:.45; }.art-note small { font-size:10px; letter-spacing:.2em; opacity:.7; }
.vertical-note { position:absolute; left:5%; bottom:6%; writing-mode:vertical-rl; color:#f8e8cf; font-size:10px; letter-spacing:.25em; }
.marquee { min-height:72px; padding:20px 4vw; display:flex; align-items:center; justify-content:space-around; gap:22px; color:#f7ead8; background:var(--ink); font-family:serif; font-size:15px; letter-spacing:.12em; overflow:hidden; white-space:nowrap; }.marquee i { color:var(--gold); font-size:8px; }
.section { padding:120px 7vw; }
.section-heading { max-width:760px; margin-bottom:65px; }.section-heading h2,.shop-intro h2,.craft-copy h2,.journal-title h2,.visit h2 { margin:0; font-size:clamp(45px,5.4vw,78px); line-height:1.15; letter-spacing:-.045em; }.section-heading>p:last-child,.shop-intro>p { max-width:600px; margin:25px 0 0; color:var(--muted); line-height:1.9; }
.family-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(36,29,24,.16); border:1px solid rgba(36,29,24,.16); }
.family-card { min-height:440px; padding:28px; position:relative; overflow:hidden; background:var(--paper); }.card-index { font-family:serif; color:var(--red); font-size:13px; }.portrait-mark { width:180px; height:180px; margin:30px auto; display:grid; place-items:center; color:#f7e9d6; background:linear-gradient(135deg,var(--red),#6c1d16); border-radius:45% 55% 50% 46%; font-family:serif; font-size:74px; box-shadow:18px 20px 0 #eadbc4; }.family-role { margin:25px 0 6px; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.18em; }.family-card h3 { margin:0; font-family:serif; font-size:31px; }.family-card blockquote { margin:17px 0 0; color:#68584d; line-height:1.75; font-size:14px; }
.shop { display:grid; grid-template-columns:.72fr 1.28fr; gap:8vw; background:var(--paper); }.shop-intro { position:sticky; top:35px; align-self:start; }.text-link { display:inline-block; margin-top:34px; padding-bottom:7px; border-bottom:1px solid var(--ink); font-size:13px; font-weight:900; }.text-link span { margin-left:25px; }.product-grid { display:grid; gap:26px; }.product-card { display:grid; grid-template-columns:.8fr 1.2fr; min-height:270px; border:1px solid rgba(36,29,24,.16); background:var(--cream); }.product-visual { min-height:270px; position:relative; display:grid; place-items:center; overflow:hidden; background:var(--red); }.product-visual:before { content:""; width:155px; height:155px; border:22px solid #f4e9d5; border-radius:50%; box-shadow:0 17px 35px rgba(0,0,0,.22); }.product-visual:after { content:""; position:absolute; width:94px; height:24px; border-radius:50%; background:linear-gradient(#c48957 0 30%,#efd5ad 34% 55%,#9a5e38 60%); transform:rotate(-10deg); box-shadow:0 30px 0 #b26c40,0 -30px 0 #b87947; }.product-visual span { position:absolute; top:18px; left:18px; color:#fff3df; font-family:serif; opacity:.7; }.product-visual i { position:absolute; right:15px; bottom:13px; color:#fff3df; font-family:serif; font-size:12px; }.product-dark .product-visual { background:#342821; }.product-gold .product-visual { background:#af7d3f; }.product-info { padding:38px; display:flex; flex-direction:column; justify-content:center; }.product-info p { margin:0 0 13px; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.15em; }.product-info h3 { margin:0; font-family:serif; font-size:31px; }.product-info small { margin:11px 0 27px; color:var(--muted); letter-spacing:.12em; }.product-info a { align-self:flex-start; padding-bottom:5px; border-bottom:1px solid rgba(36,29,24,.5); font-size:12px; font-weight:800; }.product-info a span { margin-left:23px; }
.craft { display:grid; grid-template-columns:1fr 1fr; min-height:800px; }.craft-art { min-height:700px; position:relative; overflow:hidden; display:grid; place-items:center; background:radial-gradient(circle at 55% 44%,#c34832 0 15%,#91271c 16% 31%,#6c1b14 32% 42%,#331c18 43% 100%); }.craft-art:after { content:""; width:53%; aspect-ratio:1; border:1px solid rgba(255,241,219,.38); border-radius:50%; position:absolute; }.craft-art p { position:absolute; left:7%; bottom:6%; margin:0; color:#f6e8d1; font-family:serif; letter-spacing:.25em; line-height:1.8; font-size:10px; }.craft-seal { position:relative; z-index:1; width:150px; height:150px; display:grid; place-items:center; color:#f4e5cf; border:1px solid #f4e5cf; border-radius:50%; text-align:center; font-family:serif; font-size:26px; line-height:1.35; transform:rotate(-8deg); }.craft-copy { padding:100px 8vw; background:#e9ddc9; }.process-list { margin-top:50px; }.process-list article { display:grid; grid-template-columns:45px 1fr; gap:20px; padding:25px 0; border-top:1px solid rgba(36,29,24,.2); }.process-list b { color:var(--red); font-family:serif; font-size:15px; }.process-list h3 { margin:0 0 8px; font-family:serif; font-size:23px; }.process-list p { margin:0; color:#6a594c; line-height:1.8; font-size:13px; }.fine-print { margin-top:35px; color:#806f61; font-size:10px; line-height:1.7; }
.journal { background:var(--paper); }.journal-title { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:55px; }.journal-title>p { max-width:470px; margin:0; color:var(--muted); line-height:1.8; }.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }.article-card { display:block; }.article-art { height:260px; position:relative; margin-bottom:23px; overflow:hidden; background:var(--red); }.article-art:before { content:""; width:170px; height:170px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(255,247,233,.5); border-radius:50%; box-shadow:0 0 0 25px rgba(255,247,233,.1); }.article-art span { position:absolute; left:18px; bottom:15px; color:#fff4df; font-family:serif; font-size:30px; opacity:.65; }.art-2 { background:#aa7b3d; }.art-2:before { border-radius:5% 60% 5% 60%; transform:translate(-50%,-50%) rotate(30deg); }.art-3 { background:#342821; }.article-card>p { margin:0 0 12px; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.12em; }.article-card h3 { margin:0; font-family:serif; font-size:24px; line-height:1.45; }.article-card>small { display:block; min-height:64px; margin:13px 0 16px; color:var(--muted); line-height:1.75; }.article-card>b { font-size:11px; }
.visit { padding:100px 8vw; display:grid; grid-template-columns:1fr 1fr; gap:9vw; color:#f7ead7; background:var(--red); }.visit .kicker { color:#e9bd7c; }.visit-details { padding-top:12px; }.visit-details p { display:grid; grid-template-columns:130px 1fr; margin:0; padding:18px 0; border-top:1px solid rgba(255,245,227,.28); font-size:13px; }.visit-details span { opacity:.65; }.visit-actions { display:flex; gap:12px; margin-top:25px; }.visit-actions a { padding:14px 18px; border:1px solid rgba(255,245,227,.55); font-size:12px; font-weight:800; }
footer { padding:65px 6vw 35px; color:#f2e5d1; background:var(--ink); display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:start; }.footer-brand .brand-mark { background:var(--red); }.footer-brand .brand-name small { color:#d4c5ae; }.footer-brand+p { margin:8px 0 0; text-align:right; color:#b9a893; font-family:serif; }.footer-brand~div { grid-column:1/-1; padding:25px 0; display:flex; gap:30px; border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); font-size:12px; }.footer-brand~small { grid-column:1/-1; color:#8e8172; font-size:9px; letter-spacing:.1em; }.mobile-sticky { display:none; }
.article-page { min-height:100vh; background:var(--paper); }.article-header { border-bottom:1px solid rgba(36,29,24,.16); }.article-shell { max-width:900px; margin:auto; padding:90px 24px 120px; }.article-shell .back { display:inline-block; margin-bottom:55px; color:var(--red); font-size:12px; font-weight:800; }.article-shell h1 { font-size:clamp(45px,7vw,78px); line-height:1.18; }.article-meta { margin:25px 0 50px; color:var(--muted); font-size:12px; }.article-lead { margin:0 0 60px; padding:30px 0; border-top:1px solid rgba(36,29,24,.2); border-bottom:1px solid rgba(36,29,24,.2); font-family:serif; font-size:24px; line-height:1.7; }.article-section { margin:48px 0; }.article-section h2 { font-size:30px; }.article-section p { color:#5f5045; font-size:16px; line-height:2; }.article-cta { margin-top:70px; padding:35px; color:#fff2df; background:var(--red); }.article-cta h2 { margin-top:0; }.article-cta a { display:inline-block; margin-top:15px; padding-bottom:5px; border-bottom:1px solid #fff2df; font-weight:800; }
@media (max-width:980px){nav{gap:17px}.hero-copy{padding-left:5vw}.shop{grid-template-columns:1fr}.shop-intro{position:static}.family-card{padding:23px}.portrait-mark{width:140px;height:140px;font-size:58px}.article-grid{gap:18px}}
@media (max-width:780px){.site-header{height:74px;padding:0 20px}.brand-name small,nav{display:none}.header-cta{padding:10px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:64px 24px 48px}.hero-art{min-height:540px}.plate{width:min(74vw,430px)}h1{font-size:clamp(56px,17vw,86px)}.trust-row{gap:22px}.marquee{justify-content:flex-start}.section{padding:80px 24px}.family-grid,.article-grid{grid-template-columns:1fr}.family-card{min-height:390px}.portrait-mark{width:170px;height:170px}.product-card{grid-template-columns:1fr}.product-visual{min-height:240px}.craft{grid-template-columns:1fr}.craft-art{min-height:500px}.craft-copy{padding:75px 24px}.journal-title,.visit{grid-template-columns:1fr;display:grid}.visit{padding:75px 24px}.visit-details p{grid-template-columns:1fr;gap:5px}footer{grid-template-columns:1fr;padding-bottom:90px}.footer-brand+p{text-align:left}.mobile-sticky{display:flex;position:fixed;left:14px;right:14px;bottom:12px;z-index:20;min-height:52px;align-items:center;justify-content:space-between;padding:0 19px;color:#fff5e5;background:var(--red);box-shadow:0 10px 30px rgba(35,16,11,.34);font-size:13px;font-weight:900}}
@media (max-width:480px){.hero-actions{flex-direction:column}.button{width:100%}.trust-row{justify-content:space-between;gap:8px}.trust-row b{font-size:19px}.lead{font-size:15px}.hero-art{min-height:470px}.art-note{bottom:5%}.product-info{padding:28px}.section-heading h2,.shop-intro h2,.craft-copy h2,.journal-title h2,.visit h2{font-size:43px}.visit-actions{flex-direction:column}.visit-actions a{text-align:center}.footer-brand~div{flex-wrap:wrap;gap:18px}.article-shell{padding-top:60px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Real photography system */
.hero-photo,.craft-art>img,.product-visual>img,.article-art>img,.family-photo>img { width:100%; height:100%; display:block; object-fit:cover; }
.hero-photo { position:absolute; inset:0; }
.photo-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,10,7,.08),rgba(34,12,8,.68)); }
.hero-art:before,.product-visual:before,.article-art:before,.craft-art:after { content:none; }
.story-showcase { display:grid; grid-template-columns:.9fr 1.1fr; gap:1px; background:rgba(36,29,24,.16); border:1px solid rgba(36,29,24,.16); }
.family-photo { min-height:620px; margin:0; position:relative; overflow:hidden; background:#d9cbb7; }
.family-photo figcaption { position:absolute; left:22px; right:22px; bottom:20px; padding:14px 16px; color:#fff8ed; background:rgba(36,29,24,.72); font-family:serif; font-size:15px; }
.story-showcase .family-grid { display:grid; grid-template-columns:1fr; grid-template-rows:repeat(3,1fr); gap:1px; border:0; }
.story-showcase .family-card { min-height:205px; padding:26px 30px; }
.family-mark { width:48px; height:48px; position:absolute; right:24px; top:23px; display:grid; place-items:center; color:#f7e9d6; background:var(--red); border-radius:50%; font-family:serif; font-size:20px; }
.story-showcase .family-role { margin-top:25px; }
.product-visual { display:block; }
.product-visual>img { position:absolute; inset:0; }
.product-visual:after { width:auto; height:auto; inset:0; transform:none; border-radius:0; box-shadow:none; background:linear-gradient(180deg,rgba(20,10,7,.03),rgba(28,13,9,.62)); }
.product-visual span,.product-visual i { z-index:1; opacity:.92; }
.craft-art { background:#331c18; }
.craft-art>img { position:absolute; inset:0; }
.craft-art .photo-shade { z-index:1; }
.craft-seal,.craft-art p { z-index:2; }
.article-art:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(27,13,9,.62)); }
.article-art span { z-index:1; opacity:.9; }
.photo-credits { grid-column:1/-1; margin:0; color:#8e8172; font-size:9px; line-height:1.7; }
.photo-credits a { text-decoration:underline; }
.article-meta { margin-bottom:35px; }
.article-hero-photo { width:100%; max-height:520px; display:block; margin-bottom:45px; object-fit:cover; }

/* Content architecture and trust system */
.family-card>p:last-child { margin:17px 0 0; color:#68584d; line-height:1.75; font-size:14px; }
.journal-actions { margin-top:34px; display:flex; flex-wrap:wrap; gap:14px; }
.journal-actions a { padding:12px 16px; border:1px solid rgba(36,29,24,.25); font-size:12px; font-weight:800; }
.article-shell { max-width:1180px; padding-top:62px; }
.breadcrumbs { display:block; margin:0 0 46px; font-size:12px; color:var(--muted); }
.breadcrumbs ol { margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; list-style:none; }
.breadcrumbs li:not(:last-child):after { content:"/"; margin-left:8px; opacity:.45; }
.breadcrumbs a { text-decoration:underline; text-underline-offset:3px; }
.breadcrumbs a:after { content:none; }
.article-shell>h1 { max-width:980px; font-size:clamp(42px,6vw,76px); line-height:1.18; letter-spacing:-.045em; }
.article-trust-meta { margin:26px 0 14px; display:flex; flex-wrap:wrap; gap:9px; color:var(--muted); font-size:11px; }
.article-trust-meta span { padding:7px 10px; border:1px solid rgba(36,29,24,.16); background:rgba(255,255,255,.42); }
.source-label { margin:0 0 34px; color:var(--red); font-size:11px; font-weight:900; letter-spacing:.04em; }
.article-answer { margin:0 0 48px; padding:30px 34px; border-left:5px solid var(--red); color:#4f4137; background:#f4e5ce; font-family:"Noto Serif TC",serif; font-size:21px; line-height:1.85; }
.article-answer strong { color:var(--red); }
.article-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:64px; align-items:start; }
.toc-column { position:sticky; top:24px; }
.article-toc { border:1px solid rgba(36,29,24,.18); background:var(--paper); }
.article-toc summary { min-height:52px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; color:var(--red); font-size:12px; font-weight:900; letter-spacing:.08em; }
.article-toc summary::-webkit-details-marker { display:none; }
.article-toc summary span { transition:transform .2s; }
.article-toc[open] summary span { transform:rotate(45deg); }
.article-toc nav { display:block; padding:4px 16px 17px; }
.article-toc nav ol { margin:0; padding:0; list-style:none; }
.article-toc nav li { margin:0; border-top:1px solid rgba(36,29,24,.1); }
.article-toc nav li a { min-height:42px; display:flex; align-items:center; color:#5f5045; font-size:11px; line-height:1.5; }
.article-toc nav li a:after { content:none; }
.article-toc .toc-level-3 a { padding-left:15px; color:#807065; font-size:10px; }
.article-body { min-width:0; }
.key-points { margin:0 0 54px; padding:30px; border:1px solid rgba(157,45,31,.25); background:#fff7e9; }
.key-points h2,.article-section h2,.article-sources h2,.related-reading h2 { scroll-margin-top:24px; }
.key-points h2 { margin:0 0 22px; font-size:30px; }
.key-points ol { margin:0; padding:0; counter-reset:points; list-style:none; }
.key-points li { padding:15px 0 15px 44px; position:relative; border-top:1px solid rgba(36,29,24,.12); line-height:1.75; }
.key-points li:before { counter-increment:points; content:"0" counter(points); position:absolute; left:0; color:var(--red); font-family:serif; font-weight:800; }
.article-section { margin:0; padding:0 0 42px; }
.article-section h2 { margin:0 0 20px; font-size:34px; line-height:1.4; }
.article-section p,.article-sources p { color:var(--muted); font-size:16px; line-height:2; }
.article-subsection { margin:30px 0 0; padding-left:24px; border-left:2px solid rgba(157,45,31,.25); }
.article-subsection h3 { scroll-margin-top:24px; margin:0 0 12px; font-family:"Noto Serif TC",serif; font-size:23px; line-height:1.5; }
.article-sources,.related-reading { margin-top:22px; padding-top:44px; border-top:1px solid rgba(36,29,24,.17); }
.article-sources h2,.related-reading h2 { margin:0 0 15px; font-size:31px; }
.article-sources ul { margin:24px 0 0; padding:0; list-style:none; }
.article-sources li { padding:17px 0; display:grid; gap:5px; border-top:1px solid rgba(36,29,24,.12); }
.article-sources li a { text-decoration:underline; text-underline-offset:4px; font-weight:800; }
.article-sources li span { color:var(--muted); font-size:11px; }
.related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.related-grid>a { min-height:170px; padding:22px; display:flex; flex-direction:column; border:1px solid rgba(36,29,24,.16); background:#fff8e9; }
.related-grid span { color:var(--red); font-size:10px; font-weight:900; }.related-grid strong { margin:12px 0; line-height:1.55; }.related-grid small { margin-top:auto; }
.article-cta { margin-top:58px; }
.article-cta h2 { scroll-margin-top:24px; }
.article-disclosure,.article-policy-link { margin-top:18px; padding:18px 20px; color:var(--muted); background:rgba(36,29,24,.06); font-size:11px; line-height:1.8; }
.article-policy-link { margin-top:8px; }.article-policy-link a { text-decoration:underline; }
.archive-page,.policy-page { min-height:100vh; background:var(--paper); }
.archive-hero,.policy-shell { max-width:1180px; margin:auto; padding:80px 6vw; }
.archive-hero h1,.policy-shell h1 { font-size:clamp(48px,7vw,88px); }
.archive-hero>p:last-of-type,.policy-lead { max-width:780px; color:var(--muted); font-size:18px; line-height:1.9; }
.category-list { margin-top:44px; display:flex; flex-wrap:wrap; gap:9px; }
.category-list a { padding:10px 14px; border:1px solid rgba(36,29,24,.18); font-size:11px; font-weight:800; }.category-list span { margin-left:10px; color:var(--red); }
.archive-library { padding:0 6vw 100px; }.archive-category { max-width:1180px; margin:0 auto 70px; scroll-margin-top:20px; }.archive-category-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:24px; border-bottom:1px solid rgba(36,29,24,.18); }.archive-category-heading p { color:var(--red); font-size:10px; font-weight:900; }.archive-category-heading h2 { margin:0 0 14px; font-size:42px; }
.archive-grid { display:grid; gap:18px; }.archive-grid article { display:grid; grid-template-columns:260px 1fr; min-height:240px; border:1px solid rgba(36,29,24,.16); }.archive-grid img { width:100%; height:100%; min-height:240px; object-fit:cover; }.archive-grid article>div { padding:28px; }.archive-grid article p { margin:0 0 10px; color:var(--red); font-size:10px; font-weight:900; }.archive-grid h3 { margin:0 0 10px; font-family:"Noto Serif TC",serif; font-size:27px; line-height:1.45; }.archive-grid small,.archive-grid article span { display:block; color:var(--muted); }.archive-grid article span { margin:17px 0; line-height:1.75; }.archive-read { font-size:11px; font-weight:900; }
.archive-trust { padding:58px 8vw; display:flex; align-items:center; gap:24px; color:#f8ecdc; background:var(--ink); }.archive-trust div { margin-right:auto; }.archive-trust h2 { margin:0 0 12px; font-size:32px; }.archive-trust p { max-width:700px; margin:0; color:#cdbeb1; line-height:1.8; }.archive-trust>a { padding:12px 14px; border:1px solid rgba(255,255,255,.4); font-size:11px; font-weight:800; }
.policy-shell { max-width:900px; }.policy-shell section { margin-top:52px; }.policy-shell section h2 { font-size:32px; }.policy-shell section p { color:var(--muted); font-size:16px; line-height:2; }.policy-shell section a { text-decoration:underline; }.policy-note { margin-top:60px; padding:24px; display:flex; justify-content:space-between; color:#fff4e5; background:var(--red); }
@media (max-width:860px){.article-layout{grid-template-columns:1fr;gap:30px}.toc-column{position:static}.article-toc summary{min-height:56px}.archive-trust{align-items:flex-start;flex-direction:column}.archive-trust div{margin:0}.related-grid{grid-template-columns:1fr}}
@media (max-width:640px){.article-shell{padding:48px 20px 100px}.breadcrumbs{margin-bottom:34px}.article-shell>h1{font-size:40px}.article-answer{padding:24px 22px;font-size:18px}.key-points{padding:23px 20px}.article-section h2{font-size:29px}.article-section p,.article-sources p{font-size:15px}.article-subsection{padding-left:17px}.article-subsection h3{font-size:21px}.archive-hero,.policy-shell{padding:60px 20px}.archive-hero h1,.policy-shell h1{font-size:46px}.archive-library{padding:0 20px 80px}.archive-grid article{grid-template-columns:1fr}.archive-grid img{height:220px}.archive-category-heading{align-items:start;flex-direction:column}.archive-category-heading h2{font-size:36px}.archive-trust{padding:48px 20px}.category-list a{min-height:44px;display:flex;align-items:center}.journal-actions a{min-height:44px;display:flex;align-items:center}}

/* Conversion-first table selector */
.hero-copy { position:relative; }
.hero-copy:before { content:"ORDER NOTE · 01"; position:absolute; top:5%; right:5vw; color:rgba(157,45,31,.55); font-family:Georgia,serif; font-size:9px; font-weight:800; letter-spacing:.2em; }
.funnel-steps span { min-width:120px; }
.table-selector { color:#f8ead5; background:var(--ink); }
.table-selector .kicker { color:#d9a65f; }
.selector-heading { display:grid; grid-template-columns:1fr .72fr; gap:8vw; align-items:end; margin-bottom:58px; }
.selector-heading h2 { margin:0; max-width:800px; font-size:clamp(45px,5.6vw,78px); line-height:1.15; letter-spacing:-.045em; }
.selector-note { padding:24px 0 0 28px; border-left:1px solid rgba(248,234,213,.28); }
.selector-note b { color:#e2b877; font-family:"Noto Serif TC",serif; font-size:20px; }
.selector-note p { margin:12px 0 0; color:#c3b09b; font-size:12px; line-height:1.9; }
.choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid rgba(248,234,213,.25); }
.choice-card { min-height:485px; padding:30px; display:flex; flex-direction:column; position:relative; color:var(--ink); background:#f4ecdd; border-right:1px solid rgba(36,29,24,.2); transition:transform .2s,background .2s; }
.choice-card:last-child { border-right:0; }
.choice-card:nth-child(2) { color:#fff1dc; background:var(--red); }
.choice-card:hover { z-index:1; transform:translateY(-7px); }
.choice-no { font-family:Georgia,serif; font-size:13px; opacity:.6; }
.choice-scene { margin:54px 0 11px; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.15em; }
.choice-card:nth-child(2) .choice-scene { color:#f0c584; }
.choice-card h3 { margin:0; font-family:"Noto Serif TC",serif; font-size:clamp(25px,2.3vw,35px); line-height:1.45; }
.choice-result { margin:30px 0; padding-top:24px; border-top:1px solid rgba(36,29,24,.18); }
.choice-card:nth-child(2) .choice-result { border-color:rgba(255,241,220,.28); }
.choice-result small { display:block; margin-bottom:8px; font-size:9px; font-weight:900; letter-spacing:.16em; opacity:.62; }
.choice-result strong { display:block; font-family:"Noto Serif TC",serif; font-size:20px; line-height:1.5; }
.choice-result p { margin:10px 0 0; font-size:11px; line-height:1.75; opacity:.72; }
.choice-actions { display:grid; gap:8px; margin-top:auto; }
.choice-actions a { min-height:46px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(36,29,24,.28); font-size:11px; font-weight:900; }
.choice-actions a:last-child { color:#fff7ea; background:var(--ink); border-color:var(--ink); }
.choice-card:nth-child(2) .choice-actions a { border-color:rgba(255,241,220,.38); }
.choice-card:nth-child(2) .choice-actions a:last-child { color:var(--ink); background:#f3dfbd; border-color:#f3dfbd; }
.selector-proof { margin:30px 0 0; display:flex; justify-content:center; gap:18px; color:#bfae9b; font-size:10px; font-weight:800; letter-spacing:.08em; }
.selector-proof i { color:#d9a65f; font-style:normal; }
.product-card { scroll-margin-top:28px; }
.product-info small { margin-bottom:12px; }
.product-fit { margin:0 0 25px!important; color:#68584d!important; font-size:11px!important; font-weight:500!important; letter-spacing:0!important; line-height:1.7; }
.visit-lead { max-width:570px; color:#edd4b7; font-size:13px; line-height:1.9; }
a:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }

@media (max-width:980px){.choice-card{padding:24px}.choice-actions a{padding:0 10px}.selector-heading{grid-template-columns:1fr;gap:25px}.selector-note{max-width:650px}}
@media (max-width:780px){.hero-copy:before{top:22px;right:24px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:410px;border-right:0;border-bottom:1px solid rgba(36,29,24,.2)}.choice-card:last-child{border-bottom:0}.choice-card:hover{transform:none}.selector-proof{justify-content:flex-start;flex-wrap:wrap}.funnel-steps span{min-width:0}.selector-note{padding-left:20px}}
@media (max-width:480px){.table-selector{padding-top:72px}.selector-heading h2{font-size:43px}.choice-card{min-height:390px;padding:25px 22px}.choice-scene{margin-top:38px}.selector-proof{gap:10px}.funnel-steps{align-items:flex-start}.hero-copy:before{font-size:8px}.visit-lead{font-size:12px}}
@media (max-width:780px){.story-showcase{grid-template-columns:1fr}.family-photo{min-height:480px}.story-showcase .family-card{min-height:210px}.product-visual{min-height:300px}}



/* WordPress migration layer */
.brand-wp-header{width:min(1180px,calc(100% - 40px));margin:auto}.brand-wp-header .brand-monogram{flex:0 0 auto}.brand-wp-footer{padding:52px max(20px,calc((100vw - 1180px)/2));}.brand-wp-footer-inner{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:24px}.brand-wp-footer-inner>div{display:flex;flex-direction:column;gap:10px}.brand-wp-main{width:min(1040px,calc(100% - 40px));margin:auto;min-height:70vh;padding:70px 0}.brand-wp-main>h1{font-size:clamp(42px,6vw,72px);line-height:1.08;margin:18px 0 22px}.brand-wp-lead,.brand-page-lead{font-size:18px;line-height:1.8;color:var(--muted,#666)}.brand-wp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.brand-wp-card{display:block;padding:26px;border:1px solid color-mix(in srgb,var(--ink,#222) 18%,transparent);background:var(--paper,#fff);color:inherit;text-decoration:none}.brand-wp-card span{font-size:12px;font-weight:800;color:var(--teal,var(--blue,var(--plum,var(--red,var(--deep,#765)))))}.brand-wp-card h2{font-size:25px;line-height:1.35;margin:12px 0}.brand-wp-card p{line-height:1.7;color:var(--muted,#666)}.brand-wp-card small{color:var(--muted,#666)}.brand-topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}.brand-topic-list>div{padding:18px;background:var(--paper,#fff);display:flex;gap:14px}.brand-topic-list span{font-weight:900}.brand-wp-article{width:min(1160px,calc(100% - 40px));margin:auto;padding:60px 0}.brand-wp-breadcrumbs{font-size:12px;margin-bottom:30px}.brand-wp-breadcrumbs a{text-decoration:none}.brand-wp-article-head{max-width:900px}.brand-wp-article-head h1{font-size:clamp(42px,6vw,72px);line-height:1.08;margin:15px 0}.brand-wp-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted,#666);font-size:13px}.brand-wp-label{display:inline-block;margin-top:14px;padding:8px 12px;border:1px solid currentColor;font-size:12px;font-weight:900}.brand-wp-featured{width:100%;max-height:620px;object-fit:cover;margin:34px 0}.brand-wp-answer{max-width:880px;margin:32px 0;padding:24px;background:var(--paper,#fff);border-left:5px solid var(--teal,var(--blue,var(--plum,var(--red,var(--deep,#765)))))}.brand-wp-answer p{font-size:18px;line-height:1.75;margin-bottom:0}.brand-wp-takeaways{max-width:880px;background:var(--paper,#fff);padding:24px;margin-bottom:28px}.brand-wp-takeaways li{margin:9px 0;line-height:1.6}.brand-wp-article-layout{display:grid;grid-template-columns:260px minmax(0,780px);gap:58px;align-items:start}.brand-wp-toc{position:sticky;top:24px;background:var(--paper,#fff);padding:20px}.brand-wp-toc ol{list-style:none;padding:0;margin:14px 0 0}.brand-wp-toc li{margin:9px 0;font-size:13px;line-height:1.45}.brand-wp-toc .level-3{padding-left:14px}.brand-wp-toc a{text-decoration:none}.brand-wp-content h2{font-size:31px;margin-top:48px;line-height:1.3}.brand-wp-content h3{font-size:23px;margin-top:34px}.brand-wp-content p,.brand-wp-content li{font-size:17px;line-height:1.85}.brand-article-sources li{margin:12px 0}.brand-article-sources span{display:block;color:var(--muted,#666);font-size:12px}.brand-wp-cta,.brand-wp-disclosure{margin-top:36px;padding:22px;background:var(--paper,#fff)}.brand-wp-cta a{display:inline-block;margin-top:10px;font-weight:900}.brand-wp-disclosure{font-size:13px;line-height:1.7}.brand-wp-future{padding:70px max(20px,calc((100vw - 1180px)/2));background:var(--paper,#fff)}.brand-wp-future .brand-wp-grid{max-width:1180px}.brand-calculator{margin-top:34px}.brand-wp-not-found{text-align:center}.ez-toc-container{width:100%!important;box-shadow:none!important;border:0!important}.admin-bar .brand-wp-toc{top:56px}
@media(max-width:760px){.brand-wp-header nav{display:none}.brand-wp-main,.brand-wp-article{width:min(100% - 28px,1040px);padding:44px 0}.brand-wp-grid,.brand-topic-list,.brand-wp-article-layout,.brand-wp-footer-inner{grid-template-columns:1fr}.brand-wp-article-layout{gap:20px}.brand-wp-toc{position:static}.brand-wp-article-head h1,.brand-wp-main>h1{font-size:42px}.brand-wp-future{padding:48px 14px}}
