.tr-draw { --draw-panel: rgba(255,255,255,.52); color: var(--graphite); }
.tr-draw > section { margin-top: clamp(3.25rem,6vw,5.5rem); }
.tr-draw-intro { max-width: 870px; margin-top: 1.4rem !important; padding: clamp(1.5rem,4vw,2.6rem); border-left: 5px solid var(--orange); background: linear-gradient(135deg,var(--orange-soft),rgba(255,255,255,.35)); }
.tr-draw-intro p { max-width: 760px; }
.tr-draw-lead { margin-top: 0; font-size: clamp(1.35rem,2.4vw,1.75rem); font-weight: 720; line-height: 1.3; }
.tr-draw-no-cost { margin-bottom: 1.5rem; }
.tr-draw-section { padding-top: clamp(2.8rem,5vw,4.6rem); border-top: 1px solid var(--line); }
.tr-draw-section h2 { max-width: 720px; font-size: clamp(1.9rem,4vw,2.75rem); }
.tr-draw-section p { max-width: 760px; }
.tr-draw-split { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem,7vw,7rem); }
.tr-draw-split h2,.tr-draw-two-up h2 { margin-top: .35rem; }
.tr-draw-includes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 2rem 0 0; padding: 0; border-top: 1px solid var(--graphite); list-style: none; }
.tr-draw-includes li { position: relative; padding: 1.05rem 1rem 1.05rem 2rem; border-bottom: 1px solid var(--line); }
.tr-draw-includes li:nth-child(odd) { border-right: 1px solid var(--line); }
.tr-draw-includes li::before { position: absolute; left: .55rem; color: var(--orange); font-weight: 800; content: "✓"; }
.tr-draw-two-up { display: grid; grid-template-columns: 1.18fr .82fr; gap: clamp(2rem,7vw,7rem); }
.tr-draw-two-up article:last-child { padding: clamp(1.5rem,4vw,2.5rem); border-top: 4px solid var(--graphite); background: var(--draw-panel); }
.tr-draw-entry { display: grid; grid-template-columns: .52fr 1.18fr; align-items: start; gap: clamp(2rem,7vw,6rem); scroll-margin-top: 100px; }
.tr-draw-entry-copy { position: sticky; top: 110px; }
.tr-draw-form-wrap { min-width: 0; }
.tr-draw-form { padding: clamp(1.35rem,4vw,2.6rem); border-top: 5px solid var(--graphite); background: var(--draw-panel); }
.tr-draw-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1rem; }
.tr-draw-form label,.tr-draw-form legend { display: block; color: var(--graphite); font-size: .86rem; font-weight: 720; }
.tr-draw-form label > span,.tr-draw-form legend > span { color: var(--orange); }
.tr-draw-form label > em { margin-left: .4rem; color: var(--muted); font-size: .72rem; font-style: normal; font-weight: 500; }
.tr-draw-form input[type="text"],.tr-draw-form input[type="email"],.tr-draw-form input[type="tel"],.tr-draw-form input[type="url"],.tr-draw-form textarea { width: 100%; display: block; margin: .42rem 0 1.15rem; padding: .85rem; border: 1px solid #9b9790; border-radius: 0; background: rgba(255,255,255,.82); color: var(--graphite); font: inherit; }
.tr-draw-form textarea { resize: vertical; }
.tr-draw-form input:focus,.tr-draw-form textarea:focus { outline: 3px solid rgba(255,106,0,.24); border-color: var(--orange); }
.tr-draw-form fieldset { margin: .4rem 0 1.25rem; padding: 0; border: 0; }
.tr-draw-choice { display: flex; gap: .6rem; margin-top: .65rem; }
.tr-draw-choice label { position: relative; }
.tr-draw-choice input { position: absolute; opacity: 0; }
.tr-draw-choice span { min-width: 80px; min-height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); background: rgba(255,255,255,.55); cursor: pointer; }
.tr-draw-choice input:checked + span { border-color: var(--orange); background: var(--orange-soft); color: var(--graphite); }
.tr-draw-choice input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; }
.tr-draw-form small { display: block; margin: -.75rem 0 1.2rem; color: var(--muted); }
.tr-draw-consent { display: grid !important; grid-template-columns: 22px 1fr; gap: .7rem; margin: 1.5rem 0; padding: 1rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-weight: 560 !important; line-height: 1.5; }
.tr-draw-consent input { width: 19px; height: 19px; margin-top: .18rem; accent-color: var(--orange); }
.tr-draw-honeypot { position: absolute !important; left: -9999px !important; }
.tr-draw-success,.tr-draw-error,.tr-draw-state,.tr-draw-admin-note { margin-bottom: 1.2rem; padding: 1.1rem 1.25rem; border-left: 4px solid var(--orange); background: var(--orange-soft); }
.tr-draw-success h3,.tr-draw-state h3 { margin-top: 0; }
.tr-draw-error { border-color: #a52f23; background: #fae4e1; }
.tr-draw-admin-note { border-color: var(--graphite); background: #ece9e3; }
.tr-draw-rules { margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--line); }
.tr-draw-rules ul { padding-left: 1.2rem; }
.tr-draw-legal-links { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin-top: 1.4rem; }
.tr-draw-legal-links a { color: var(--orange); font-size: .78rem; font-weight: 800; letter-spacing: .05em; text-decoration: none; }
.tr-draw-next ol { margin: 2rem 0 0; padding: 0; border-top: 1px solid var(--graphite); list-style: none; }
.tr-draw-next li { display: grid; grid-template-columns: 55px 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.tr-draw-next li span { color: var(--orange); font-weight: 800; }
.tr-draw-next li p { margin: 0; }
.tr-draw-terms { max-width: 850px; }
.tr-draw-terms h2 { margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid var(--line); font-size: clamp(1.65rem,3vw,2.2rem); }
.tr-draw-terms li { margin-bottom: .55rem; }
.tr-terms-updated { padding: 1rem 1.2rem; border-left: 4px solid var(--orange); background: var(--orange-soft); }

@media (max-width: 820px) {
    .tr-draw-split,.tr-draw-two-up,.tr-draw-entry { grid-template-columns: 1fr; }
    .tr-draw-entry-copy { position: static; }
}

@media (max-width: 560px) {
    .tr-draw > section { margin-top: 3.25rem; }
    .tr-draw-section { padding-top: 2.7rem; }
    .tr-draw-includes,.tr-draw-form-grid { grid-template-columns: 1fr; }
    .tr-draw-includes li:nth-child(odd) { border-right: 0; }
    .tr-draw-form { padding-inline: 1rem; }
    .tr-draw-form .button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .tr-draw * { scroll-behavior: auto !important; }
}