/* The Nine Scrolls · standalone document styles. All artwork is CSS, not background video. */
body[data-page="documents"]{--scroll-accent:#98d7fa;--scroll-glow:rgba(56,131,182,.16)}
body[data-doc="estate"]{--scroll-accent:#edcea1;--scroll-glow:rgba(191,140,70,.18)}
body[data-doc="charter"]{--scroll-accent:#d7e1f6;--scroll-glow:rgba(143,170,219,.17)}
body[data-doc="philosophy"]{--scroll-accent:#d5d9fd;--scroll-glow:rgba(130,145,208,.17)}
body[data-doc="promotion"]{--scroll-accent:#96dbec;--scroll-glow:rgba(54,166,193,.19)}
body[data-doc="quota"]{--scroll-accent:#bde8fe;--scroll-glow:rgba(75,151,197,.16)}
body[data-doc="loyalty"]{--scroll-accent:#a9cafa;--scroll-glow:rgba(79,104,185,.24)}
body[data-doc="shop"]{--scroll-accent:#f0d3a3;--scroll-glow:rgba(190,141,77,.2)}
body[data-doc="orders"]{--scroll-accent:#a6e8df;--scroll-glow:rgba(63,173,162,.17)}
body[data-doc="map"]{--scroll-accent:#a5e4f5;--scroll-glow:rgba(42,162,193,.22)}
.doc-hero{overflow:hidden;min-height:325px;padding:69px 0 76px;isolation:isolate;background:linear-gradient(90deg,#061328ed 0%,#0b2239c8 51%,#07111c96),url('assets/temple-scene.webp') center 50%/cover}
.doc-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 550px 240px at 75% 12%,var(--scroll-glow),transparent),linear-gradient(180deg,transparent 70%,#07101fba);z-index:-1}
.doc-hero:after{content:'✧';font-size:300px;right:9%;top:-90px;color:var(--scroll-glow);opacity:.6;transform:rotate(26deg)}
.doc-hero-row{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}
.doc-hero .eyebrow{color:var(--scroll-accent);letter-spacing:.25em}
.doc-hero h1{font-size:clamp(37px,4.5vw,72px);letter-spacing:.085em;max-width:900px;line-height:1.15;margin:15px 0 15px;text-shadow:0 2px 22px #020b17}
.doc-hero p{max-width:650px;font-size:16px}
.doc-hero-sign{font:clamp(85px,12vw,150px)/1 Georgia,serif;color:var(--scroll-accent);opacity:.25;text-shadow:0 0 50px var(--scroll-accent);flex:0 0 auto}
body[data-page="documents"] .document-layout{grid-template-columns:240px minmax(0,1fr);gap:25px;align-items:start;padding-top:38px}
body[data-page="documents"] .doc-side{top:96px;border-color:#a7d1f03a;background:linear-gradient(165deg,#132b468c,#071428);padding:20px 13px;box-shadow:0 10px 40px #0002}
.doc-side h3{font:18px/1.4 Georgia,serif;letter-spacing:.06em;margin:5px 10px 12px}
.doc-menu{gap:3px}
.doc-menu a{display:flex;align-items:center;gap:7px;min-height:42px;padding:10px 13px;font:12px/1.35 Arial,sans-serif;letter-spacing:.02em;transition:background .2s}
.doc-menu a:hover,.doc-menu a.active{border-left-color:var(--scroll-accent);background:linear-gradient(90deg,var(--scroll-glow),#14243b);color:#fff}
.doc-menu a.active:before{content:'❅';font-size:14px;color:var(--scroll-accent)}
.doc-sidebar-foot{font-size:12px;color:#85a3bb;margin:20px 10px 4px;padding-top:14px;border-top:1px solid #9ec7e329}
body[data-page="documents"] .doc-article{position:relative;background:linear-gradient(180deg,#10233aee,#081528ed 520px,#09172bcc);border:1px solid #aacce744;padding:clamp(23px,3.5vw,51px);min-height:610px;box-shadow:0 14px 42px #0003;overflow:hidden}
.doc-article:before,.doc-article:after{content:'';position:absolute;width:26px;height:26px;pointer-events:none;border:1px solid var(--scroll-accent);opacity:.65}
.doc-article:before{top:-1px;left:-1px;border-bottom:0;border-right:0}
.doc-article:after{right:-1px;bottom:-1px;border-top:0;border-left:0}
body[data-page="documents"] .doc-content{width:100%;overflow-wrap:anywhere}
.folio-number{display:block;color:var(--scroll-accent);font:11px/1.4 Arial,sans-serif;letter-spacing:.27em}
.doc-article .library-intro{border-bottom:1px solid #c8e9ff2c;margin-bottom:25px;padding:4px 0 25px}
.library-intro h2{font-size:clamp(27px,3vw,42px);margin:15px 0 10px}
.library-intro p{max-width:680px}
.doc-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.doc-index-card{min-height:218px;padding:20px 19px 15px;display:flex;flex-direction:column;background:linear-gradient(143deg,#17344e,#0a1a2e 75%);border:1px solid #a5cce340;transition:transform .2s,border .2s;position:relative}
.doc-index-card:hover{border-color:#d6edffb4;transform:translateY(-3px)}
.doc-index-card small{font:10px Arial,sans-serif;letter-spacing:.17em;color:#9cbfd8}
.index-emblem{position:absolute;right:17px;top:20px;font:45px Georgia,serif;color:#bbdff95c}
.doc-index-card h3{font-size:21px;position:relative;margin:35px 0 8px}
.doc-index-card p{font-size:12px;line-height:1.55;margin:0 0 18px}
.index-foot{font:10px Arial,sans-serif;letter-spacing:.18em;color:#c0e8ff;margin-top:auto}
/* Philosophy: a manuscript with opened textual chapters, no blank accordions. */
.philo-intro{text-align:center;border:1px solid #b2cbed50;padding:42px 20px 30px;background:radial-gradient(ellipse at top,#2539548c,transparent 72%);margin-bottom:27px;position:relative}
.philo-intro:before{content:'✧';position:absolute;top:12px;left:18px;color:#94b6e7}
.philo-intro h2{font-size:clamp(29px,4vw,49px);line-height:1.26;letter-spacing:.08em;margin:19px 0}
.philo-intro h2 em{color:#c9dbff;font-weight:normal}
.philo-flower{font:58px Georgia,serif;color:#c4d4fc;line-height:1;margin-bottom:18px;text-shadow:0 0 22px #a8b9ff99}
.philo-intro p{max-width:500px;margin:0 auto 23px}
.philo-intro-lines{display:flex;justify-content:center;gap:30px;align-items:center;border-top:1px solid #aac8ed4a;padding-top:15px;font:11px Arial,sans-serif;letter-spacing:.13em;color:#b1c9ec}
.chapter-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:26px 0 13px;font:11px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#a7c5de}
.doc-toggle-all{font:12px Georgia,serif;padding:9px 12px;background:#183554;border:1px solid #a6cfec55;color:#d3edff}
.doc-toggle-all:hover{background:#244967}
body[data-doc="philosophy"] .doc-content details.story-chapter{margin:10px 0;border:1px solid #aebff15c;background:linear-gradient(135deg,#101e38,#0a172c);scroll-margin-top:100px}
body[data-doc="philosophy"] .story-chapter>summary{display:flex;align-items:center;gap:18px;padding:18px 23px;list-style:none;cursor:pointer}
.story-chapter>summary::-webkit-details-marker{display:none}
.chapter-no{font-size:34px;color:#a1bdeb54;line-height:1.2;font-family:Georgia,serif;width:50px;flex-shrink:0}
.chapter-heading{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.chapter-heading small{font:9px Arial,sans-serif;letter-spacing:.22em;color:#92b6e2}
.chapter-heading b{font-size:clamp(17px,2vw,23px);font-weight:400;color:#e3f1ff}
.chapter-cross{font:25px Arial,sans-serif;color:#bcdfff;transition:transform .2s}
.story-chapter[open] .chapter-cross,.estate-section[open] .chapter-cross{transform:rotate(45deg)}
.story-chapter .chapter-body{padding:20px clamp(22px,4vw,50px) 29px;background:linear-gradient(180deg,#0e243934,#091526);border-top:1px solid #bbd7f033}
.story-chapter .chapter-body p{line-height:1.95;color:#c8d7e9;font-size:15px;margin-bottom:14px}
.chapter-body blockquote{padding:20px 25px;color:#e6e9ff;background:#839bc217;border-left:2px solid #a5b7f1;font-size:clamp(18px,2.2vw,23px);margin:21px 0}
.philo-ending{text-align:center;margin:34px 0 4px;color:#bfd5f5;letter-spacing:.22em}
/* Estate rules: parchment-coloured official ledger, not a copy of philosophy. */
.estate-cover{position:relative;border:1px solid #f1d4a461;text-align:center;padding:41px 20px 32px;background:radial-gradient(ellipse 80% 80% at 50% 0%,#92734a34,transparent 86%),#1a202b;margin-bottom:28px}
.estate-cover h2{font-size:clamp(35px,4vw,53px);line-height:1.15;letter-spacing:.08em;color:#fff1d8;margin:12px 0}
.estate-cover p{color:#dfcdb5;max-width:500px;margin:0 auto 20px}
.estate-stamp{width:78px;height:78px;display:grid;place-items:center;margin:auto auto 22px;border:2px solid #ecc98f;border-radius:50%;font-size:45px;color:#f0d9aa;box-shadow:0 0 0 5px #d4a76b21}
.estate-notice{border-top:1px solid #eacaa24a;padding-top:14px;font:12px/1.7 Arial,sans-serif;color:#e1c7ac}
.rule-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.rule-overview a{display:flex;gap:10px;align-items:center;background:#25303a;border:1px solid #d8b88252;padding:13px 10px;font-size:12px;color:#e8d7c2}
.rule-overview a small{font:17px Georgia,serif;color:#d3b384}
.rule-overview a span{flex:1}
.rule-overview a:hover{background:#303b45;border-color:#e2c997}
body[data-doc="estate"] .doc-content details.estate-section{border:1px solid #ddc18b65;margin:12px 0;background:#1a2531;scroll-margin-top:100px}
.estate-section summary{cursor:pointer;display:flex;align-items:center;gap:15px;padding:18px 20px;list-style:none}
.estate-section summary::-webkit-details-marker{display:none}
.estate-section summary b{color:#f4e2c9;flex:1;font-size:21px;font-weight:normal}
.section-roman{display:grid;place-items:center;min-width:48px;height:44px;border:1px solid #d1b58955;color:#e2c996;font-size:20px}
.estate-section-content{padding:17px clamp(15px,3vw,34px) 25px;border-top:1px solid #d8bd8a3b}
.rule-clause{display:grid;grid-template-columns:55px 1fr;gap:11px;align-items:start;border-bottom:1px solid #f0d6a71c;padding:13px 0}
.rule-clause strong{font-size:15px;color:#e8cb9d}
.rule-clause p{margin:0;font-size:15px;line-height:1.85;color:#d7dce2}
.rule-note{background:#dec29f0d;border-left:2px solid #d1a86b;padding:10px 15px;margin:10px 0;color:#e4c59e!important}
.estate-ending{text-align:center;color:#e8cfaa;margin:31px 0 0}
/* Interactive diplomacy dashboard. */
.rep-opening{display:grid;grid-template-columns:1fr 168px;gap:30px;align-items:center;border-bottom:1px solid #b5ceef33;padding:0 0 30px}
.rep-opening h2{font-size:clamp(33px,4vw,56px);letter-spacing:.075em;line-height:1.09;margin:14px 0 16px}
.rep-opening h2 em{color:#b4d4ff}
.rep-opening p{max-width:580px;font-size:15px;margin-bottom:20px}
.rep-orb{display:flex;align-items:center;justify-content:center;flex-direction:column;width:160px;height:160px;border-radius:50%;border:1px solid #b9cafd9b;box-shadow:inset 0 0 38px #719fe94b,0 0 0 10px #bfd9fd0b,0 0 0 22px #aecaf409;background:radial-gradient(circle,#1c355b,#0a1c34);color:#dcecff}
.rep-orb>span{font-size:69px;line-height:1.2}
.rep-orb small{font-size:8px;letter-spacing:.15em}
.rep-legend{display:flex;gap:15px;flex-wrap:wrap;font:11px/1.5 Arial,sans-serif;color:#b9cde5}
.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}
.legend-dot.hostile{background:#dba7a8}.legend-dot.neutral{background:#e0ca99}.legend-dot.ally{background:#92dbc7}
.rep-local-note{display:flex;gap:16px;align-items:center;border:1px solid #a4c3ee45;background:#172e4880;padding:14px 17px;margin:25px 0 38px}
.rep-local-note b{flex:0 0 auto;color:#c5e9ff;font-size:13px}
.rep-local-note span{font:12px/1.6 Arial,sans-serif;color:#c3d6e9}
.rep-head,.rep-log-head{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.rep-head h3,.rep-log-head h3{font-size:28px;margin:5px 0 0;letter-spacing:.07em}
.rep-search-label{font:11px Arial,sans-serif;color:#bdd3e8;display:flex;align-items:center;gap:11px}
#repSearch{width:175px;border:1px solid #9cbce956;padding:9px;background:#0a1d35;color:#ecf6ff}
.rep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rep-card{border:1px solid #8bbcd057;background:linear-gradient(160deg,#183553dc,#0a1a2f 70%);min-width:0;padding:17px 18px 16px;position:relative}
.rep-card:before{content:'';position:absolute;top:-1px;left:-1px;width:17px;height:17px;border-top:1px solid #b5daef;border-left:1px solid #b5daef}
.rep-card-top{display:flex;justify-content:space-between;gap:8px;color:#a6c6df;align-items:center}
.rep-index{font:10px Arial,sans-serif;letter-spacing:.14em}.rep-card-symbol{font-size:23px;opacity:.55;line-height:1}
.rep-card h4{font-size:19px;min-height:45px;margin:23px 0 11px;line-height:1.3;font-weight:400}
.rep-score-line{display:flex;align-items:baseline;gap:6px}
.rep-score{font-size:37px;line-height:1.15;color:#e9f4ff;font-weight:400}.rep-score-max{font-size:13px;color:#a2bad0}
.rep-bar{height:5px;background:#05111f;margin:12px 0 10px;border-radius:2px;overflow:hidden}
.rep-fill{display:block;height:100%;background:#d9c09f;transition:width .25s}
.rep-card.hostile .rep-fill{background:#df9ba8}.rep-card.ally .rep-fill{background:#9bdfd6}
.rep-status{font:11px Arial,sans-serif;color:#a8c4df;min-height:30px}
.rep-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;margin-top:12px}
.rep-controls button,.rep-log-controls button,.rep-import{border:1px solid #a4c7ec4b;background:#183452;color:#edf7ff;padding:10px 7px;font:11px Arial,sans-serif;min-height:37px;white-space:nowrap;cursor:pointer}
.rep-controls button:hover,.rep-log-controls button:hover,.rep-import:hover{background:#275378;border-color:#c1e5ff}
.rep-controls button:nth-child(2){background:#245073}
.rep-log-section{margin-top:47px;border-top:1px solid #a3c1eb44;padding-top:31px}
.rep-log-controls{display:flex;gap:7px;flex-wrap:wrap}
.rep-import{position:relative;overflow:hidden;display:inline-flex;align-items:center}.rep-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.rep-log{display:grid;gap:9px}
.rep-log-empty{padding:33px;border:1px dashed #a8cce25e;text-align:center;color:#b9cee1}
.rep-log-row{display:grid;grid-template-columns:1fr auto;gap:7px 16px;padding:14px 17px;background:#091b31;border-left:2px solid #9abde4}
.rep-log-meta{display:flex;flex-direction:column;gap:4px}.rep-log-meta b{font-size:15px}.rep-log-meta time{font:11px Arial,sans-serif;color:#89adc7}
.rep-log-row>p{grid-column:1/-1;max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.rep-log-row>small{font:11px Arial,sans-serif;color:#98b2cc;grid-column:1/-1}
.rep-delta{font-size:16px}.rep-delta.positive{color:#a4ddce}.rep-delta.negative{color:#e8aeae}
.rep-message{margin:15px 0 0;min-height:22px;color:#b5dbf7;font:12px Arial,sans-serif}
.rep-dialog{border:1px solid #a5d0f5;background:#091c33;color:#e8f4ff;width:min(480px,calc(100vw - 25px));max-height:95vh;padding:0;box-shadow:0 20px 80px #0009;overflow:auto}
.rep-dialog::backdrop{background:#020710b8}
.rep-dialog form{display:grid;gap:17px;max-width:none;padding:25px}
.rep-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:5px}
.rep-dialog-top small{font:9px Arial,sans-serif;color:#a9cbe6;letter-spacing:.15em}
.rep-close{font-size:27px;border:0;background:none;color:#e7f7ff}
.rep-dialog h3{font-size:28px;margin:0}
.rep-dialog p{margin:0}
.rep-dialog label{display:grid;gap:7px;font-size:13px}
.rep-dialog input,.rep-dialog textarea{background:#0f2944;border:1px solid #93c5eb5e;color:#fff;padding:12px;max-width:100%}
.rep-required{font-size:10px;color:#c7dfef}
.rep-dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.rep-dialog-actions button{padding:11px 17px;border:1px solid #a5d4f2;color:#edf6ff;background:#194565}
.rep-dialog-actions .rep-secondary{background:transparent}
/* Unique identities for the rest of the scrolls. */
body[data-doc="charter"] .bodycontent>div>details{border-color:#c4d5ed63;background:linear-gradient(135deg,#152640,#09182c)}
body[data-doc="charter"] .doc-content details summary{font-size:19px;letter-spacing:.015em}
body[data-doc="charter"] .doc-content details summary small{font:11px Arial,sans-serif;color:#91b9e9;margin-right:13px}
body[data-doc="charter"] .doc-content details[open] summary{box-shadow:inset 4px 0 #cbd5f8}
body[data-doc="promotion"] .bodycontent>article:first-child{border:1px solid #91d6e351;padding:27px;background:radial-gradient(circle at right,#2c6b8050,transparent 60%),#10263c;color:#d8f7fc}
body[data-doc="promotion"] .doc-content details{background:#11273a;border-color:#8ac9e17c;margin:14px 0 14px 19px;position:relative}
body[data-doc="promotion"] .doc-content details:before{content:'◆';font-size:10px;color:#9cd8e1;position:absolute;left:-23px;top:18px}
body[data-doc="promotion"] .bodycontent{border-left:1px solid #7eb6d266;padding-left:12px}
body[data-doc="quota"] .doc-content article{background:linear-gradient(145deg,#19304a,#08192f);border:1px solid #a2d6f351;padding:30px}
body[data-doc="quota"] .doc-content article strong{color:#c2ebff;font-size:35px;display:block}
body[data-doc="quota"] .doc-content article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
body[data-doc="quota"] .doc-content article>div>div{background:#1f436250;padding:22px;border:1px solid #a2c9e442}
body[data-doc="shop"] .doc-content .specialoffer{background:#9a773222;border:1px solid #f0d3a25c;padding:17px}
body[data-doc="shop"] .doc-content details{border-color:#d3b78365;background:#151f2a}
body[data-doc="shop"] .doc-content th{background:#3a342c}
body[data-doc="orders"] .doc-content form{padding:24px;border:1px solid #9bddde66;background:#102f3759}
body[data-doc="orders"] .doc-content article{border-bottom:1px solid #a6dedf31;padding-bottom:21px}
body[data-doc="map"] .doc-content img{box-shadow:0 12px 50px #0009;border:2px solid #a7ddeb99;margin:28px auto}
body[data-doc="map"] .doc-content article{position:relative}
body[data-doc="map"] .doc-content article:before{content:'⌖';position:absolute;right:7px;top:-9px;font-size:67px;color:#90cde84d}
/* Individual atmospheres on non-document pages */
body[data-page="history"] .inner-hero{background:linear-gradient(90deg,#071224f0,#1e3750b8),url('assets/temple-scene.webp') center 52%/cover}
body[data-page="history"] .timeline-item{background:linear-gradient(120deg,#13283eb0,transparent 70%);padding:30px 25px 26px;border-top:1px solid #9bbddc49;margin-bottom:4px}
body[data-page="history"] .timeline-item:nth-child(even){background:linear-gradient(120deg,#1a2e47b0,transparent 80%)}
body[data-page="history"] .timeline-item h2{color:#c6e6ff}
body[data-page="team"] .inner-hero{background:linear-gradient(90deg,#061426ed,#102d4ba8),url('assets/hero-scene.webp') center 57%/cover}
body[data-page="team"] .group-title{border-bottom:1px solid #a3cde95e}
body[data-page="team"] .filterbar{padding:18px;background:#0f26394a;border:1px solid #b0d6ee40}
body[data-page="album"] .inner-hero{background:linear-gradient(90deg,#061426e8,#122b429e),url('assets/temple-scene.webp') center 52%/cover}
body[data-page="album"] .album-empty{border:1px solid #acdbfa55;background:radial-gradient(ellipse at center top,#2c567052,transparent 68%),#0d2035;min-height:480px}
@media(max-width:1150px){.doc-index-grid,.rep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body[data-page="documents"] .document-layout{grid-template-columns:minmax(0,1fr)}body[data-page="documents"] .doc-side{position:static}body[data-page="documents"] .doc-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-sidebar-foot{display:none}}
@media(max-width:650px){.doc-hero{min-height:245px;padding:37px 0}.doc-hero h1{font-size:clamp(32px,9vw,45px);overflow-wrap:anywhere}.doc-hero-sign{font-size:72px}.doc-index-grid,.rep-grid{grid-template-columns:1fr}.rule-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-opening{grid-template-columns:1fr}.rep-orb{display:none}.rep-local-note{flex-direction:column;align-items:start;gap:7px}.rep-head h3,.rep-log-head h3{font-size:25px}.rep-grid{gap:11px}.rep-card{padding:16px}.rep-card h4{min-height:auto;margin:13px 0 5px}.rep-search-label{width:100%;justify-content:space-between}.rep-search-label input{flex:1;max-width:220px}.rep-log-controls{width:100%}.rep-log-controls button,.rep-import{flex:1;justify-content:center}.philo-intro-lines{gap:10px}.chapter-toolbar{align-items:start;flex-direction:column}.chapter-no{font-size:24px;width:29px}.story-chapter>summary{gap:9px!important;padding:15px 13px!important}.rule-overview a{font-size:11px}.rule-clause{grid-template-columns:42px 1fr}body[data-page="documents"] .doc-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.estate-section summary b{font-size:17px}.section-roman{min-width:36px;height:36px;font-size:16px}body[data-doc="quota"] .doc-content article>div{grid-template-columns:1fr}}
@media(max-width:360px){.rule-overview{grid-template-columns:1fr}body[data-page="documents"] .doc-menu{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.doc-index-card,.rep-fill{transition:none}}
.scroll-preface{border:1px solid #a6c5e143;background:linear-gradient(117deg,var(--scroll-glow),#10223866);padding:29px 26px 23px;margin-bottom:24px;position:relative;overflow:hidden}
.scroll-preface:after{content:'❅';position:absolute;right:20px;top:-40px;font-size:130px;color:var(--scroll-glow);pointer-events:none}
.scroll-preface h2{font-size:clamp(27px,3vw,38px);margin:11px 0;position:relative;z-index:1}
.scroll-preface p{max-width:680px;position:relative;z-index:1;margin:0}
/* V5 · Common D1 registry */
.rep-online-note{display:flex;align-items:center;gap:14px;border:1px solid #91d5e678;background:linear-gradient(110deg,#173c50a6,#112741a8);padding:17px 18px;margin:25px 0 38px;color:#e2f6ff}
.rep-online-note.disconnected{border-color:#e6ac9275;background:#44303955}
.rep-online-signal{height:11px;width:11px;flex:0 0 11px;border-radius:50%;background:#83d2b5;box-shadow:0 0 0 5px #8bdbcb22}
.rep-online-note.disconnected .rep-online-signal{background:#edb6a0;box-shadow:0 0 0 5px #e6a49a22}
.rep-online-note div{min-width:0;flex:1}.rep-online-note b{font-size:14px;letter-spacing:.02em}
.rep-online-note p{font:12px/1.5 Arial,sans-serif;color:#bdd2e2;margin:5px 0 0}
.rep-refresh{border:1px solid #9acee56e;background:#23445e;color:#e6f7ff;cursor:pointer;padding:11px 13px;white-space:nowrap;font:12px Arial,sans-serif}
.rep-refresh:disabled{opacity:.5;cursor:wait}
.rep-online-tag{align-self:center;font:11px Arial,sans-serif;color:#a7cee5;letter-spacing:.045em}
.rep-form-error{color:#ffbcb6!important;font:12px/1.5 Arial,sans-serif!important;min-height:16px}
.rep-dialog-warning{color:#afc9dc!important;font:11px/1.6 Arial,sans-serif!important}
.rep-dialog [hidden]{display:none!important}
.rep-controls button:disabled{opacity:.45;cursor:not-allowed;background:#173349}
.rep-log-controls button[hidden]{display:none!important}
@media(max-width:650px){.rep-online-note{align-items:flex-start;flex-wrap:wrap}.rep-online-note div{flex-basis:calc(100% - 35px)}.rep-refresh{width:100%}}