/* Hiring guides (/hiring). Same dispatch-sheet rules as app.css: ruled rows,
   square boxes, one typeface, no shadows. Loaded on guide pages only. */

.guide .crumbs { margin-bottom: 18px; color: var(--ink-2); }
.guide-article { max-width: 760px; }
.guide-head { padding-bottom: 14px; margin-bottom: 22px; border-bottom: 3px solid var(--ink); }
.guide-head h1 { font-size: clamp(1.9rem, 4.4vw, 2.8rem); max-width: 22ch; margin: 0; }
.guide-head .mast-meta { margin-bottom: 10px; }

/* The short answer: the one block meant to be quoted as it stands. */
.answer { border: 2px solid var(--ink); background: var(--paper-2); padding: 16px 20px 4px; margin: 0 0 32px; }
.answer h2 { font-size: .82rem; font-family: var(--body); font-stretch: 100%; font-weight: 750;
             letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 8px; }
.answer p { font-size: 1.08rem; line-height: 1.6; }

.guide-body h2 { margin-top: 40px; padding-top: 14px; border-top: 2px solid var(--ink); }
.guide-body h3 { margin-top: 28px; }
.guide-body > p, .guide-body > ul, .guide-body > ol { max-width: 68ch; }
.guide-body ul:not(.points), .guide-body ol { padding-left: 1.2em; }
.guide-body li + li { margin-top: 6px; }
.guide-body .table-wrap { margin: 18px 0 10px; }
.guide-body .points { margin: 16px 0 20px; }
.guide-body caption { text-align: left; padding: 8px 0; caption-side: bottom; }

ol.steps { list-style: decimal; padding-left: 1.4em; }
ol.steps li { padding: 8px 0; border-bottom: 1px solid var(--rule-soft); }
ol.steps li + li { margin-top: 0; }

/* Copyable templates: plain text on a ruled sheet. */
pre.template { white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
               font-size: .9rem; line-height: 1.55; background: var(--paper-2); border: 1px solid var(--rule);
               border-top: 2px solid var(--ink); padding: 14px 16px; margin: 12px 0 20px; max-width: 68ch; }

.guide-faq { margin-top: 44px; }
.guide-faq > h2 { padding-top: 14px; border-top: 2px solid var(--ink); }
.qa { padding: 14px 0; border-bottom: 1px solid var(--rule); }
.qa h3 { margin-bottom: .3em; }
.qa p { margin: 0; color: var(--ink-2); max-width: 68ch; }
.qa p + p { margin-top: 6px; }

.guide-sources { margin-top: 36px; }
.guide-sources h2 { font-size: 1.15rem; padding-top: 12px; border-top: 1px solid var(--rule); }

.guide-cta { margin-top: 44px; border: 2px solid var(--ink); padding: 20px 22px; display: grid; gap: 16px;
             grid-template-columns: minmax(0, 1.4fr) auto; align-items: end; }
.guide-cta h2 { font-size: 1.4rem; }
.guide-cta p { max-width: 60ch; }
@media (max-width: 760px) { .guide-cta { grid-template-columns: minmax(0, 1fr); } }

.guide-list { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.guide-list li { padding: 14px 0; border-bottom: 1px solid var(--rule); }
.guide-list h3 { margin-bottom: .25em; }
.guide-list p { margin: 0; color: var(--ink-2); max-width: 68ch; }