/* Frosted editorial cards and tactile controls. Keep the reading canvas white. */
:root{--glass-fill:rgba(255,255,255,.68);--glass-highlight:rgba(255,255,255,.96);--glass-edge:rgba(179,196,183,.55);--glass-shadow:rgba(24,63,53,.13);--glass-shadow-soft:rgba(24,63,53,.055);--glass-glow-cool:rgba(198,213,198,.42);--glass-glow-warm:rgba(195,216,201,.28);--soft-control:#f1f4ef;--soft-control-light:#fff;--soft-control-shadow:rgba(74,105,82,.22)}
:root[data-theme=dark]{--glass-fill:rgba(27,45,36,.74);--glass-highlight:rgba(255,255,255,.1);--glass-edge:rgba(157,180,164,.24);--glass-shadow:rgba(0,0,0,.32);--glass-shadow-soft:rgba(0,0,0,.18);--glass-glow-cool:rgba(64,103,76,.35);--glass-glow-warm:rgba(82,126,97,.23);--soft-control:#23392b;--soft-control-light:rgba(91,125,97,.2);--soft-control-shadow:rgba(0,0,0,.45)}
.editorial-page .services{position:relative;isolation:isolate;gap:26px;margin-block:6px 30px}.editorial-page .services::before{content:'';position:absolute;inset:-24px -18px -18px;z-index:-1;background:radial-gradient(ellipse at 8% 15%,var(--glass-glow-cool),transparent 60%),radial-gradient(ellipse at 95% 90%,var(--glass-glow-warm),transparent 60%);filter:blur(18px);border-radius:30px;pointer-events:none}
.editorial-page .services article,.editorial-page .solutions-grid article,.editorial-page .nl-card,.reader-page .reader-rail{position:relative;min-width:0;background:linear-gradient(135deg,var(--glass-highlight),transparent 58%),var(--glass-fill);border:1px solid var(--glass-edge);border-radius:18px;box-shadow:10px 16px 32px var(--glass-shadow-soft),-5px -5px 18px var(--glass-highlight),inset 1px 1px 0 var(--glass-highlight);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
.editorial-page .services article{padding:30px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.editorial-page .services article:hover,.editorial-page .services article:focus-within{transform:translateY(-4px);border-color:var(--muted);box-shadow:12px 22px 38px var(--glass-shadow),-5px -5px 18px var(--glass-highlight),inset 1px 1px 0 var(--glass-highlight)}.editorial-page .service-number{color:var(--accent);font-size:12px}.editorial-page .services h3{font-size:29px;margin-top:28px}.editorial-page .services p{font-size:13px;line-height:1.75}.editorial-page .services ul{font-size:12px;margin-bottom:28px}.editorial-page .services li{border-color:var(--glass-edge)}
.editorial-page .services button{border:1px solid var(--glass-edge);border-radius:11px;background:var(--soft-control);color:var(--ink);padding:14px 16px;min-height:49px;box-shadow:5px 5px 10px var(--soft-control-shadow),-4px -4px 9px var(--soft-control-light),inset 1px 1px 0 var(--glass-highlight);font-size:12px;transition:box-shadow .18s ease,color .18s ease}.editorial-page .services button:hover{color:var(--accent);box-shadow:3px 3px 7px var(--soft-control-shadow),-3px -3px 7px var(--soft-control-light)}.editorial-page .services button:active{box-shadow:inset 3px 3px 7px var(--soft-control-shadow),inset -3px -3px 7px var(--soft-control-light)}
.editorial-page .scope-note{border:1px solid var(--glass-edge);border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:var(--soft-control);padding:26px;box-shadow:inset 4px 4px 10px var(--glass-shadow-soft),inset -4px -4px 10px var(--soft-control-light)}.editorial-page .solutions-grid{gap:24px}.editorial-page .solutions-grid article{overflow:hidden}.editorial-page .solutions-grid .problem{background:transparent;border-bottom:1px solid var(--glass-edge)}.editorial-page .solutions-grid .solution{background:var(--glass-fill)}.editorial-page .nl-card{padding:30px}.editorial-page .nl-card input:not([type=checkbox]){border-radius:8px;background:var(--paper);box-shadow:inset 2px 2px 5px var(--glass-shadow-soft);border-color:var(--glass-edge)}.editorial-page .nl-card .nl-go{border-radius:9px;box-shadow:0 6px 14px var(--glass-shadow);transition:box-shadow .2s ease}.editorial-page .nl-card .nl-go:active{box-shadow:0 2px 4px var(--glass-shadow)}.reader-page .reader-rail{padding:24px}.reader-page .article-newsletter{border:1px solid var(--glass-edge);border-radius:16px;background:linear-gradient(120deg,var(--glass-highlight),var(--glass-fill));box-shadow:6px 10px 24px var(--glass-shadow-soft),inset 1px 1px 0 var(--glass-highlight)}
@media(max-width:1050px){.editorial-page .services{gap:20px}.editorial-page .services article{padding:25px}.editorial-page .services h3{font-size:27px}}
@media(max-width:850px){.reader-page .reader-rail{padding:22px}}
@media(max-width:760px){.editorial-page .services{gap:26px}.editorial-page .services article{padding:26px;border-radius:16px}.editorial-page .services article:hover{transform:none}.editorial-page .services h3{font-size:29px}.editorial-page .services button{min-height:48px}.editorial-page .services::before{inset:-14px -5px;filter:blur(12px)}.editorial-page .scope-note{padding:24px}.editorial-page .nl-card{padding:24px}.editorial-page .solutions-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){.editorial-page .services article,.editorial-page .services button,.editorial-page .nl-card .nl-go{transition:none}.editorial-page .services article:hover,.editorial-page .services article:focus-within{transform:none}}
@supports not (backdrop-filter:blur(1px)){.editorial-page .services article,.editorial-page .solutions-grid article,.editorial-page .nl-card,.reader-page .reader-rail{background:var(--card)}}
@media print{.editorial-page .services::before{display:none}.editorial-page .services article,.editorial-page .services button,.editorial-page .scope-note,.editorial-page .solutions-grid article,.editorial-page .nl-card,.reader-page .reader-rail,.reader-page .article-newsletter{box-shadow:none;background:var(--paper);backdrop-filter:none}}
