/* Additive, optional classic variants. Existing responsive layout remains active. */
.h25-content { line-height:1.55; }
.h25-content fieldset { margin:20px 0; padding:14px; border:1px solid var(--rl-line); min-width:0; }
.h25-content legend { font-weight:bold; padding:0 6px; }
.h25-content label { display:inline-block; margin:5px 12px 5px 0; }
.h25-content input, .h25-content select, .h25-content textarea { max-width:100%; box-sizing:border-box; }
.h25-content textarea { display:block; width:100%; min-width:min(480px,65vw); }
.h25-content fieldset>label:has(textarea) { display:block; margin-right:0; }
.h25-content .h25-rights { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:6px 14px; }
.h25-content h3, .h25-content h4 { height:auto; padding:0; margin:20px 0 10px; text-decoration:none; background-image:none; }
.h25-content .h25-backup, .h25-content .h25-post { border-top:1px solid var(--rl-line); padding:8px 0 16px; }
.h25-content summary { cursor:pointer; color:var(--rl-accent); padding:8px 0; }
.h25-content .h25-body { white-space:normal; overflow-wrap:anywhere; }
.h25-content .h25-notice { padding:10px; border-left:4px solid #397347; background:var(--rl-surface-alt); }
.h25-content .h25-error { border-left-color:#a32a2a; }
.h25-content [aria-current=page] { font-weight:bold; text-decoration:underline; }

html.htn25-light {
 --rl-accent:#315a96; --rl-accent-dark:#203f6b; --rl-head:#c8d6e8;
 --rl-surface:#ededed; --rl-surface-alt:#f7f7f7; --rl-line:#afb8c3;
 --rl-ink:#202020; --rl-ink-soft:#565f6c; --rl-title:#777;
 --h25-bg:#fff; --h25-nav:#ececec; --h25-head-top:#edf3fb; --h25-head-bottom:#bdcde2;
 color-scheme:light;
}
html.htn25-dark {
 --rl-accent:#96b9ef; --rl-accent-dark:#bed6fa; --rl-head:#292c33;
 --rl-surface:#17191d; --rl-surface-alt:#202329; --rl-line:#4a505b;
 --rl-ink:#e3e5e9; --rl-ink-soft:#abb3c0; --rl-title:#a5a8af;
 --h25-bg:#0b0c0e; --h25-nav:#17191d; --h25-head-top:#373d47; --h25-head-bottom:#22252b;
 color-scheme:dark;
}
html:is(.htn25-light,.htn25-dark),
html:is(.htn25-light,.htn25-dark) body,
html:is(.htn25-light,.htn25-dark) .content { background:var(--h25-bg); color:var(--rl-ink); }
html:is(.htn25-light,.htn25-dark) a { color:var(--rl-accent); }
html:is(.htn25-light,.htn25-dark) h2 { color:var(--rl-title); letter-spacing:1px; }
html:is(.htn25-light,.htn25-dark) h3,
html:is(.htn25-light,.htn25-dark) h4 { color:var(--rl-ink-soft); }
html:is(.htn25-light,.htn25-dark) .content table th { background:linear-gradient(var(--h25-head-top),var(--h25-head-bottom)); color:var(--rl-ink); border-color:var(--rl-line); }
html:is(.htn25-light,.htn25-dark) .content table td { background:var(--rl-surface); color:var(--rl-ink); border-color:var(--rl-line); }
html:is(.htn25-light,.htn25-dark) .content table tr:nth-child(odd) td { background:var(--rl-surface-alt); }
html:is(.htn25-light,.htn25-dark) ul.navigation { background:var(--h25-nav); border-color:var(--rl-line); }
html:is(.htn25-light,.htn25-dark) ul.navigation li>a { background:linear-gradient(var(--h25-head-top),var(--h25-head-bottom)); color:var(--rl-ink); border-color:var(--rl-line); }
html:is(.htn25-light,.htn25-dark) .navigation .help,
html:is(.htn25-light,.htn25-dark) input,
html:is(.htn25-light,.htn25-dark) select,
html:is(.htn25-light,.htn25-dark) textarea { background:var(--rl-surface-alt); color:var(--rl-ink); border-color:var(--rl-line); }
html:is(.htn25-light,.htn25-dark) .content button,
html:is(.htn25-light,.htn25-dark) input[type=submit],
html:is(.htn25-light,.htn25-dark) input[type=button] { background:linear-gradient(var(--h25-head-top),var(--h25-head-bottom)); color:var(--rl-ink); border:1px solid var(--rl-line); }
html:is(.htn25-light,.htn25-dark) .rl-navtoggle { background:var(--rl-head); color:var(--rl-ink); border-color:var(--rl-line); }
html:is(.htn25-light,.htn25-dark) :focus-visible { outline:2px solid var(--rl-accent); outline-offset:3px; }
html:is(.htn25-light,.htn25-dark) .rl-muted { color:var(--rl-ink-soft); }
@media(max-width:640px){
 .h25-content textarea { min-width:0; }
 .h25-content label { display:block; }
 .h25-content button { margin:4px 0; }
 html:is(.htn25-light,.htn25-dark) .content { margin-left:0; margin-right:0; }
}