/* DTI V4 unified application and public design layer. No functional selector replacements. */
:root{--color-primary-900:#14283d;--color-primary-800:#203b53;--color-primary-700:#34536d;--color-primary-600:#476782;--color-primary-100:#e2e8ed;--color-primary-050:#f3f5f6;--color-gold:#ad8549;--color-gold-soft:#f1e7d6;--color-background:#f5f2ec;--color-border:#dcdedc;--color-text:#263343;--color-text-muted:#5e6872;--radius-md:12px;--shadow-md:0 8px 24px rgba(20,40,61,.07)}
body.v4-admin-page,body.v4-public-page{background:#f5f2ec;color:#263343;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
body.v4-admin-page .page{max-width:none;margin:0 0 0 252px;padding:28px clamp(18px,3.5vw,54px) 70px;min-width:0}
body.v4-admin-page .site-header{position:relative;isolation:isolate;min-height:100px;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid #e3e3df;overflow:hidden;flex-wrap:wrap}
body.v4-admin-page .site-header h1{font-size:clamp(1.65rem,2.6vw,2.4rem);color:#14283d;line-height:1.2;margin:.2rem 0}
body.v4-admin-page .v4-breadcrumb{color:#86683a;font-size:.75rem;font-weight:650;letter-spacing:.035em;margin:0}
body.v4-admin-page .eyebrow,body.v4-public-page .eyebrow{color:#8d6a37}
body.v4-admin-page .card,body.v4-public-page .card{background:white;border:1px solid #e2e2dd;box-shadow:0 3px 16px rgba(20,40,61,.045);border-radius:12px}
body.v4-admin-page .hero-panel,body.v4-public-page .hero-panel{border-radius:13px;background:#e9ecee;color:#25384b;border:1px solid #dce2e4}
body.v4-admin-page .hero-panel h2,body.v4-public-page .hero-panel h2,body.v4-admin-page .section-heading h2{color:#14283d}
body.v4-admin-page .button,body.v4-public-page .button{border-radius:8px;transition:background .12s,box-shadow .12s}
body.v4-admin-page .button:not(.button--secondary):not(.button--danger),body.v4-public-page .button:not(.button--secondary):not(.button--danger){background:#14283d;color:#fff;border-color:#14283d}
body.v4-admin-page .button:focus-visible,body.v4-public-page .button:focus-visible{outline:3px solid #c7a46c;outline-offset:2px}
body.v4-admin-page input,body.v4-admin-page select,body.v4-admin-page textarea,body.v4-public-page input,body.v4-public-page select,body.v4-public-page textarea{border-radius:7px;max-width:100%}
body.v4-admin-page :is(input,select,textarea):focus-visible,body.v4-public-page :is(input,select,textarea):focus-visible{outline:2px solid #ad8549;outline-offset:1px}
.v4-workspace-sidebar{position:fixed;inset:0 auto 0 0;width:252px;overflow:auto;background:#14283d;color:white;z-index:35;padding:23px 12px}
.v4-workspace-brand{text-decoration:none;color:#fff;display:flex;align-items:center;gap:11px;margin:0 8px 28px;min-height:48px}
.v4-workspace-brand-icon{display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:#c7a46c;width:44px;height:44px;flex-shrink:0}
.v4-workspace-brand-icon img{max-width:44px;max-height:44px;object-fit:contain}
.v4-workspace-brand-text strong{display:block;font-size:.94rem}.v4-workspace-brand-text small{display:block;color:#c1cbd4;font-size:.71rem;margin-top:4px}
.v4-workspace-sidebar nav{display:flex;flex-direction:column;gap:2px}
.v4-workspace-navgroup{font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;color:#bea479;margin:18px 12px 5px;font-weight:700}
.v4-workspace-link{font-size:.82rem;display:block;padding:9px 12px;border-radius:7px;color:#dfe5eb;text-decoration:none;line-height:1.35}
.v4-workspace-link:hover,.v4-workspace-link:focus-visible,.v4-workspace-link.active{background:#30485f;color:#fff}.v4-workspace-link[aria-current='page']{border-left:3px solid #c7a46c}
.v4-workspace-menu{display:none;border:0;background:#14283d;color:white;padding:10px 12px;border-radius:8px;cursor:pointer}
.v4-skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:10px}.v4-skip-link:focus{top:10px}
body.v4-admin-page .site-header.v4-admin-header-photo{background:#14283d;border:0}
.v4-admin-header-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
body.v4-admin-page .site-header.v4-admin-header-photo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,36,55,.94),rgba(16,36,55,.55))}
body.v4-admin-page .site-header.v4-admin-header-photo h1,body.v4-admin-page .site-header.v4-admin-header-photo .v4-breadcrumb,body.v4-admin-page .site-header.v4-admin-header-photo .eyebrow{color:#fff}
body.v4-admin-page .site-header.v4-admin-header-photo .button--secondary{background:#fff;color:#14283d}
body.v4-public-page .page{max-width:1280px;margin:0 auto;padding-top:20px}
.v4-public-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,calc((100vw - 1240px)/2));background:#14283d;color:#fff;flex-wrap:wrap}
.v4-public-identity{display:flex;gap:9px;align-items:center;font-family:Georgia,serif;font-size:1.18rem;text-decoration:none;color:white;font-weight:bold}.v4-public-identity img{height:36px;width:36px;object-fit:contain}
.v4-public-nav-items{display:flex;flex-wrap:wrap;gap:3px}.v4-public-nav-items a{color:#e5e7e9;padding:9px 11px;font-size:.85rem;text-decoration:none;border-radius:6px}
.v4-public-nav-items a:hover,.v4-public-nav-items a[aria-current='page']{background:#324b60;color:white}
body.v4-public-page .site-header h1{font-family:Georgia,serif;color:#14283d}
body.v4-public-page .public-home-hero{min-height:250px}
@media(max-width:980px){body.v4-admin-page .page{margin-left:0;padding:18px 16px 50px}.v4-workspace-sidebar{transform:translateX(-104%);transition:transform .18s;box-shadow:8px 0 18px #14283d22}.v4-workspace-open .v4-workspace-sidebar{transform:none}.v4-workspace-menu{display:inline-block}body.v4-admin-page .admin-header-actions{flex-wrap:wrap}}
@media(max-width:640px){.v4-public-nav{padding:12px 16px}.v4-public-nav-items a{padding:8px}.v4-public-identity{font-size:1rem}body.v4-admin-page .site-header{padding:18px}}
@media(prefers-reduced-motion:reduce){.v4-workspace-sidebar,body.v4-admin-page .button{transition:none}}

/* V4 public call to action and managed photo focal point */
.v4-public-nav-items a[href="/request-badge.html"]{border:1px solid #c7a46c;color:#f2dfb8;font-weight:700}
.public-hero-actions [data-v4-access-action]{border-color:#c7a46c!important}
.v4-focus-stage{position:relative;overflow:hidden;width:min(100%,760px);aspect-ratio:3/1;background:#14283d;border-radius:12px;cursor:crosshair;touch-action:none;margin:12px 0}
.v4-focus-stage img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.v4-focus-target{pointer-events:none;position:absolute;width:28px;height:28px;border:3px solid #e6c27e;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #14283d,0 0 0 4px #fff8;left:50%;top:50%}
.v4-focus-target:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}
[hidden]{display:none!important}

/* V4 Phase 3: separate the photographic showcase from visitor actions. */
body.v4-public-page .public-home-hero{padding:0;min-height:0;border:0;background:#eeeae3;overflow:hidden;border-radius:14px;aspect-ratio:2.75/1;margin-bottom:14px}
body.v4-public-page .public-home-hero.v4-has-photo{min-height:0;background:#eeeae3;color:inherit}
body.v4-public-page .public-home-hero .v4-public-hero-image{position:relative;inset:auto;display:block;width:100%;height:100%;object-fit:cover;z-index:auto}
body.v4-public-page .public-home-hero.v4-has-photo::before{display:none}
.public-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.v4-article-body{white-space:pre-wrap;line-height:1.85;max-width:75ch}
.v4-content-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.v4-content-layout input,.v4-content-layout textarea,.v4-content-layout select{width:100%}
.v4-content-item{border-top:1px solid #d9d9d4;padding:14px 0}
.v4-content-item h3{margin:4px 0}.v4-content-tags{color:#666;font-size:.85rem}
@media(max-width:760px){.v4-content-layout{grid-template-columns:1fr}body.v4-public-page .public-home-hero{aspect-ratio:1.7/1}}

.v4-article-body{white-space:normal;max-width:90ch}.v4-article-body p{white-space:pre-wrap;margin:.35em 0 1em}.v4-inline-figure{margin:1.5rem 0}.v4-inline-figure img{display:block;max-width:100%;max-height:850px;height:auto;object-fit:contain;border-radius:8px}.v4-inline-figure figcaption{margin-top:.5rem;font-size:.9rem;color:#59636b}.v4-image-editor{padding:12px;margin:10px 0 18px;background:#f3f5f6;border-radius:8px}.v4-image-editor input[type=file]{margin-top:8px}

/* V4 publishing mini-WYSIWYG */
.v4-editor{border:1px solid #bec8d1;border-radius:10px;overflow:hidden;background:#fff;margin:0 0 14px}.v4-editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #dce2e7;background:#f4f5f4}.v4-editor-toolbar button,.v4-image-controls button{padding:7px 11px;border:1px solid #aab7c2;background:white;border-radius:6px;color:#14283d;cursor:pointer}.v4-editor-toolbar button:focus-visible,.v4-image-controls button:focus-visible{outline:3px solid #c7a46c}.v4-editor-content{min-height:220px;max-height:75vh;overflow:auto;padding:16px;line-height:1.7;outline-offset:-3px}.v4-editor-content div{min-height:1.5em}.v4-editor-figure{max-width:100%;clear:both;box-sizing:border-box;border:2px solid transparent;padding:5px;border-radius:8px;cursor:pointer;margin-top:12px;margin-bottom:12px}.v4-editor-figure.is-selected{border-color:#b08a4f;background:#faf7f0}.v4-editor-figure img{display:block;max-width:100%;max-height:700px;object-fit:contain;margin:auto}.v4-editor-figure figcaption{text-align:center;color:#53616d;font-size:.9em;overflow-wrap:anywhere}.v4-image-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:10px;border-bottom:1px solid #dce2e7;background:#f8f6f0}.v4-image-controls[hidden]{display:none}.v4-image-controls label{flex:0 1 auto;font-size:.85em}.v4-image-controls input{max-width:190px}.v4-inline-figure{max-width:100%;box-sizing:border-box}.v4-inline-figure.v4-align-left{margin-left:0;margin-right:auto}.v4-inline-figure.v4-align-right{margin-left:auto;margin-right:0}.v4-inline-figure.v4-align-center{margin-left:auto;margin-right:auto}.v4-editor-label{font-weight:600;display:block;margin-bottom:6px}

/* Phase 3 content relationships */
.v4-relations {margin:1rem 0;padding:1rem;border:1px solid #cfcac0;border-radius:0.75rem;background:#f5f2ec}.v4-relations select{width:100%;min-height:10rem}.v4-related-content{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #d8d2c7}.v4-related-content li{margin-bottom:.5rem}.v4-related-content small{color:#586472;margin-left:.5rem}
