/* One continuous decorative layer, with quieter reading areas above it. */
#db-network{position:fixed;inset:0;bottom:auto;height:100vh;height:100lvh;z-index:0;pointer-events:none;overflow:hidden;contain:strict;mask-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.38) 36%,rgba(0,0,0,.95) 65%,#000 85%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.38) 36%,rgba(0,0,0,.95) 65%,#000 85%)}
#db-network::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 42%,rgba(72,157,177,.19),rgba(122,185,184,.08) 30%,transparent 62%),radial-gradient(ellipse at 87% 65%,rgba(11,40,52,.055),transparent 50%)}
#db-network canvas{position:relative;display:block;width:100%;height:100%}
#db-page{position:relative;z-index:1;isolation:isolate;--reading-color:var(--paper);--reading-cover:76%}

/* Section tones restore the page rhythm while leaving open space translucent. */
#db-page :is(.topics-section,.contact-section){--reading-color:color-mix(in srgb,var(--surface) 24%,var(--paper));background:color-mix(in srgb,var(--surface) 24%,transparent)}
#db-page .proof-section{background:color-mix(in srgb,var(--paper) 24%,transparent)}
#db-page :is(.about-section,.tinted,.story-section){--reading-color:color-mix(in srgb,var(--tint) 46%,var(--paper));background:color-mix(in srgb,var(--tint) 46%,transparent)}

/* Feather the reading protection so the ambient colour has no rectangular cutouts. Text itself is never blurred. */
#db-page :is(.hero-copy,.detail-hero.narrow,.detail-hero-grid>div:first-child,.section-head,.topic-row,.topic-help,.proof-grid article,.output-grid article,.about-grid>div,.split-heading>div:first-child,.cooperation .split-heading>div:last-child,.problem-list,.deep-dives,.case-list,.contact-grid>div:first-child,.contact-page-copy,.question-grid>div,.related-section,.ways,.local-nav,.perspective-links){position:relative;z-index:0;background:transparent}
#db-page :is(.hero-copy,.detail-hero.narrow,.detail-hero-grid>div:first-child,.section-head,.topic-row,.topic-help,.proof-grid article,.output-grid article,.about-grid>div,.split-heading>div:first-child,.cooperation .split-heading>div:last-child,.problem-list,.deep-dives,.case-list,.contact-grid>div:first-child,.contact-page-copy,.question-grid>div,.related-section,.ways,.local-nav,.perspective-links)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--reading-color) var(--reading-cover),transparent);filter:blur(15px);border-radius:18px}
#db-page :is(.story-example,.contact-card){background:color-mix(in srgb,var(--surface) 82%,transparent)}
#db-page .first-output{background:color-mix(in srgb,var(--mint) 84%,transparent)}
#db-page .contact-person{background:color-mix(in srgb,var(--tint) 86%,transparent)}
#db-page :is(.story-contact-context,.topic-context,.story-choices button:not([aria-pressed=true])){background:color-mix(in srgb,var(--paper) 88%,transparent)}
#db-page .topic-row:hover{background:color-mix(in srgb,var(--paper) 88%,transparent)}
/* Inputs, portraits and dark landmarks keep their established visual clarity. */
[data-network-toggle]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.2;cursor:pointer}
[data-network-toggle]:focus-visible{outline:3px solid var(--teal,#24646e);outline-offset:3px}
[data-network-toggle]:disabled{cursor:default;opacity:.68}
/* The review iframe hides its duplicate concept label, but keeps motion control. */
.embedded-preview .concept-bar{display:flex;justify-content:flex-end;padding:0 14px;background:#0b2027;color:#cfdee0;border-bottom:0}
.embedded-preview .concept-bar>span,.embedded-preview .concept-bar>a{display:none}
@media(max-width:767px){#db-network{mask-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.52) 45%,#000 90%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.52) 45%,#000 90%)}[data-network-toggle]{font-size:11px;padding:7px 9px}}
@media print{#db-network,[data-network-toggle]{display:none}}