/* Navigation and browsing refinements, v0.3. */
/* Guide discovery and long-article navigation, v0.4. */
.guide-start{margin-bottom:36px}
.guide-start>h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:0 0 8px}
.guide-start>p{color:var(--muted);margin:0 0 20px;font-size:15px}
.guide-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.guide-shortcuts>a{background:var(--panel);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.guide-shortcuts h3{font-size:19px;line-height:1.25;margin:0 0 10px}
.guide-shortcuts p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px}
.guide-shortcuts span{color:var(--accent);margin-top:auto}
.guide-shortcuts>a:hover{border-color:var(--accent)}
.archive-search{background:transparent;border:1px solid var(--line);color:var(--ink);font-size:13px;padding:10px 14px;min-height:44px}
.card-excerpt{font-size:14px;line-height:1.55;color:var(--muted);margin:10px 0}
.article-directory{max-width:720px;margin:0 auto 28px;background:var(--panel);border:1px solid var(--line);padding:16px 20px}
.article-directory summary{cursor:pointer;font-weight:700;font-size:16px;min-height:28px}
.article-directory summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.article-directory ul{padding:0;list-style:none;margin:16px 0 0}
.article-directory li{margin:0}
.article-directory a{display:block;color:var(--muted);font-size:14px;line-height:1.45;padding:9px 0;text-decoration:underline;text-underline-offset:3px}
.article-directory a:hover{color:var(--accent)}
.article-directory .directory-subsection{padding-left:18px}
.article-content h2,.article-content h3{scroll-margin-top:24px}
@media(max-width:900px){.guide-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.guide-shortcuts>a{padding:16px}.guide-shortcuts h3{font-size:18px}.guide-browse-heading{flex-wrap:wrap}.article-directory{padding:14px 16px}.article-directory a{min-height:44px}.card-excerpt{font-size:14px}}
@media(max-width:420px){.guide-shortcuts{grid-template-columns:1fr}.guide-shortcuts>a{position:relative;padding-right:42px}.guide-shortcuts p{margin-bottom:0}.guide-shortcuts span{position:absolute;right:17px;top:18px}}
.edition-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}
.edition-bar>a,.latest-more{font-size:12px;color:var(--accent)}
.latest-more{display:inline-block;margin-top:10px}
.lead-grid>*,.masthead>*,.card{min-width:0}
.secondary-stories .card:last-child{margin-bottom:0}
.guides-section{background:var(--panel);padding:24px}
.guides-section .section-heading{border:0;padding-top:0;margin-bottom:10px}
.guides-section .section-heading .eyebrow{margin:0 0 6px}
.section-intro{color:var(--muted);font-size:15px;max-width:650px;margin:0 0 24px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:20px}
.breadcrumbs a:hover{text-decoration:underline}
.article-header h1,.lead h1{overflow-wrap:break-word}
.main-nav .nav-current a{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
@media(max-width:1050px) and (min-width:701px){.latest-more{grid-column:1/-1}.latest{align-items:start}}
@media(max-width:700px){
 .top-actions button,.top-actions .pill{min-height:44px;display:flex;align-items:center;justify-content:center}
 .top-actions{gap:8px}
 .top-actions button{font-size:11px;padding:8px 10px}
 .main-nav.open{display:block}
 .main-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .main-nav li{min-width:0}
 .main-nav a{display:block;padding:11px 9px;min-height:44px;border-radius:4px}
 .main-nav .nav-current a{background:var(--panel);text-decoration:none}
 .edition-bar{gap:12px}.edition-bar .edition{max-width:65%;line-height:1.4}
 .edition-bar>a{font-size:11px;white-space:nowrap}
 .guides-section{padding:20px 18px;margin-left:-18px;margin-right:-18px}
 .section-heading>a{min-height:44px;display:flex;align-items:center}
 .section-intro{font-size:14px}
 .breadcrumbs{margin-bottom:15px}
 .card .meta{font-size:12px}
}

.newcomer-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--border);margin:24px 0;background:var(--panel)}.newcomer-callout h3{margin:0 0 8px}.newcomer-callout p{margin:0}.newcomer-callout .pill{flex-shrink:0}@media(max-width:600px){.newcomer-callout{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}}

/* Homepage visual refinement, v0.6. */
.home-template .edition-bar{border-bottom:1px solid var(--line);margin-bottom:24px}
.home-template .lead{background:transparent;border-bottom:1px solid var(--line);padding-bottom:24px}
.home-template .lead-copy{padding-left:0;padding-right:0}
.home-template .lead h1{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-1px}
.home-template .lead-summary,.home-template .lead-meta{margin-left:0;margin-right:0}
.home-template .lead-photo{height:320px}
.home-template .latest{border-top:3px solid var(--accent);background:transparent;padding:18px 0}
.home-template .news-section{margin-top:52px}
.home-template .section-heading h2{font-size:29px;letter-spacing:-.7px}
.home-template .guides-section,.home-template .community{padding:28px;border-top:3px solid var(--line)}
.home-template .newcomer-callout{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--paper);padding:24px}
.home-template .newcomer-callout h3{font-size:23px;line-height:1.25}
.home-template .newcomer-callout p{font-size:14px;color:var(--muted);max-width:560px}
.home-template .cards .card-image{height:220px}
.home-template .cards .card h3{line-height:1.25;font-size:23px;margin-top:12px}
.site-footer ul{flex-wrap:wrap}
.site-footer nav{min-width:0}
@media(max-width:700px){
.home-template .edition-bar{margin-bottom:20px}
.home-template .lead-photo{height:240px}
.home-template .lead h1{font-size:31px}
.home-template .news-section{margin-top:36px}
.home-template .guides-section,.home-template .community{padding:22px 18px}
.home-template .section-heading h2{font-size:26px}
.home-template .newcomer-callout{padding:18px}
.home-template .newcomer-callout h3{font-size:21px}
.home-template .cards .card-image{height:110px}
.home-template .cards .card h3{font-size:21px;margin-top:8px}
.site-footer nav a{display:inline-block;padding:8px 0;min-height:44px}
.site-footer ul{gap:4px 16px}
}

/* Reading navigation, v0.7. */
.article-feedback{max-width:720px;margin:36px auto 0;padding:20px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--muted)}
.article-feedback p{width:100%;margin:0 0 4px;font-weight:700;color:var(--ink)}
.article-feedback a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:flex;align-items:center}
@media(max-width:700px){.page-template .breadcrumbs{font-size:12px;line-height:1.5}.article-feedback{margin-top:28px;gap:0 18px}}

/* Contributor archive and missing-page navigation, v0.8. */
.author-profile{display:flex;align-items:flex-start;gap:24px}.author-avatar{width:88px;height:88px;object-fit:cover;border-radius:50%;flex-shrink:0}.author-bio{max-width:700px;color:var(--muted)}.author-heading .eyebrow{margin-top:0}.author-heading .meta{font-size:13px}.error-heading{max-width:800px;padding-bottom:80px}.error-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.error-actions>a{min-height:44px;display:flex;align-items:center;font-size:14px}
@media(max-width:700px){.author-profile{gap:16px}.author-avatar{width:64px;height:64px}.author-heading h1{font-size:30px}.error-actions{align-items:flex-start;flex-direction:column}}