/* Beginner Help only. Native navigation, no client-side state. */
.help-page { --help-panel:#22241e; --help-note:#2b2b20; --help-accent:#e6c485; }
html[data-theme="light"] .help-page { --help-panel:#fffaf0; --help-note:#eee2c8; --help-accent:#875021; }
.help-page .shell { max-width:1320px; }
.help-main { padding:38px 0 54px; }
.help-breadcrumb { font-size:13px; margin:0 0 28px; color:var(--muted); }
.help-hero { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:40px; align-items:center; padding-bottom:35px; border-bottom:1px solid var(--line); }
.help-hero h1 { font:400 clamp(40px,5.1vw,72px)/1.05 Georgia,serif; letter-spacing:-.035em; margin:12px 0 20px; max-width:850px; }
.help-hero .eyebrow { color:var(--help-accent); }
.help-lead { font-size:19px; line-height:1.55; max-width:620px; margin:0; color:var(--muted); }
.help-seal { border:1px solid #514c3e; border-radius:50% 50% 6px 6px; padding:32px 23px; text-align:center; background:#22241e; color:#e6c485; }
.help-seal b { font:400 45px/1.2 Georgia,serif; display:block; margin-bottom:10px; }
.help-seal span { display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.help-draft { font-size:12px; color:var(--muted); margin:18px 0 28px; }
.help-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.help-card { min-height:205px; display:flex; flex-direction:column; text-decoration:none; padding:25px; background:var(--help-panel); border:1px solid var(--line); border-radius:5px; }
.help-card:hover { border-color:var(--help-accent); }
.help-card .help-number { color:var(--help-accent); font-size:12px; letter-spacing:.1em; }
.help-card h2 { font:400 27px/1.2 Georgia,serif; margin:20px 0 12px; }
.help-card p { color:var(--muted); margin:0; font-size:15px; }
.help-card .help-arrow { margin-top:auto; padding-top:14px; color:var(--help-accent); }
.help-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:52px; }
.help-nav { display:block; align-self:start; padding-top:4px; }
.help-nav p { font-size:11px; color:var(--help-accent); letter-spacing:.12em; text-transform:uppercase; }
.help-nav a { display:block; padding:11px 12px; margin-bottom:4px; text-decoration:none; font-size:14px; border-left:2px solid transparent; }
.help-nav a[aria-current="page"] { border-color:var(--help-accent); background:var(--help-panel); }
.help-nav a:hover { text-decoration:underline; }
.help-article { max-width:760px; min-width:0; }
.help-section { padding:0 0 25px; margin:0 0 27px; border-bottom:1px solid var(--line); scroll-margin-top:24px; }
.help-section h2 { font:400 29px/1.2 Georgia,serif; margin:0 0 15px; }
.help-section h2 a { text-decoration:none; }
.help-section h2 a:hover { text-decoration:underline; }
.help-section h2 a span { font:14px Arial,sans-serif; color:var(--help-accent); }
.help-section p,.help-section li { font-size:17px; line-height:1.75; }
.help-section p { margin:12px 0; }
.help-section ol { padding-left:25px; }
.help-section li { padding-left:5px; margin-bottom:12px; }
.help-section.notice { padding:24px; border:1px solid var(--line); border-left:3px solid var(--help-accent); border-radius:4px; background:var(--help-note); }
.help-links { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:18px; }
.help-links a { font-size:14px; line-height:1.6; padding:5px 0; }
.help-section .help-source { font-size:12px; color:var(--muted); margin-top:17px; }
.help-section .help-source a { font-size:12px; }
.help-next { display:flex; justify-content:space-between; gap:20px; margin:30px 0 0; font-size:14px; }
.help-review { font-size:12px; color:var(--muted); margin:24px 0 0; }
.help-disclosure { background:var(--help-panel); padding:20px; border:1px solid var(--line); }
.help-disclosure p { font-size:13px; line-height:1.65; }
.help-disclosure code { font-size:11px; overflow-wrap:anywhere; }
.help-section figure { margin:22px 0; padding:clamp(12px,2vw,24px); background:#fffaf0; border:1px solid #d4c9b5; border-radius:5px; color:#514b40; }
.help-section figure > a { display:block; }
.help-section img { display:block; max-width:100%; height:auto; box-sizing:border-box; border:1px solid #d4c9b5; }
.help-section figcaption { margin-top:12px; font-size:12px; color:#514b40; }
.help-page a { overflow-wrap:anywhere; }
.help-page .workshop-footer { color:var(--muted); }
@media(max-width:850px) { .help-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .help-layout { grid-template-columns:180px minmax(0,1fr); gap:30px; } .help-hero { grid-template-columns:minmax(0,1fr) 160px; gap:24px; } }
@media(max-width:600px) { .help-page .masthead { flex-direction:column; } .help-page .masthead nav { width:100%; flex-wrap:wrap; } .help-page .topnote { font-size:9px; letter-spacing:.04em; } .help-main { padding-top:24px; } .help-hero { grid-template-columns:1fr; gap:0; padding-bottom:25px; } .help-seal { display:none; } .help-hero h1 { font-size:43px; } .help-lead { font-size:17px; } .help-grid { grid-template-columns:1fr; gap:12px; } .help-card { min-height:0; padding:22px; } .help-card h2 { margin-top:12px; } .help-layout { grid-template-columns:1fr; gap:28px; } .help-nav { border-bottom:1px solid var(--line); padding-bottom:18px; } .help-nav p { margin-top:0; } .help-nav a { display:inline-block; padding:9px; font-size:13px; } .help-section h2 { font-size:27px; } .help-section p,.help-section li { font-size:16px; } .help-section.notice { padding:19px; } .help-next { flex-wrap:wrap; } }

/* Live integration: scoped to Help; retain live header/theme. */
.help-page { --help-panel:#22241e; --help-note:#2b2b20; --help-accent:#e6c485; }
.help-growing { margin:24px 0; color:var(--muted); line-height:1.6; }
.help-hero { margin-bottom:28px; }