.companion-sample{max-width:1200px;margin:0 auto;padding:28px 40px 40px}.companion-sample nav{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding-bottom:24px;font-size:14px;display:flex}.sample-intro{max-width:740px;padding:44px 0 36px}.sample-intro h1{font:400 clamp(34px, 4vw, 48px)/1.12 var(--font-display), Georgia, serif;letter-spacing:-.03em;margin:15px 0 18px}.sample-intro p{color:var(--text);margin:0;font-size:17px;line-height:1.6}.sample-layout{border-top:1px solid var(--rule-strong);grid-template-columns:.88fr 1.12fr;display:grid}.sample-role{padding:32px 44px 0 0}.sample-role h2,.sample-fields h2{font:400 28px/1.25 var(--font-display), Georgia, serif;margin:14px 0 20px}.sample-role p,.sample-steps li{font-size:15px;line-height:1.7}.sample-role p{margin:0 0 14px}.sample-steps{border-top:1px solid var(--rule);margin-top:32px;padding-top:20px}.sample-steps h3{margin:0 0 12px;font-size:16px}.sample-steps ol{margin:0 0 20px;padding-left:21px;list-style:decimal}.sample-steps li{margin-bottom:12px;padding-left:3px}.sample-steps p{color:var(--muted);font-size:13px}.sample-fields{border-left:1px solid var(--rule);padding:32px 0 0 40px}.sample-fields h2{margin-top:0;margin-bottom:8px}.sample-note,.sample-help{color:var(--muted);font-size:13px;line-height:1.5}.sample-fields label{margin-top:24px;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.sample-help{margin:0 0 8px}.sample-fields input,.sample-fields textarea,.sample-fields select{border:1px solid var(--rule-strong);width:100%;color:var(--ink);background:var(--white);font:15px/1.5 var(--font-interface), Arial, sans-serif;border-radius:2px;padding:11px 12px;display:block}.sample-fields textarea{resize:vertical;min-height:110px}.sample-fields select+p{margin-top:8px}.sample-fields :is(input,textarea,select):focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.sample-ending{border-top:1px solid var(--rule);margin:24px 0 0;padding-top:20px;font-size:14px;line-height:1.6}.companion-sample footer{border-top:1px solid var(--rule);color:var(--muted);align-items:start;gap:32px;margin-top:48px;padding-top:20px;font-size:12px;line-height:1.6;display:flex}.companion-sample footer p{max-width:780px;margin:0}.companion-sample footer a{white-space:nowrap}@media (max-width:760px){.companion-sample{padding:20px}.companion-sample nav{gap:16px;font-size:12px}.sample-intro{padding:32px 0}.sample-layout{grid-template-columns:1fr}.sample-role{padding:28px 0}.sample-fields{border-left:0;border-top:1px solid var(--rule-strong);padding:28px 0 0}.sample-fields input,.sample-fields textarea,.sample-fields select{font-size:16px}.companion-sample footer{display:block}.companion-sample footer a{margin-top:12px;display:inline-block}}