:root {
    --hjgf-ink: #17211d;
    --hjgf-muted: #66716c;
    --hjgf-line: #e2e8e4;
    --hjgf-paper: #f6f8f6;
    --hjgf-green: #1f6b4f;
    --hjgf-green-dark: #164e3b;
    --hjgf-green-soft: #e9f3ee;
    --hjgf-warm: #c97835;
}

body.tt-body { color: var(--hjgf-ink); background: var(--hjgf-paper); font-size: 17px; line-height: 1.75; }
.tt-shell { width: min(1180px, calc(100% - 40px)); max-width: none; }
.tt-main { padding: 0; }
.tt-header.hjgf-header { border-bottom-color: rgba(31,107,79,.11); background: rgba(255,255,255,.94); }
.hjgf-header-row { display: flex; }
.hjgf-nav { display: flex; }
.hjgf-nav { margin: 0; padding: 0; list-style: none; }
.hjgf-nav li { margin: 0; padding: 0; }
.hjgf-skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; border-radius: 8px; padding: 10px 14px; background: #fff; color: var(--hjgf-green-dark); box-shadow: 0 8px 24px rgba(0,0,0,.16); }
.hjgf-skip-link:focus { top: 16px; }
.hjgf-hero { margin-top: 0; }
.tt-feed-card, .tt-panel, .tt-article-main { border-color: var(--hjgf-line); border-radius: 18px; background: #fff; }
.tt-feed { display: block; gap: 0; }
.tt-article-card.hjgf-post-card { display: flex; padding: 28px 0; background: transparent; border: 0; border-bottom: 1px solid var(--hjgf-line); border-radius: 0; box-shadow: none; }
.tt-article-card.hjgf-post-card:last-child { border-bottom: 0; }
.tt-card-meta { color: var(--hjgf-muted); }
.tt-pill { background: var(--hjgf-green-soft); color: var(--hjgf-green-dark); }
.tt-article-title { color: var(--hjgf-ink); font-size: 24px; }
.tt-article-summary { color: var(--hjgf-muted); }
.tt-card-action { color: var(--hjgf-green); }
.tt-thumb { flex: 0 0 210px; min-height: 0; }
.tt-thumb img { width: 100%; height: 150px; object-fit: cover; }
.hjgf-content-layout.tt-layout, .hjgf-article-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; }
.hjgf-article-layout .tt-article-main { min-width: 0; }
.hjgf-article-layout .tt-sidebar { min-width: 0; }
.tt-page-head { border: 0; padding: 0; background: transparent; box-shadow: none; }
.tt-page-title { color: var(--hjgf-ink); }
.tt-page-desc { color: var(--hjgf-muted); }
.tt-breadcrumb { margin: 0 0 28px; border: 0; padding: 0; background: transparent; }
.tt-prose { max-width: 760px; color: #27312d; font-size: 17px; line-height: 1.86; }
.tt-prose h2 { color: var(--hjgf-ink); font-size: 31px; }
.tt-prose h3 { color: var(--hjgf-ink); font-size: 23px; }
.hjgf-cta { background: var(--hjgf-green-dark); }
.hjgf-button { white-space: nowrap; }
.hjgf-cta > .hjgf-button { flex: 0 0 auto; min-width: 136px; }
.hjgf-footer.tt-footer { margin-top: 0; border-top-color: #274e3e; background: #143c2e; color: #fff; }

@media (max-width: 980px) {
    .hjgf-nav { display: none; }
    .hjgf-nav.is-open { display: flex; }
    .hjgf-nav { margin: 0; padding: 10px; list-style: none; }
    .hjgf-content-layout.tt-layout, .hjgf-article-layout { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    body.tt-body { font-size: 16px; }
    .tt-shell { width: min(100% - 28px, 1180px); }
    .tt-article-card.hjgf-post-card { display: block; }
    .tt-thumb { display: block; margin-top: 20px; }
    .tt-thumb img { height: auto; aspect-ratio: 16 / 9; }
    .tt-prose { font-size: 16px; }
}