/* Scoped editorial layer; the existing test tool keeps its own layout. */
.public-site .public-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:28px}
.public-site .brand-symbol{color:var(--ink)}
.public-site .public-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:14px;border-block:1px solid #695a48;font-size:14px}
.public-site .public-nav a[aria-current=page]{color:var(--yellow);text-decoration:underline;text-underline-offset:6px}
.public-site .public-main{padding-block:42px 60px;overflow-wrap:anywhere}
.public-site .public-main>section{margin-top:48px}
.public-site .public-main>section:first-child{margin-top:0}
.public-site h1{font-size:clamp(30px,4.1vw,52px);max-width:920px;line-height:1.3}
.public-site h2{font-size:clamp(23px,2.5vw,30px);margin-bottom:18px}
.public-site h3{font-size:21px;margin-block:20px 12px}
.public-site p{max-width:900px}
.public-site .lead{font-size:19px;line-height:1.9;margin-block:24px 16px;color:#e0cdb1}
.public-site .public-kicker{color:var(--yellow);font-size:13px;letter-spacing:.08em;margin-bottom:16px}
.public-site .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:32px}
.public-site .public-main a:not(.public-button),.public-site .public-footer a{text-decoration:underline;text-underline-offset:4px}
.public-site .public-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yellow);border-radius:12px;background:var(--yellow);color:var(--ink);font-weight:700;padding:12px 20px;min-height:48px;text-align:center}
.public-site .public-button[hidden]{display:none}
.public-site .public-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.public-site .public-hero,.public-site .public-split{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px}
.public-site figure{max-width:420px;justify-self:center}
.public-site figure img{border-radius:24px;height:auto}
.public-site figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.public-site .public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.public-site .public-card{background:var(--paper);color:var(--ink);border-radius:20px;padding:24px;border:1px solid #dbcbb4}
.public-site .public-card .public-kicker{color:var(--quiet)}
.public-site .public-card h3{margin-top:0}
.public-site .styles-grid .public-card{padding:20px}
.public-site .styles-grid img{width:100%;height:auto;border-radius:12px;margin-bottom:20px}
.public-site .styles-grid h2{font-size:24px;margin-bottom:8px}
.public-site .role-title{color:var(--quiet);margin-bottom:16px;font-weight:700}
.public-site .styles-grid p{font-size:14px;line-height:1.9}
.public-site .public-note{background:#30281e;border:1px solid #77634a;border-radius:20px;padding:30px}
.public-site .public-note .public-button{margin-top:20px}
.public-site li+li{margin-top:16px}
.public-site ol{padding-left:24px;max-width:900px}
.public-site textarea{display:block;width:100%;min-height:300px;margin-top:12px;background:var(--paper);color:var(--ink);border:1px solid #c3aa85;border-radius:12px;padding:18px;resize:vertical;line-height:1.85}
.public-site #copy-status{margin-top:12px;color:var(--yellow)}
.public-site .public-footer{padding-block:24px 40px;border-top:1px solid #695a48;color:var(--muted);font-size:13px}
.public-site .public-footer div{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}
.public-site[data-page="/"] .public-header{border-bottom:1px solid #695a48}
.public-site .directory-account{display:flex;align-items:center;gap:26px;font-size:14px}
.public-site .directory-account a:first-child{border:1px solid #8b7253;border-radius:999px;padding:10px 17px}
.public-site .directory-account a:hover,.public-site .directory-account a:focus-visible{color:var(--yellow)}
.public-site .directory-intro{margin-top:0}
.public-site .directory-intro .public-kicker{margin-bottom:8px}
.public-site .directory-intro h1{font-size:clamp(38px,5vw,68px);line-height:1.1;margin:0 0 12px}
.public-site .directory-intro>p:last-child{font-size:19px;color:#c8b9a7;margin:0}
.public-site .public-main>.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;margin:32px auto 0}
.public-site .directory-card{position:relative;min-height:360px;overflow:hidden;border:2px solid #eee2d2;border-radius:20px;box-shadow:7px 8px 0 #0b0907}
.public-site .directory-card-face{background:#28231e url('/directory/face-test-card.webp') center/cover no-repeat;color:#fff8eb}
.public-site .directory-card-face::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,18,15,.87) 0%,rgba(21,18,15,.54) 48%,rgba(21,18,15,.12) 100%),linear-gradient(0deg,rgba(21,18,15,.7),transparent 65%)}
.public-site .directory-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:360px;padding:27px}
.public-site .directory-index{font-family:monospace;font-size:12px;letter-spacing:.15em;color:#d7bd91}
.public-site .directory-card h2{font-size:clamp(25px,2.6vw,34px);line-height:1.2;margin:0 0 10px}
.public-site .directory-card p{font-size:15px;line-height:1.6;margin:0 0 22px}
.public-site .directory-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:162px;padding:11px 17px;border:2px solid #fff4db;border-radius:12px;background:var(--yellow);color:#231b12;font-weight:800;text-decoration:none!important;box-shadow:3px 4px 0 #120f0c}
.public-site .directory-cta:hover,.public-site .directory-cta:focus-visible{background:#ffd970;transform:translateY(-2px)}
.public-site .directory-card-ai{background:#123c35 url('/directory/ai-generation-card-v1.webp') center/cover no-repeat;color:#fff8eb}
.public-site .directory-card-ai::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,27,24,.9),rgba(8,27,24,.25) 54%,transparent 80%)}
.public-site .directory-card-ai h2{font-size:34px;letter-spacing:0}
.public-site .directory-card-ai p{color:#f0eadf}
@media(max-width:760px){.public-site .wrapper{width:calc(100% - 36px)}.public-site .public-header{padding-block:20px}.public-site .public-header .public-button{padding:10px 12px;font-size:13px;flex-shrink:0}.public-site .public-nav{gap:12px 20px}.public-site .public-main{padding-top:28px}.public-site .public-hero,.public-site .public-split{grid-template-columns:1fr;gap:24px}.public-site .public-hero figure{max-width:320px}.public-site .public-split figure{max-width:300px}.public-site .public-grid{grid-template-columns:1fr}.public-site .styles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-site .styles-grid .public-card{padding:14px}.public-site .styles-grid h2{font-size:20px}.public-site .lead{font-size:17px}.public-site .public-note{padding:22px}.public-site .public-main>section{margin-top:36px}}
@media(max-width:760px){.public-site .public-main>.directory-grid{grid-template-columns:1fr;max-width:430px;margin-top:26px}.public-site .directory-card,.public-site .directory-card-copy{min-height:330px}.public-site .directory-intro>p:last-child{font-size:16px}}
@media(max-width:420px){.public-site .styles-grid{grid-template-columns:1fr}.public-site .styles-grid img{max-width:240px;margin-inline:auto}.public-site .wordmark{gap:8px;font-size:20px}.public-site .wordmark small{font-size:8px}.public-site .public-header{gap:10px}}
@media(max-width:420px){.public-site .directory-account{gap:10px;font-size:12px}.public-site .directory-account a:first-child{padding:8px 10px}.public-site .directory-card-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){html:has(.public-site){scroll-behavior:auto}}