/* DESIGN07 — approved 1R, 2026-10-29. Amber art is an independent, unchanged asset. */
:root{--paper:#F4F2EB;--paper-deep:#E8E7DF;--night:#171817;--ink:#252623;--muted:#60625C;--rule:#CBCDC3;--link:#30332E;--blue:var(--link);--focus:#835717;--on-night:#F4F2EB;--radius:3px;color-scheme:light}
body{background:var(--paper);color:var(--ink)}
.inner-opening,.cinema-opening,.site-footer,.closing-section{background-color:var(--night);color:var(--on-night)}
.inner-opening:after{background:linear-gradient(90deg,var(--night) 35%,#17181726),url('/assets/cinema.webp') center 60%/cover}
.cinema-shade{background:#17181757}.cinema-image,.closing-backdrop{filter:none}
.page-intro,.hero-intro,.brand-domain,.hero-note,.page-heading .eyebrow,.breadcrumb{color:var(--on-night)}
.button-paper{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.button-paper:hover{background:var(--paper-deep);border-color:var(--paper-deep)}
.button-outline,.nav-login,.menu-toggle{color:var(--on-night);background:#17181747;border-color:#f4f2eba3;box-shadow:inset 0 1px 0 #f4f2eb24;backdrop-filter:blur(8px)}
.button-outline:hover,.nav-login:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.button-dark,.button-ink{background:var(--night);border-color:var(--night);color:var(--on-night)}
.button-dark:hover,.button-ink:hover{background:var(--ink);border-color:var(--ink)}
.inline-link,.text-button,.example-link,.reading-section a,.contents-example{color:var(--link);text-decoration-color:currentColor}
.report-detail summary:hover,.contents nav a:hover,.inline-link:hover,.text-button:hover{color:var(--link)}
.report-sheet{background:var(--paper);color:var(--ink);border-color:var(--rule)}
.audience-section,.method-section,.edit-proposal,.more-findings{background:var(--paper-deep)}
.d6-hero-glass{--paper:#F4F2EB;--ink:#252623;--muted:#60625C;--hairline:#CBCDC3;color:var(--ink)}
.matrix-visual{background:var(--paper);border-color:var(--rule)}.matrix-controls{background:transparent;border-color:var(--rule)}
.matrix-controls button[aria-pressed=true]{background:var(--night);color:var(--on-night)}
.matrix-controls button:hover:not([aria-pressed=true]),.cell-pager button:hover{background:var(--paper-deep)}
.matrix-caveat,.cell-coordinate,.cell-inspector .eyebrow,.cell-inspector dt,.cell-pager span,.audience-list p,.step-number,.detail-content{color:var(--muted)}
.matrix-legend,.cell-pager button,.mobile-cell-picker select{border-color:var(--rule)}
.mobile-cell-picker select{background:var(--paper);color:var(--ink)}.definition-code{color:var(--link)}
.source-body blockquote,.edit-proposal{border-left-color:var(--link)}.finding-teasers,.finding-teasers>a{border-color:var(--rule)}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.inner-opening :focus-visible,.cinema-opening :focus-visible,.site-footer :focus-visible,.closing-section :focus-visible{outline-color:#E1BA75}
dialog::backdrop{background:#171817bf}dialog{overscroll-behavior:contain}
.main-nav{gap:clamp(14px,1.8vw,27px)}.main-nav .locale-link{font-size:13px}
.footer-directory{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 30px!important;max-width:760px}
.footer-email{display:inline-flex;font-size:14px;margin-top:15px;min-height:44px;align-items:center}
.family-links{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid #f4f2eb33;margin-top:28px;padding-top:18px;font-size:14px}
.family-links a{min-height:44px;display:inline-flex;align-items:center}.site-footer .preview-label{font-size:12px;max-width:none}
/* The editorial content layer replaces the old site cascade entirely. */
.ported-page .editorial-layout{grid-template-columns:220px minmax(0,800px);gap:clamp(30px,5vw,80px);padding-bottom:80px}
.ported-content{min-width:0;font-size:19px;line-height:1.65;max-width:100%}
.ported-content h2{margin:0 0 26px;font-size:clamp(28px,3vw,40px)}.ported-content h3{margin:25px 0 12px;font-size:24px}
.ported-content h4{font-size:20px;margin:24px 0 10px}.ported-content p{margin:18px 0}
.ported-content section{padding:0 0 44px;margin:0 0 44px;border-bottom:1px solid var(--rule);scroll-margin-top:30px}
.ported-content section:last-child{border:0;margin-bottom:0}.ported-content section section{padding:20px 0;margin:0}
.ported-content .wrap,.ported-content .hero{width:100%;padding:0;margin:0;min-height:0;max-width:none}
.ported-content .hero-copy{width:100%;max-width:none}.ported-content .hero h1{font-size:inherit}
.ported-content a:not(.button):not(.knopka){color:var(--link);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ported-content a:hover{ text-decoration-thickness:2px}.ported-content li{margin:10px 0}.ported-content ul,.ported-content ol{padding-left:1.4em}
.ported-content .razdel,.ported-content .principles,.ported-content .mission-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.ported-content .plashka,.ported-content .mission-list article,.ported-content .principles article{padding:22px 0;border-top:1px solid var(--rule)}
.ported-content .plashka h3,.ported-content article h3{margin-top:0}.ported-content .vvod{font-size:21px}
.ported-content .kicker,.ported-content .eyebrow,.ported-content .sostoyanie{font-size:14px;color:var(--muted);letter-spacing:0;text-transform:none}
.ported-content .deystviya{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0}
.knopka{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--night);border-radius:3px;background:var(--night);color:var(--paper);font:500 16px/1.4 Plex,Arial,sans-serif;cursor:pointer;text-decoration:none}
.knopka:hover{background:var(--ink)}
.ported-content blockquote{margin:28px 0;padding:0 0 0 25px;border-left:2px solid var(--rule);font-size:22px}
.ported-content .quote{font-size:clamp(24px,2.7vw,34px);line-height:1.35}
.ported-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:16px}
.ported-content th,.ported-content td{padding:12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;min-width:110px}
.ported-content dt{font-size:15px;color:var(--muted);margin-top:15px}.ported-content dd{margin:5px 0 20px}
.ported-content figure{margin:28px 0}.ported-content figcaption,.ported-content .d6-source,.ported-content .source-note{font-size:15px;line-height:1.5;color:var(--muted);margin-top:14px}
.ported-content img,.ported-content video,.ported-content iframe{max-width:100%;height:auto}.ported-content svg{max-width:100%;height:auto}
.ported-content .d6-exhibit{max-width:100%}.ported-content .d6-hero-glass{max-width:100%;padding:24px 0}.ported-content .d6-cell-definition{padding:25px 0;border-bottom:1px solid var(--rule)}
.ported-content .d6-cell-definition h3{font-size:25px}.ported-content .d6-reference-diagrams{height:auto;position:static}.ported-content .screen,.ported-content .frame,.ported-content .scroll-b-example{height:auto;position:static}
.ported-content .d6-reference-diagrams [data-diagram]{position:relative}.ported-content .scroll-b-example svg{display:block;width:100%;max-height:580px}
.ported-content .caption,.ported-content small{font-size:15px;line-height:1.5}.ported-content .pleer{display:grid;gap:12px}
.ported-content .subscription{background:var(--paper-deep);padding:32px;border:0;border-radius:3px;margin-top:42px}
.subscription h2,.ported-content .subscription h2{font-size:clamp(25px,2.4vw,32px);line-height:1.2;margin:0 0 18px}
.subscription p{font-size:17px;line-height:1.5}.subscription form{margin-top:24px}
.subscription label{font-size:16px;line-height:1.5;display:flex;gap:11px;align-items:flex-start;margin:8px 0;padding-block:7px;min-height:44px}
.subscription .email-label{display:grid;gap:8px}.subscription input[type=email]{width:100%;max-width:520px;min-height:48px;border:1px solid #777970;border-radius:3px;padding:11px 13px;background:var(--paper);color:var(--ink);font:inherit}
.subscription fieldset{margin:22px 0;padding:18px 0;border:0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.subscription legend{padding:0 12px 0 0;font-weight:500;font-size:17px}.subscription input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--ink);flex:none}
.subscription .subscription-note{font-size:15px;color:var(--muted)}.subscription .subscription-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ported-content .book-scene,.ported-content .post-scene,.ported-content .for-readers{display:block}.ported-content details{border-top:1px solid var(--rule);padding:17px 0}.ported-content summary{cursor:pointer;min-height:44px;font-size:21px;font-weight:500}
.page-directory{list-style:none;padding:0!important}.page-directory li{border-bottom:1px solid var(--rule);padding:14px 0;overflow-wrap:anywhere}
@media(max-width:1150px){.main-nav{display:none;position:absolute;top:80px;left:0;right:0;padding:20px;background:var(--night);border:1px solid #777970}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.main-nav a{font-size:16px;min-height:44px}.menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #f4f2eba3;border-radius:3px;font-size:15px}.site-header{padding-block:22px}.nav-login{text-align:left;margin-top:8px}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.ported-page .editorial-layout{grid-template-columns:1fr;gap:32px;padding-top:34px}.ported-page .contents{position:static}.ported-page .contents nav{grid-template-columns:1fr 1fr;gap:0 20px}.ported-page .contents nav a{font-size:15px}.ported-content{font-size:18px}.footer-content{flex-direction:column}.footer-directory{width:100%;max-width:none}}
@media(max-width:540px){.ported-content .razdel,.ported-content .principles,.ported-content .mission-list{grid-template-columns:1fr;gap:8px}.ported-content .subscription{padding:24px 18px}.subscription fieldset{grid-template-columns:1fr}.ported-content section{padding-bottom:30px;margin-bottom:30px}.ported-page .contents nav{grid-template-columns:1fr}.page-heading{padding-bottom:42px}.page-heading h1{font-size:clamp(34px,8.4vw,44px)}.ported-content .vvod{font-size:19px}.family-links{gap:6px 22px}.footer-directory{gap:0 16px!important}.site-footer nav a{font-size:14px;line-height:1.4}.ported-content blockquote{font-size:20px;padding-left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}