/* ==========================================================================
   TT Core — 版式 "T4 指南页"（Claude 设计稿 guide-option-b.html，2026-10-13 · Mark 拍板照稿做）
   · 本文件只服务 tt_layout=t4 的页面（条件加载）。
   · 字体 Fraunces + Public Sans 自托管，零 Google 依赖。
   · 以下样式照抄 Claude 设计稿（选择器前缀 ttgd）。
   ========================================================================== */

@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-var.woff2) format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/public-sans-var-latin.woff2) format('woff2');}

/* 外层放开窄栏 */
body.tt-type-guide:has(.ttgd) .entry-content.tt-content{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}

.ttgd{--acc:#8E2A17;--acc-dk:#6B1E10;--ink:#1C2733;--txt:#39434F;--mute:#4A5562;--soft:#6A7380;--sand:#F6F3EE;--chip:#F1ECE3;--line:#E4E0D8;--gold:#E2B04A;
  --c1:#8E2A17;--c2:#1F5C8A;--c3:#8A5A12;--c4:#2F6B4F;
  font-family:'Public Sans',system-ui,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
.ttgd *,.ttgd *::before,.ttgd *::after{box-sizing:border-box}
.ttgd img{display:block;max-width:100%}
.ttgd a{color:var(--acc)}.ttgd a:hover{color:var(--acc-dk)}
.ttgd h1,.ttgd h2,.ttgd h3{font-family:'Fraunces',Georgia,serif;font-weight:600;margin:0;line-height:1.15}
.ttgd p{margin:0}
.ttgd-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ttgd-sec{padding:76px 0}
.ttgd-sand{background:var(--sand)}
.ttgd-eb{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.ttgd-h2{font-size:38px}
.ttgd-lead{font-size:17px;color:var(--mute);margin-top:8px;max-width:780px}
.ttgd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:6px;font:600 16px 'Public Sans',sans-serif;text-decoration:none;border:0;cursor:pointer}
.ttgd-btn--acc{background:var(--acc);color:#fff!important}.ttgd-btn--acc:hover{background:var(--acc-dk)}
.ttgd-cover{position:relative;overflow:hidden;background:#CFC8BB}
.ttgd-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* hero */
.ttgd-hero{position:relative;min-height:480px;display:flex;align-items:flex-end;color:#fff;background:#4b4842}
.ttgd-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ttgd-hero::after{content:"";position:absolute;inset:0;background:rgba(15,20,28,.55)}
.ttgd-hero .ttgd-wrap{position:relative;z-index:1;width:100%;padding-top:72px;padding-bottom:104px}
.ttgd-crumb{font-size:13px;margin-bottom:16px;color:#EDE7DC}
.ttgd-crumb a{color:#EDE7DC}
.ttgd-hero .ttgd-eb{color:#F3E3C3}
.ttgd-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.05}
.ttgd-hero p{font-size:19px;max-width:660px;margin-top:14px}

/* quick facts */
.ttgd-facts{position:relative;z-index:2;margin-top:-60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ttgd-fact{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 8px 28px rgba(28,39,51,.12)}
.ttgd-fact small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.ttgd-fact strong{display:block;font:600 22px/1.25 'Fraunces',serif;margin:4px 0 2px}
.ttgd-fact span{font-size:14px;color:var(--mute)}

/* four permit cards */
.ttgd-permits{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:28px}
.ttgd-permit{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:90px}
.ttgd-permit__band{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#fff}
.ttgd-permit__band b{font:600 36px 'Fraunces',serif}
.ttgd-permit__band span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ttgd-permit__b{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.ttgd-permit h3{font-size:22px;line-height:1.2}
.ttgd-permit small{font-size:13px;color:var(--soft)}
.ttgd-permit p{font-size:15px;color:var(--txt);flex-grow:1}
.ttgd-permit a{font-weight:600;font-size:15px}
.ttgd-k1{background:var(--c1)}.ttgd-k2{background:var(--c2)}.ttgd-k3{background:var(--c3)}.ttgd-k4{background:var(--c4)}

/* where you go */
.ttgd-where{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;margin-top:24px}
.ttgd-place{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;background:#fff;border-radius:10px;padding:14px 18px}
.ttgd-place b{font-size:16px}
.ttgd-tags{display:flex;flex-wrap:wrap;gap:6px}
.ttgd-tag{font-size:12px;font-weight:700;color:#fff;border-radius:999px;padding:4px 10px}
.ttgd-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:14px;color:var(--mute)}
.ttgd-legend span{display:inline-flex;align-items:center;gap:6px}
.ttgd-legend i{width:12px;height:12px;border-radius:999px;display:inline-block}

/* steps */
.ttgd-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;counter-reset:s}
.ttgd-steps li{position:relative;background:var(--sand);border-radius:14px;padding:26px 22px 24px}
.ttgd-steps .ic{width:56px;height:56px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--acc)}
.ttgd-steps .n{position:absolute;top:22px;right:22px;font:600 32px 'Fraunces',serif;color:#D6CBB8}
.ttgd-steps h3{font:700 18px 'Public Sans',sans-serif;margin-bottom:6px}
.ttgd-steps p{font-size:15px;color:var(--mute)}

/* guides */
.ttgd-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:28px}
.ttgd-guide{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink)!important;transition:box-shadow .2s}
.ttgd-guide:hover{box-shadow:0 8px 24px rgba(28,39,51,.12)}
.ttgd-guide .ttgd-cover{height:140px}
.ttgd-guide div.t{padding:14px 16px 16px}
.ttgd-guide h3{font:700 16px/1.35 'Public Sans',sans-serif}
.ttgd-guide p{font-size:13px;color:var(--soft);margin-top:4px;line-height:1.45}

/* help + tours */
.ttgd-help{background:var(--ink);color:#fff;border-radius:16px;padding:40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.ttgd-help h2{font-size:32px;color:#fff}
.ttgd-help p{color:#C9D0D8;margin-top:6px}
.ttgd-tours{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:28px}
.ttgd-tour{display:block;text-decoration:none;color:var(--ink)!important}
.ttgd-tour .ttgd-cover{height:220px;border-radius:12px}
.ttgd-tour h3{font-size:20px;margin-top:12px;line-height:1.25}
.ttgd-tour span{display:block;font-size:14px;color:var(--mute);margin-top:4px}

/* faq */
.ttgd-faq{max-width:880px;border-top:1px solid var(--line);margin-top:24px}
.ttgd-faq details{border-bottom:1px solid var(--line)}
.ttgd-faq summary{list-style:none;cursor:pointer;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;font-size:17px}
.ttgd-faq summary::-webkit-details-marker{display:none}
.ttgd-faq summary::after{content:"+";font-size:24px;color:var(--acc)}
.ttgd-faq details[open] summary::after{content:"−"}
.ttgd-faq details p{color:var(--mute);padding-bottom:20px}

/* 通用文章型（v0.3.74）：散文段 + 无图卡片（复用许可证页视觉语言） */
.ttgd-prose{max-width:840px}
.ttgd-prose h3{font:700 18px/1.3 'Public Sans',sans-serif;margin:24px 0 6px;color:var(--ink)}
.ttgd-prose h4{font:700 16px 'Public Sans',sans-serif;margin:18px 0 4px}
.ttgd-prose p{color:var(--mute);margin-top:10px}
.ttgd-prose ul,.ttgd-prose ol{margin:10px 0 0;padding-left:22px;color:var(--mute)}
.ttgd-prose li{margin:5px 0}
.ttgd-prose a{color:var(--acc);font-weight:600}
.ttgd-prose img{border-radius:10px;margin-top:14px}
.ttgd-prose table{width:100%;border-collapse:collapse;margin-top:16px;font-size:15px}
.ttgd-prose th,.ttgd-prose td{border:1px solid var(--line);padding:9px 11px;text-align:left;color:var(--txt)}
.ttgd-prose th{background:var(--sand);font-weight:700}
.ttgd-guide .t ul,.ttgd-guide .t ol{margin:6px 0 0;padding-left:18px}
.ttgd-guide .t li{font-size:13px;color:var(--soft);line-height:1.45;margin:3px 0}
.ttgd-guide .t>p:first-of-type{margin-top:4px}

@media (max-width:760px){
  .ttgd-sec{padding:56px 0}
  .ttgd-h2{font-size:29px}
  .ttgd-hero .ttgd-wrap{padding-bottom:92px}
  .ttgd-where{grid-template-columns:1fr}
  .ttgd-help{padding:28px}
}