/*
Theme Name: SOHT — Plain and fast
Template: soht-hub
Description: Demo 03. Monochrome + one: slate on white, hairlines, plum as the single accent, no tinted panels; type does the hierarchy. The lightest of the three.
Version: 0.1.0
Author: Wabala Studio + Datacleave
Text Domain: soht-hub
*/
:root { --wt-display: 800; --bg: #fff; --surface: #fff; --surface-2: #f5f5f5; --sky-tint: #fff; --leaf-tint: #fff; --plum-tint: #fff; --sunrise-tint: #fff; --radius: 2px; --radius-lg: 2px; }
.page-header { background: none; border-bottom: 2px solid var(--ink); }
.doctor-bar { border-bottom: 2px solid var(--ink); }
.hero--plain { padding: var(--s-8) 0 var(--s-6); border-bottom: 1px solid var(--line); }
.hero--plain .hero__title { font-size: clamp(2rem, 5vw, 3.25rem); max-width: 20ch; letter-spacing: -0.02em; margin-bottom: var(--s-5); }
.hero--plain .search { max-width: 36rem; }
.hero--plain .search__label { position: static; width: auto; height: auto; clip: auto; font-weight: 700; }
.hero--plain .search__input { border: 2px solid var(--ink); padding: 0.85rem 1rem; }
.hero--plain .search__btn { background: var(--ink); border-color: var(--ink); }
.doors { padding: var(--s-7) 0 var(--s-6); }
.doors__list { gap: 0; grid-template-columns: 1fr; }
.door { border: 0; border-top: 2px solid var(--ink); border-radius: 0; padding: var(--s-5) 0; display: grid; gap: var(--s-2) var(--s-6); grid-template-columns: 1fr; }
@media (min-width: 48em) { .door { grid-template-columns: 1fr 1fr; grid-template-areas: "title tasks" "lede tasks"; } .door__title { grid-area: title; } .door__lede { grid-area: lede; } .door__tasks { grid-area: tasks; } }
.door__title { font-size: var(--fs-3); }
.door__icon { display: none; }
.door__tasks li { border-top: 1px solid var(--line); }
.door__tasks li:first-child { border-top: 0; }
.door__tasks a { text-decoration: underline; }
.featured__item::before { background: none; color: var(--ink); border: 2px solid var(--ink); }
.partner, .task__link, .helpful, .embed__gate { border-radius: 0; }
.event__date { border: 1px solid var(--ink); background: #fff; }
.site-footer { background: #fff; color: var(--ink); border-top: 2px solid var(--ink); }
.site-footer a, .site-footer__heading { color: var(--ink); }
.site-footer a:hover { color: var(--plum); }
.site-footer :focus-visible { outline-color: var(--focus); }
.site-footer__legal { border-top-color: var(--line); }
.site-footer__copy, .site-footer__demo { color: var(--ink-2); }
.demo-strip { background: #fff; color: var(--ink); border-bottom: 1px solid var(--line); }
.demo-strip a { color: var(--plum); }