@import url("../styles.css?v=20260808-4");

.guide-header .header-grid{grid-template-columns:220px 1fr auto}.guide-nav{display:flex;justify-content:center;gap:24px;font-size:14px}.guide-nav a:hover{color:var(--accent-strong)}.guide-main{background:var(--page)}.guide-hero{padding:70px 0 28px}.guide-crumbs{color:var(--muted);font-size:13px;margin-bottom:24px}.guide-crumbs a{color:var(--accent-strong)}.guide-kicker{color:var(--accent-strong);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.guide-hero h1{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);line-height:1.02;max-width:1000px;margin:14px 0 20px;font-weight:500}.guide-lead{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);line-height:1.4;max-width:850px;color:var(--muted)}.guide-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--subtle);font-size:13px;margin-top:24px}.guide-cover{width:min(1340px,calc(100% - 48px));margin:20px auto 0}.guide-cover img{width:100%;aspect-ratio:3/2;max-height:720px;object-fit:cover}.guide-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;justify-content:center;gap:70px;padding:64px 0 90px}.guide-article{font-size:18px;line-height:1.8}.guide-article h2{font-family:var(--font-display);font-size:clamp(30px,4vw,44px);line-height:1.15;margin:58px 0 18px;font-weight:500}.guide-article h3{font-size:20px;margin:36px 0 10px}.guide-article p{margin:0 0 22px}.guide-article ul,.guide-article ol{padding-left:25px;margin:0 0 26px}.guide-article li{margin:8px 0}.guide-note{border-left:4px solid var(--accent);background:var(--soft);padding:22px 26px;margin:32px 0}.guide-note strong{display:block;margin-bottom:6px}.guide-toc{position:sticky;top:104px;align-self:start;border-top:1px solid var(--line);padding-top:18px}.guide-toc strong{display:block;margin-bottom:14px}.guide-toc a{display:block;color:var(--muted);font-size:14px;padding:7px 0}.guide-toc a:hover{color:var(--accent-strong)}.guide-cta{background:var(--soft);padding:42px;margin-top:54px}.guide-cta h2{margin-top:0}.guide-footer{background:var(--ink);color:var(--page);padding:34px 0}.guide-footer .shell{display:flex;justify-content:space-between;gap:24px;align-items:center}.guide-footer a{color:inherit}.guide-list{padding:60px 0 90px}.guide-list h1{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);font-weight:500}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}.guide-card{border:1px solid var(--line);background:var(--section)}.guide-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.guide-card div{padding:26px}.guide-card h2{font-family:var(--font-display);font-size:30px;line-height:1.15;margin:0 0 12px;font-weight:500}.guide-card p{color:var(--muted)}
@media(max-width:850px){.guide-nav{display:none}.guide-header .header-grid{grid-template-columns:1fr auto}.guide-layout{grid-template-columns:1fr;padding-top:40px}.guide-toc{display:none}.guide-grid{grid-template-columns:1fr}.guide-hero{padding-top:46px}.guide-cover{width:100%}.guide-article{font-size:17px}.guide-footer .shell{display:block}.guide-footer p{margin-bottom:12px}}
.guide-related{border-top:1px solid var(--line);margin-top:54px;padding-top:28px}.guide-related h2{font-size:30px;margin:0 0 18px}.guide-related a{display:block;color:var(--accent-strong);font-weight:700;margin:12px 0}.guide-related a::after{content:" →"}
.guide-meta a{color:var(--accent-strong);font-weight:700}.guide-author{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;background:var(--soft);border:1px solid var(--line);padding:22px;margin-top:52px}.guide-author img{width:72px;height:72px;object-fit:cover;background:var(--page)}.guide-author p{font-size:15px;line-height:1.55;margin:4px 0 0;color:var(--muted)}.guide-author a{color:var(--accent-strong);font-weight:700}@media(max-width:520px){.guide-author{grid-template-columns:54px 1fr}.guide-author img{width:54px;height:54px}}
.guide-cta-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.guide-cta-actions .btn{margin:0}.guide-home-link{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1px solid var(--ink);font-weight:700}.guide-home-link:hover{background:var(--ink);color:var(--page)}.guide-work-link{display:inline-block;margin-top:18px;color:var(--accent-strong);font-weight:700}.guide-work-link::after{content:" →"}
.theme-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0}.theme-case-grid figure{margin:0;border:1px solid var(--line);background:var(--section)}.theme-case-grid img{width:100%;aspect-ratio:6/5;object-fit:cover;object-position:top}.theme-case-grid figcaption{padding:14px 16px;color:var(--muted);font-size:14px}.tech-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none!important;padding:0!important}.tech-list li{background:var(--soft);border:1px solid var(--line);padding:16px;margin:0!important}.guide-code{background:var(--ink);color:var(--page);padding:20px;overflow:auto;font:14px/1.6 Consolas,monospace;margin:28px 0}@media(max-width:700px){.theme-case-grid,.tech-list{grid-template-columns:1fr}}