/* Author: D4Maker | Version: 1.0 | Date: 2026-10-05
   ChangeLog: refine our existing workshop components and evidence layer. */
.hero{min-height:570px;gap:44px;padding-block:55px}.hero h1{font-size:clamp(38px,5.2vw,64px)}
.home-intents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:56px}
.intent-card,.home-learn-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;min-width:0}
.intent-card h2{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}.intent-card p:not(.eyebrow){color:var(--muted)}
.intent-card span,.home-learn-card>a,.home-follow a,.home-updates a,.home-maker-links a{color:var(--accent);font-weight:750}
.intent-card .eyebrow{margin-bottom:16px}.intent-card:hover{border-color:var(--accent)}
.custom-section{padding-block:60px}.custom-lab-boundary{max-width:85ch;font-size:14px;color:inherit;margin-top:24px}
.section{padding-block:65px}.section-heading h2{font-size:clamp(30px,3.5vw,44px)}
.design-media{position:relative}.image-provenance{position:absolute;bottom:8px;left:8px;right:8px;width:fit-content;max-width:calc(100% - 16px);padding:5px 8px;border-radius:4px;background:#090d13;color:#f6fbff;font:700 10px/1.4 ui-monospace,monospace}
.meta{flex-wrap:wrap}.meta span{max-width:100%;overflow-wrap:anywhere}
.home-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-learn-card h3{font-size:26px;line-height:1.2;margin:10px 0}.home-learn-card p:not(.tag){color:var(--muted)}.home-learn-card>a{display:block;padding-block:8px}
.process-line{font:700 12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}
.home-updates{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.home-updates .tag{width:100%;margin:0}.home-updates a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.home-play-music{margin-top:24px}.home-play-music .home-theme-track{padding:24px}.home-play-music .home-theme-track h3{font-size:24px}.home-theme-actions{flex-wrap:wrap}
.home-follow{font-size:14px;color:var(--muted);margin-top:22px}.home-maker{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:center;border-top:1px solid var(--line)}.home-maker>img{width:160px;height:160px;object-fit:contain;border-radius:12px}.home-maker h2{font-size:clamp(28px,3vw,40px)}.home-maker p:not(.eyebrow){color:var(--muted)}.home-maker-links{display:flex;flex-wrap:wrap;gap:10px 24px}.home-maker-links a{min-height:44px;display:inline-flex;align-items:center}
.home-support{padding-bottom:60px}.home-support .support-note{margin:0}
.quick-answer{margin:24px 0 32px;padding:22px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:9px;background:var(--panel);color:var(--ink)}.quick-answer h2{font:750 14px/1.4 ui-monospace,monospace;letter-spacing:.08em;color:var(--accent);margin:0 0 12px}.quick-answer p{font-size:16px;line-height:1.6;color:var(--ink)}.quick-answer .quick-answer-limit{font-size:14px;color:var(--muted)}.quick-answer a{color:var(--accent);text-decoration:underline}.guide-subtitle{font-size:18px;color:var(--muted)}.evidence-label{display:inline-block;font:700 11px/1.5 ui-monospace,monospace;color:var(--accent);margin-right:8px}
@media(max-width:900px){.home-intents{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:0;padding-block:48px}.hero-card{transform:none}.home-learn-grid{grid-template-columns:1fr}}
@media(max-width:560px){.home-intents{gap:10px;margin-bottom:35px}.intent-card{padding:16px}.intent-card h2{font-size:20px}.intent-card p:not(.eyebrow){font-size:14px}.intent-card span{font-size:13px}.home-maker{grid-template-columns:1fr;gap:20px}.home-maker>img{width:110px;height:110px}.section{padding-block:45px}.custom-section{padding-block:40px}.quick-answer{padding:18px}.home-learn-card{padding:20px}.hero .actions{flex-wrap:wrap}}

.customiser-thumb{position:relative}.thumb-provenance{position:absolute;bottom:4px;left:4px;right:4px;text-align:center;color:#f6fbff;background:#090d13;font:700 9px/1.5 ui-monospace,monospace;padding:2px;overflow-wrap:anywhere}

/* Long guide headings must stay inside a narrow phone viewport. */
.guide-page>h1,.guide-page section h2{overflow-wrap:anywhere}