:root{color-scheme:dark;--bg:#0c0e17;--surface:rgba(20,21,35,.83);--surface2:rgba(31,30,46,.76);--edge:rgba(198,167,114,.24);--gold:#d3b57d;--gold2:#efd4a6;--ink:#ede9e6;--muted:#c0bac3;--crimson:#843d50;--shadow:0 25px 70px #05050ba3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 60% 10%,#30243c 0,transparent 43%),linear-gradient(115deg,#080912,#151521 70%,#080912);min-height:100vh}
body:before{content:"";position:fixed;inset:0;background:url('/assets/images/sinsauthors-gothic-steampunk-banner.webp') center 10%/cover no-repeat;opacity:.095;filter:grayscale(.4) blur(4px);pointer-events:none;z-index:-1}a{color:var(--gold2)}a:hover{color:white}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #f7cb82;outline-offset:3px}.skip{position:absolute;left:10px;top:-80px;padding:12px;background:#13131d;z-index:99}.skip:focus{top:10px}.site-wrap{max-width:1350px;margin:auto;padding:0 26px}.site-header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:98px;border-bottom:1px solid var(--edge)}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;color:#eee;line-height:1.05}.brand strong{font:800 clamp(1.1rem,2vw,1.55rem)/1.1 Georgia,serif;letter-spacing:.09em}.brand .accent{color:var(--gold)}.brand small{display:block;letter-spacing:.21em;font-size:.56rem;margin-top:8px;color:#af9eac}.brand-star{color:var(--gold);font-size:2.35rem;text-shadow:0 0 20px #d9a65e}.primary-nav{display:flex;gap:7px;align-items:center}.primary-nav a{color:#ded7da;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.77rem;font-weight:700;padding:12px 15px;border:1px solid transparent;border-radius:4px}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--gold2);border-color:var(--edge);background:#30233388}.menu-toggle{display:none;background:var(--surface);color:white;border:1px solid var(--edge);border-radius:4px;padding:10px 14px}
.hero{margin:30px 0 36px;position:relative;min-height:390px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--edge);border-radius:15px;background:linear-gradient(90deg,rgba(7,8,14,.76) 0,rgba(8,9,15,.34) 67%,rgba(7,8,14,.1)),linear-gradient(0deg,rgba(7,8,14,.93),transparent 60%),url('/assets/images/sinsauthors-gothic-steampunk-banner.webp') center 35%/cover no-repeat;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;border:1px solid #e0b77c38;border-radius:15px;pointer-events:none}.hero-content{padding:clamp(26px,5vw,65px);max-width:810px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:.72rem;font-weight:800;margin:0 0 12px}.hero h1{font:normal clamp(2rem,5vw,4.2rem)/1.1 Georgia,'Times New Roman',serif;text-shadow:0 3px 22px #000;margin:0 0 18px}.hero-lead{font-size:clamp(.96rem,1.4vw,1.18rem);max-width:670px;color:#e2d8d7;text-shadow:0 2px 10px #000}.section{margin:55px 0}.section-heading{margin-bottom:22px}.section-heading h2{font:normal clamp(1.6rem,3vw,2.5rem)/1.2 Georgia,serif;margin:0 0 10px}.section-heading p{max-width:740px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.story-card,.panel,.book-detail,.media-block{position:relative;overflow:hidden;border:1px solid var(--edge);background:linear-gradient(155deg,#292235ac,var(--surface) 36%,#131523dd);border-radius:11px;padding:clamp(22px,3vw,32px);box-shadow:0 12px 35px #07070b80;isolation:isolate}.story-card:before,.panel:before{content:"✦";position:absolute;right:-12px;bottom:-68px;font:200px Georgia,serif;color:#e3b47a0b;z-index:-1;pointer-events:none}.story-card:hover{border-color:#d3b57d75;transform:translateY(-2px);transition:.2s}.story-card h3,.panel h3{font:normal 1.5rem/1.25 Georgia,serif;margin:0 0 12px}.story-card p,.panel p,.book-detail p{color:var(--muted)}.text-link{display:inline-block;margin-top:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #d3b57d70;padding-bottom:3px}.feature-mara{border-color:#d9b88183;background:linear-gradient(135deg,#463043b8,#121626e0)}.feature-mara:before{content:"⚜";color:#e3b47a18}.status{display:inline-block;border:1px solid var(--edge);padding:5px 9px;border-radius:40px;color:var(--gold2);font-size:.73rem;font-weight:700}.pill-list{display:flex;flex-wrap:wrap;gap:9px}.pill{display:inline-block;border:1px solid #ad8e695c;padding:5px 11px;background:#1f1d2b8e;border-radius:30px;color:#cfc1ba;font-size:.8rem}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;color:#17141c;background:linear-gradient(120deg,#d9b47e,#f4deae);border-radius:4px;padding:12px 20px;font-weight:800;letter-spacing:.03em;text-decoration:none;border:0;cursor:pointer}.btn.alt{background:transparent;color:var(--gold2);border:1px solid var(--edge)}.btn:hover{filter:brightness(1.12);color:#161018}.btn.alt:hover{color:#fff}.notice{border-left:3px solid #cfad76;background:#d8b47e12;padding:16px 20px;margin:22px 0;color:#d7c9bc}.muted{color:var(--muted)}.book-detail{max-width:1000px;margin:40px auto}.book-detail h1{font:normal clamp(2rem,4vw,3.4rem) Georgia,serif}.book-detail .meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.book-intro{font-size:1.15rem}.book-symbol{float:right;color:#d2a4662c;font-size:7rem;line-height:1}.media-block video{width:100%;max-height:510px;background:#08080a;border:1px solid var(--edge);border-radius:8px}.media-placeholder{padding:50px 30px;text-align:center;background:linear-gradient(140deg,#251d2d,#14121d);border:1px dashed var(--edge);border-radius:8px;color:var(--muted)}.media-placeholder .icon{font-size:3rem;color:var(--gold)}.search{width:100%;padding:14px 16px;background:#10111af2;border:1px solid var(--edge);border-radius:5px;color:white;max-width:600px}.hidden{display:none!important}.footer{border-top:1px solid var(--edge);margin-top:85px;padding:35px 0 25px;color:var(--muted);font-size:.88rem}.footer b{font:normal 1.3rem Georgia,serif;color:var(--gold2)}.footer nav{display:flex;flex-wrap:wrap;gap:13px 23px;margin-top:23px}.footer nav a{text-decoration:none}.footer-small{font-size:.75rem;color:#a79da7;margin-top:25px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.adult-lock{display:none}.adult-lock.open{display:block}.age-gate{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.small{font-size:.85rem}
@media(max-width:900px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{min-height:78px}.menu-toggle{display:inline-flex;gap:7px}.primary-nav{display:none;position:absolute;top:77px;right:0;left:0;padding:15px;background:#151521f8;border:1px solid var(--edge);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav a{padding:10px 14px}.hero{min-height:330px}}
@media(max-width:640px){.site-wrap{padding:0 14px}.grid,.grid.three,.two-col{grid-template-columns:1fr}.hero{margin-top:14px;min-height:365px;background-position:57% 50%}.hero-content{padding:24px}.hero h1{font-size:2.1rem}.section{margin:38px 0}.brand strong{font-size:1.06rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V2 responsive and design-polish layer — desktop, TV, laptop, tablet, mobile */
:root{--page-max:1440px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:1rem}
body{overflow-x:hidden}
.site-wrap{width:min(100% - 48px,var(--page-max));max-width:none;padding:0;margin-inline:auto}
:where(img,picture,video,iframe,svg){max-width:100%} img{height:auto}
:where(.story-card,.panel,.book-detail,.media-block,.hero-content,.section-heading){min-width:0;overflow-wrap:anywhere}
:where(.story-card,.panel,.book-detail,.media-block){backdrop-filter:blur(5px)}
body:before{background-image:url('/assets/images/sinsauthors-victorian-library.webp');opacity:.16;filter:brightness(.75) blur(6px)}
.hero{background-image:linear-gradient(90deg,rgba(7,8,14,.91),rgba(8,9,15,.64) 55%,rgba(7,8,14,.1)),linear-gradient(0deg,rgba(7,8,14,.73),transparent 65%),url('/assets/images/sinsauthors-victorian-library.webp');background-position:center,center,center 44%;min-height:clamp(340px,35vw,510px)}
.hero-content{max-width:min(650px,90%);padding:clamp(24px,4vw,58px);background:linear-gradient(90deg,rgba(7,8,14,.30),transparent);border-radius:12px}
.hero h1{font-size:clamp(2.05rem,3.8vw,4rem);line-height:1.09;text-wrap:balance}
.hero-lead{font-size:clamp(1rem,1.12vw,1.16rem);line-height:1.65}
/* Keep the women/cast artwork for the front page only, with the copy in an intentional low glass panel. */
.page-home .hero{align-items:flex-end;background-image:linear-gradient(0deg,rgba(4,6,12,.83),rgba(4,6,12,.08) 75%),url('/assets/images/sinsauthors-gothic-steampunk-banner.webp');background-position:center,center 39%;min-height:clamp(440px,42vw,590px)}
.page-home .hero-content{max-width:min(800px,94%);margin:clamp(16px,2vw,26px);padding:clamp(18px,2.5vw,35px);background:rgba(8,9,17,.73);border:1px solid rgba(213,183,132,.29);box-shadow:0 15px 45px rgba(0,0,0,.4);backdrop-filter:blur(8px)}
.page-home .hero h1{font-size:clamp(2rem,3.2vw,3.6rem)}
.footer-social{margin-top:26px;padding-top:18px;border-top:1px solid var(--edge)}
.footer-social h3{font:normal 1.2rem Georgia,serif;color:var(--gold2);margin:0 0 14px}
.social-links{display:flex;flex-wrap:wrap;gap:9px 12px}
.social-links a{display:inline-flex;text-decoration:none;align-items:center;padding:8px 12px;min-height:42px;border:1px solid var(--edge);border-radius:6px;background:rgba(35,29,47,.68);color:#e8d8c6}
.social-links a:hover{border-color:var(--gold);background:#403147;color:white}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.menu-toggle{min-height:44px;min-width:44px}
.primary-nav a{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:1920px){:root{--page-max:1720px}.site-wrap{width:min(100% - 6vw,var(--page-max))}.site-header{min-height:110px}.section{margin-block:75px}.grid{gap:26px}.hero{min-height:540px}.page-home .hero{min-height:650px}.story-card,.panel{padding:clamp(30px,2vw,45px)}body{font-size:18px}}
@media (min-width:3000px){:root{--page-max:2150px}body{font-size:21px}.site-header{min-height:140px}.brand strong{font-size:2.2rem}.primary-nav a{font-size:1.04rem;padding:16px 23px}.hero{min-height:690px}.page-home .hero{min-height:830px}.hero h1{font-size:5.1rem}.hero-lead{font-size:1.55rem}.page-home .hero h1{font-size:4.7rem}.section-heading h2{font-size:3.25rem}.story-card h3,.panel h3{font-size:2rem}.footer{font-size:1.15rem}}
@media (max-width:1100px){.primary-nav a{padding:10px;font-size:.7rem}.site-header{gap:12px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.site-wrap{width:calc(100% - 34px)}.menu-toggle{display:inline-flex}.primary-nav{display:none;position:absolute;inset:calc(100% - 1px) 0 auto;padding:12px;background:#151521fb;border:1px solid var(--edge);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav a{font-size:.9rem;padding:12px 16px}.hero-content{max-width:90%}}
@media (max-width:700px){.grid,.grid.three,.two-col{grid-template-columns:1fr}.site-wrap{width:calc(100% - 24px)}.hero{margin-top:14px;min-height:420px;align-items:flex-end;background-position:center,center,65% 40%}.hero-content{max-width:100%;padding:22px;background:rgba(6,7,14,.68);backdrop-filter:blur(5px)}.hero h1{font-size:clamp(1.95rem,7vw,3rem)}.page-home .hero{min-height:470px;background-position:center,53% center}.page-home .hero-content{max-width:calc(100% - 24px);margin:12px;padding:18px}.page-home .hero h1{font-size:clamp(1.85rem,7vw,2.75rem)}.section{margin:38px 0}.story-card,.panel,.book-detail,.media-block{padding:22px}.footer{margin-top:45px}.footer nav{gap:10px 17px}}
@media (max-width:400px){.site-wrap{width:calc(100% - 18px)}.brand{gap:8px}.brand strong{font-size:1rem;letter-spacing:.045em}.brand small{font-size:.47rem;letter-spacing:.1em}.brand-star{font-size:1.8rem}.site-header{min-height:72px}.menu-toggle{padding:9px}.hero{min-height:440px}.page-home .hero{min-height:480px}.hero-lead{font-size:.95rem;line-height:1.5}.eyebrow{font-size:.65rem;letter-spacing:.14em}.buttons{flex-direction:column}.btn{width:100%;text-align:center}.social-links a{padding:7px 9px;font-size:.82rem}}
@media (hover:none){.story-card:hover{transform:none}}
@media (prefers-reduced-transparency:reduce){.hero-content,.page-home .hero-content{backdrop-filter:none;background:#10111eea}}

/* 2026-11-13: Compact visual refinement after live desktop feedback.
   Hero artwork is a restrained horizontal scene, not a full-screen poster.
   Headline sits UNDER the scene rather than over the characters. */
:root{--page-max:1200px}
.site-wrap{width:min(calc(100% - 44px),var(--page-max));max-width:var(--page-max)}
.site-header{min-height:76px}
.brand strong{font-size:clamp(1.03rem,1.3vw,1.38rem)}
.brand-star{font-size:1.75rem}
.primary-nav a{font-size:.72rem;padding:10px 13px}
body{font-size:15.5px;line-height:1.6}
body:before{background-image:url('/assets/images/sinsauthors-victorian-library.webp');opacity:.10;filter:brightness(.58) blur(7px)}
.hero,.page-home .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0!important;height:auto;margin:18px 0 32px;background:rgba(13,13,23,.72)!important;border-radius:12px;box-shadow:0 12px 38px rgba(1,2,9,.48);overflow:hidden}
.hero:before{content:"";display:block;flex:none;position:relative;height:clamp(142px,18vw,230px);background-image:linear-gradient(0deg,rgba(6,7,16,.20),rgba(6,7,16,.02)),url('/assets/images/sinsauthors-victorian-library.webp');background-position:center 46%;background-size:cover;background-repeat:no-repeat}
.page-home .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.22),rgba(6,7,16,.01)),url('/assets/images/sinsauthors-gothic-panorama.webp');background-position:center 43%}
.page-about .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.22),rgba(6,7,16,.02)),url('/assets/images/sinsauthors-gothic-steampunk-banner.webp');background-position:center 44%}
.page-media .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.26),rgba(6,7,16,.04)),url('/assets/images/sinsauthors-gothic-panorama.webp');background-position:center 38%}
.page-universe .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.20),rgba(6,7,16,.04)),url('/assets/images/sinsauthors-gothic-panorama.webp');background-position:center 52%}
.hero-content,.page-home .hero-content{width:100%;max-width:none!important;margin:0!important;padding:18px 26px 20px!important;background:linear-gradient(115deg,rgba(17,17,28,.98),rgba(22,20,34,.90))!important;border:0!important;border-top:1px solid var(--edge)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
.hero .eyebrow{font-size:.64rem;letter-spacing:.15em;margin-bottom:5px}
.hero h1,.page-home .hero h1{font:normal clamp(1.65rem,2.2vw,2.25rem)/1.15 Georgia,serif!important;margin:0 0 7px!important;text-shadow:none;text-wrap:pretty}
.hero-lead{font-size:clamp(.88rem,1vw,1rem)!important;line-height:1.48!important;max-width:780px!important;margin:0!important;color:#cfc9d2!important;text-shadow:none}
.section{margin:36px 0!important}.section-heading{margin-bottom:15px}
.section-heading h2{font-size:clamp(1.4rem,2vw,1.9rem)}
.section-heading p{font-size:.96rem}
.grid{gap:16px!important}
.story-card,.panel,.book-detail,.media-block{padding:clamp(18px,2vw,26px)!important;box-shadow:0 8px 27px #06060b73}
.story-card h3,.panel h3{font-size:1.3rem}
.story-card p,.panel p{line-height:1.57}
.footer{margin-top:52px}
/* Large displays keep their shape without magnifying content. */
@media(min-width:1920px){:root{--page-max:1300px}body{font-size:16px}.site-header{min-height:84px}.hero:before{height:245px}.page-home .hero:before{height:245px}.section{margin:42px 0!important}.story-card,.panel{padding:26px!important}}
@media(min-width:3000px){:root{--page-max:1500px}body{font-size:17px}.site-header{min-height:100px}.brand strong{font-size:1.65rem}.primary-nav a{font-size:.86rem;padding:12px 16px}.hero:before,.page-home .hero:before{height:280px}.hero h1,.page-home .hero h1{font-size:2.6rem!important}.hero-lead{font-size:1.14rem!important}.section-heading h2{font-size:2.15rem}.story-card h3,.panel h3{font-size:1.5rem}}
@media(max-width:900px){.site-wrap{width:calc(100% - 32px)}.site-header{min-height:72px}.primary-nav{top:calc(100% - 1px)}.hero:before,.page-home .hero:before{height:clamp(130px,25vw,210px)}}
@media(max-width:700px){.site-wrap{width:calc(100% - 24px)}.hero,.page-home .hero{margin-top:12px;min-height:0!important}.hero:before,.page-home .hero:before{height:clamp(135px,40vw,210px)}.hero-content,.page-home .hero-content{max-width:none!important;width:100%!important;margin:0!important;padding:15px 17px 18px!important}.hero h1,.page-home .hero h1{font-size:clamp(1.55rem,6vw,2rem)!important}.hero-lead{font-size:.91rem!important}.section{margin:30px 0!important}.story-card,.panel,.book-detail,.media-block{padding:19px!important}}
@media(max-width:400px){.hero:before,.page-home .hero:before{height:135px}.hero-content,.page-home .hero-content{padding:14px!important}.hero h1,.page-home .hero h1{font-size:1.48rem!important}.hero .eyebrow{font-size:.58rem}.section{margin:26px 0!important}}

/* Author and footer restoration patch. Avoid decorative banner on About. */
.page-about .author-intro{display:grid;grid-template-columns:minmax(215px,320px) minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,54px);margin:28px 0 36px;padding:clamp(19px,3vw,33px);background:linear-gradient(110deg,rgba(15,16,27,.97),rgba(27,23,36,.86));border:1px solid var(--edge);border-radius:12px;box-shadow:0 13px 35px #0008}
.author-portrait{min-height:280px;align-self:stretch;border:1px solid rgba(210,179,124,.34);border-radius:9px;overflow:hidden;background:#13131c}
.author-portrait img{display:block;width:100%;height:100%;min-height:280px;max-height:410px;object-fit:contain;object-position:center;background:#101019}
.author-portrait-placeholder{min-height:280px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#4b3948 0%,#15131f 52%,#090a10 100%);color:#d8bb89}
.author-portrait-placeholder span{font-size:3rem}.author-portrait-placeholder b{font:1.5rem Georgia,serif;letter-spacing:.08em}.author-portrait-placeholder small{font-size:.72rem;color:#bdb2ac}
.author-copy h1{font:normal clamp(2rem,3vw,3rem)/1.12 Georgia,serif;margin:3px 0 9px;color:#f3ede8}
.author-copy p{max-width:65ch;line-height:1.65}.author-copy .author-deck{font-size:1.13rem;color:var(--gold2)}
.footer{background:#050506!important;background-image:none!important;border:1px solid rgba(205,168,114,.27)!important;box-shadow:0 16px 50px #0009!important;padding:clamp(23px,3vw,39px)!important;border-radius:10px 10px 0 0}
.footer-social{background:transparent!important}.social-links a{background:#101012!important}.social-links a:hover{background:#262022!important}
@media(max-width:700px){.page-about .author-intro{grid-template-columns:1fr;gap:18px;padding:17px}.author-portrait{width:min(100%,330px);min-height:200px;margin-inline:auto}.author-portrait img{height:auto;max-height:340px;min-height:0;object-fit:contain}.author-copy h1{font-size:2rem}.author-copy .buttons{display:flex;flex-wrap:wrap}}


/* 2026-11-13: Header/footer behavior refinement — shared across all PHP pages.
   The header stays at viewport top while scrolling and gently collapses.
   The footer remains in NORMAL document flow: never fixed, sticky, or overlaid. */
html { scroll-padding-top: 90px; }
.site-wrap { display: flex; flex-direction: column; min-height: 100vh; }
.site-wrap > .site-header { flex: 0 0 auto; }
.site-wrap > main { flex: 1 0 auto; }
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 100;
  min-height: 76px;
  width: 100%;
  background: rgba(9,9,13,.95);
  border-bottom: 1px solid rgba(210,177,121,.28);
  box-shadow: 0 7px 22px rgba(0,0,0,.16);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: min-height .24s ease, box-shadow .24s ease, background-color .24s ease, padding .24s ease;
}
.site-header .brand strong,.site-header .brand small,.site-header .brand-star,
.site-header .primary-nav a { transition: font-size .24s ease, padding .24s ease, margin .24s ease; }
.site-header.is-compact {
  min-height: 52px !important;
  background: rgba(4,4,7,.985);
  box-shadow: 0 9px 26px rgba(0,0,0,.38);
}
.site-header.is-compact .brand { gap: 8px; }
.site-header.is-compact .brand strong { font-size: 1rem !important; }
.site-header.is-compact .brand small { font-size: .43rem !important; margin-top: 3px; letter-spacing: .12em; }
.site-header.is-compact .brand-star { font-size: 1.35rem !important; }
.site-header.is-compact .primary-nav a { padding: 7px 11px; }
/* Avoid leftover huge-height overrides at 1920px and 4K. */
@media (min-width: 1920px) {
  .site-header { min-height: 80px; }
  .site-header.is-compact { min-height: 56px !important; }
}
@media (max-width: 900px) {
  .site-header { min-height: 68px; }
  .site-header.is-compact { min-height: 54px !important; }
  .site-header .primary-nav { top: calc(100% - 1px); }
  .site-header.is-compact .menu-toggle { padding: 8px 10px; }
}
@media (max-width: 400px) {
  .site-header { min-height: 64px; }
  .site-header.is-compact { min-height: 52px !important; }
  .site-header.is-compact .brand small { font-size: .38rem !important; }
}
.footer { flex: 0 0 auto; position: static !important; bottom: auto !important;
  background-color: #050506 !important; background-image: none !important; }
.footer-top-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  margin-top: 24px; padding: 10px 16px;
  color: #e5c99e; border: 1px solid rgba(210,177,121,.4);
  background: #111014; border-radius: 7px; text-decoration: none;
  font-size: .82rem; font-weight: 700; letter-spacing: .04em;
}
.footer-top-link:hover { background: #27202a; color: white; }
.footer-top-link span { font-size: 1.2rem; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .site-header,.site-header .brand strong,.site-header .brand small,.site-header .brand-star,
  .site-header .primary-nav a { transition: none !important; }
}

/* Original-inspired SinsAuthors footer restoration: static black footer, grouped links. */
.site-wrap>.sa-restored-footer{width:100%;margin-top:auto!important}
.sa-restored-footer{position:static!important;inset:auto!important;z-index:auto;background:#030304!important;background-image:none!important;border:0!important;border-top:1px solid #8b6b50!important;border-radius:0!important;box-shadow:none!important;color:#bfb7bd!important;padding:26px clamp(16px,3vw,36px) 13px!important;font-size:.85rem!important}
.sa-footer-inner{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(135px,.7fr) minmax(260px,1.55fr);gap:clamp(22px,3vw,48px);max-width:1240px;margin:auto;padding:8px 0 25px}
.sa-footer-brand p{max-width:310px;line-height:1.6;margin:10px 0;color:#b6aab4}
.sa-footer-wordmark{color:#f1d6a6!important;text-decoration:none;font:normal clamp(1.04rem,1.35vw,1.37rem)/1.25 Georgia,serif}
.sa-footer-note{font-size:.78rem;opacity:.8}
.sa-restored-footer h2{font:normal .93rem/1.35 Georgia,serif;letter-spacing:.06em;color:#e3c48d;margin:0 0 13px}
.sa-footer-menu{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:7px!important;margin:0!important}
.sa-footer-menu a,.sa-footer-links a,.sa-footer-bottom a{color:#c9bdc5!important;text-decoration:none!important;line-height:1.45}
.sa-footer-menu a:hover,.sa-footer-links a:hover,.sa-footer-bottom a:hover{color:#f5d9a7!important;text-decoration:underline!important;text-underline-offset:3px}
.sa-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 17px}
.sa-footer-links a{overflow-wrap:anywhere}
.sa-footer-bottom{display:flex;max-width:1240px;margin:auto;padding:17px 0 5px;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#a9a0a9;font-size:.76rem}
.sa-footer-bottom-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.sa-restored-footer .sa-back-to-top{display:inline-flex;gap:5px;color:#f5d9a7!important;border:1px solid #9c7953;padding:7px 12px;border-radius:5px;white-space:nowrap}
.sa-restored-footer .sa-back-to-top:hover{background:#211912;text-decoration:none!important}
@media(max-width:800px){.sa-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-footer-connections{grid-column:1/-1}}
@media(max-width:480px){.sa-footer-inner{grid-template-columns:minmax(0,1fr);gap:23px}.sa-footer-connections{grid-column:auto}.sa-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-footer-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original V2 About design reconstruction, using original about/index.php markup. */
.page-about .original-about { padding-bottom: 26px; }
.page-about .original-about .section-shell { max-width: min(1180px, calc(100% - 40px)); margin-inline:auto; }
.page-about .about-hero { display:grid;grid-template-columns:minmax(220px,355px) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,54px);padding:clamp(20px,3vw,32px);margin-top:30px;margin-bottom:25px;border:1px solid var(--edge);border-radius:16px;background:linear-gradient(110deg,rgba(15,16,27,.94),rgba(27,23,36,.82));box-shadow:0 13px 35px #0007; }
.page-about .about-portrait{width:100%;min-width:0;align-self:center;border:1px solid rgba(210,179,124,.34);border-radius:13px;overflow:hidden;background:#0b0b11;}
.page-about .about-portrait picture{display:block;}
.page-about .about-portrait img{width:100%;height:auto;max-height:none;aspect-ratio:1/1;object-fit:contain;object-position:center;display:block;min-height:0;}
.page-about .sa-author-missing-photo{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:22px;background:linear-gradient(145deg,#211a23,#0b0910);color:#dcc49c;}
.page-about .sa-author-missing-photo span{font-size:.78rem;max-width:28ch;color:#bdb3b4;overflow-wrap:anywhere;}
.page-about .about-intro h1{font:normal clamp(2rem,3.1vw,3.1rem)/1.1 Georgia,serif;margin:7px 0 13px;}
.page-about .about-intro p{line-height:1.68;max-width:64ch;}
.page-about .about-role-row{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 20px;}
.page-about .about-role-row span{font-size:.74rem;color:#dfc8b4;border:1px solid #a989655e;background:#ffffff08;padding:7px 11px;border-radius:20px;}
.page-about .hero-actions{display:flex;flex-wrap:wrap;gap:10px;}
.page-about .hero-actions .button,.page-about .hero-actions a{display:inline-block;padding:10px 15px;border:1px solid #b48b6570;border-radius:8px;color:#f5dfbe;text-decoration:none;background:#241d22;}
.page-about .hero-actions a:hover,.page-about .connect-card:hover{border-color:#dfb47f;}
.page-about .section-heading {margin-bottom:20px;}
.page-about .about-story,.page-about .about-pillars,.page-about .about-connect{margin-top:33px;margin-bottom:30px;}
.page-about .about-story-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:18px;}
.page-about .about-story-copy,.page-about .about-manifesto,.page-about .about-pillar,.page-about .connect-card{border:1px solid var(--edge);border-radius:13px;background:linear-gradient(125deg,#15151fef,#201a28df);padding:23px;min-width:0;}
.page-about .about-story-copy p{margin:0 0 15px;line-height:1.75;}
.page-about .about-manifesto blockquote{margin:12px 0 16px;font:italic 1.35rem/1.4 Georgia,serif;color:#e9d1bc;}
.page-about .about-video-story{position:relative;overflow:hidden;min-height:240px;padding:48px 0;background:linear-gradient(95deg,#0a0910d9,#0a0910c7),url('/assets/images/sinsauthors-victorian-library.webp') center/cover;}
.page-about .about-video-story .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.23;pointer-events:none;}
.page-about .about-video-story .about-video-copy{position:relative;z-index:2;max-width:min(1180px,calc(100% - 40px));margin:auto;}
.page-about .about-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.page-about .about-pillar span{font-size:.8rem;color:#d8ad7c;}.page-about .about-pillar h3{font-size:1.1rem;margin:9px 0;}
.page-about .about-connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.page-about .connect-card{display:flex;flex-direction:column;text-decoration:none;gap:7px;transition:border-color .2s;}
.page-about .connect-card span{font-size:.65rem;letter-spacing:.13em;color:#c79c79;}.page-about .connect-card strong{font:normal 1.27rem Georgia,serif;color:#f1e1d5;}.page-about .connect-card small{color:#b8abb0;}
@media(max-width:900px){.page-about .about-pillars{grid-template-columns:repeat(2,minmax(0,1fr));}.page-about .about-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.page-about .about-hero{grid-template-columns:minmax(0,1fr);padding:18px;gap:19px}.page-about .about-portrait{max-width:350px;margin:0 auto}.page-about .about-story-grid,.page-about .about-connect-grid{grid-template-columns:minmax(0,1fr)}.page-about .about-hero .hero-actions{gap:9px}.page-about .about-hero .hero-actions a{max-width:100%;}}
@media(max-width:450px){.page-about .about-pillars{grid-template-columns:minmax(0,1fr)}.page-about .original-about .section-shell{max-width:calc(100% - 24px)}.page-about .about-hero{margin-top:15px}}


/* V2 ORIGINAL-STYLE FUSION · 2026-11-13
   Uses actual artwork recovered from the user's two-part original site archive.
   Preserves the five top tabs and all PHP routes. */
:root { --bg:#07090d; --surface:rgba(12,14,20,.89); --surface2:rgba(18,22,28,.88); --edge:rgba(195,166,112,.30); --gold:#cbb88a; --gold2:#e0cfad; --crimson:#6f343e; }
html { background:#07090d; }
body { background:radial-gradient(ellipse at 75% 4%,rgba(63,35,54,.22),transparent 42%),#07090d; }
body::before { background-image:linear-gradient(180deg,rgba(5,7,11,.67),rgba(5,7,11,.83) 54%,rgba(5,7,11,.95)),url('/assets/images/heritage/gothic-mist.webp') !important; background-position:center top !important; background-size:cover !important; opacity:.58 !important; filter:none !important; }
.site-header{background:rgba(5,8,12,.94)!important;border-bottom:1px solid rgba(186,162,120,.38)!important;}
.site-header.is-compact{background:rgba(4,6,9,.98)!important;}
.brand strong{letter-spacing:.07em;}
.site-wrap {max-width:min(1260px,calc(100% - 32px));}
.hero,.page-home .hero {background:rgba(8,11,15,.9)!important;}
.hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.20),rgba(6,7,16,.02)),url('/assets/images/sinsauthors-victorian-library.webp')!important;background-position:center 46%;}
.page-home .hero:before{background-image:linear-gradient(0deg,rgba(5,7,10,.14),rgba(6,8,12,.07)),url('/assets/images/sinsauthors-gothic-panorama.webp')!important;}
.page-about .hero:before{background-image:linear-gradient(0deg,rgba(5,7,10,.18),rgba(6,8,12,.12)),url('/assets/images/heritage/gothic-mist.webp')!important;}
.hero-content,.page-home .hero-content {background:linear-gradient(120deg,rgba(8,10,15,.98),rgba(15,17,23,.93))!important;}
.story-card,.panel,.book-detail,.media-block,.about-story-grid,.about-manifesto,.about-pillar,.connect-card {border-color:rgba(195,165,122,.30)!important;background-color:rgba(9,13,18,.86);box-shadow:0 13px 36px #0008;}
.story-card{position:relative;isolation:isolate;overflow:hidden;}
.story-card .card-glimmer{opacity:.46;}
.story-card.feature-mara{border-color:rgba(194,149,105,.45)!important;}
.page-home .grid .story-card:nth-child(2):before{content:'';position:absolute;inset:0 0 0 auto;width:36%;z-index:-1;background:linear-gradient(90deg,#0a1016,transparent 55%),url('/assets/images/heritage/ddh-original-cover.webp') center/cover no-repeat;opacity:.18;pointer-events:none;}
.page-home .grid .story-card:nth-child(1):before{content:'';position:absolute;inset:0 0 0 auto;width:39%;z-index:-1;background:linear-gradient(90deg,#0a1016,transparent 55%),url('/assets/images/heritage/gothic-mist.webp') center/cover no-repeat;opacity:.3;pointer-events:none;}
.page-home .grid .story-card:nth-child(2) .card-glimmer{opacity:.27;}
.about-hero{position:relative!important;isolation:isolate;}
.about-hero:before{content:'';position:absolute;inset:-20px -12px;z-index:-1;border-radius:17px;background:linear-gradient(90deg,rgba(7,11,16,.85),rgba(7,11,16,.63)),url('/assets/images/heritage/gothic-mist.webp') center/cover;opacity:.65;}
.about-hero .about-portrait img{object-fit:contain!important;object-position:center!important;max-height:480px;width:100%;height:auto!important;background:#050609;}
.about-portrait{overflow:hidden;border:1px solid rgba(220,190,138,.39)!important;box-shadow:0 15px 36px #000b;}
.about-hero h1{font-size:clamp(2rem,3.4vw,3rem);}
.footer,.sa-restored-footer{background:#030304!important;background-image:none!important;box-shadow:none!important;border-color:rgba(185,148,98,.24)!important;position:static!important;}
@media(max-width:900px){.site-wrap{max-width:calc(100% - 24px)}body::before{background-attachment:scroll!important;}.about-hero:before{inset:0;}}
@media(max-width:600px){.hero:before,.page-home .hero:before{height:clamp(118px,32vw,170px)!important}.about-hero .about-portrait img{max-height:360px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* V2 curated book imagery / world atlas, Nov 2026. About page remains unchanged. */
/* Full-bleed SHARED header and footer; compact scrolling header and five tabs are retained. */
.site-wrap{width:min(calc(100% - 28px),1260px)!important;max-width:1260px!important;margin-inline:auto!important;overflow:visible!important}
.site-wrap>.site-header{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;display:block!important;position:sticky!important;top:0!important;z-index:120!important}
.site-header-inner{width:min(calc(100% - 48px),1260px);margin-inline:auto;min-height:inherit;display:flex;align-items:center;justify-content:space-between;gap:22px}
.site-header .brand{min-width:0}.site-header .brand strong{white-space:nowrap}
.site-wrap>.sa-restored-footer{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-inline:max(20px,calc((100vw - 1260px)/2))!important;position:static!important}
.sa-footer-inner,.sa-footer-bottom{max-width:1260px!important}
/* Keep the hero restrained, leaving more of the site visible at ordinary desktop resolutions. */
.page-home .hero:before{background-image:linear-gradient(0deg,rgba(6,8,12,.30),rgba(6,8,12,.10)),url('/assets/images/sinsauthors-gothic-panorama.webp')!important}
.page-library .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.20),rgba(6,7,16,.04)),url('/assets/images/sinsauthors-victorian-library.webp')!important;background-position:center 46%!important}
.page-universe .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.20),rgba(6,7,16,.04)),url('/assets/images/sinsauthors-gothic-panorama.webp')!important;background-position:center 52%!important}
.page-home .feature-spotlights,.page-library .feature-spotlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-home .illustrated-card,.page-library .illustrated-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,30%);align-items:center;gap:14px;min-height:255px;padding:clamp(18px,2vw,26px)!important;background:#101117!important;isolation:isolate}
.illustrated-card .card-atmosphere{position:absolute;inset:0;z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(90deg,#0b1016 5%,rgba(11,16,22,.15) 82%),url('/assets/images/heritage/gothic-mist.webp');background-position:center;background-size:cover;filter:saturate(.7)}
.illustrated-card.mara-feature .card-atmosphere{background-image:linear-gradient(90deg,#10101a,rgba(19,16,23,.1)),url('/assets/images/heritage/gothic-landscape.webp')}
.illustrated-card.ddh-feature .card-atmosphere{background-image:linear-gradient(90deg,#10121b,rgba(16,18,27,.15)),url('/assets/images/heritage/gothic-mist.webp')}
.illustrated-card.kai-feature .card-atmosphere{background-image:linear-gradient(90deg,#10131a,rgba(16,19,26,.15)),url('/assets/images/heritage/gothic-landscape.webp')}
.illustrated-card.tucker-feature .card-atmosphere{background-image:linear-gradient(90deg,#10151a,rgba(16,21,26,.15)),url('/assets/images/heritage/gothic-mist.webp')}
.illustrated-card:before{display:none!important}
.illustrated-copy{position:relative;z-index:2;min-width:0}.illustrated-copy p{line-height:1.55}.illustrated-copy h3{font-size:clamp(1.2rem,1.7vw,1.5rem);overflow-wrap:anywhere}
.illustrated-art{position:relative;z-index:2;margin:0;align-self:center;justify-self:center;width:100%;max-width:185px}
.illustrated-art img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:5px;border:1px solid #c4ad8c55;box-shadow:0 9px 22px #000a;background:#07090d}
.illustrated-art.concept-art img{filter:saturate(.70);border-color:#aaa19555}
.illustrated-art figcaption{font-size:.62rem;text-align:center;letter-spacing:.07em;text-transform:uppercase;color:#c0b7b0;margin-top:7px}
.secondary-spotlights .illustrated-card{min-height:205px}
.page-library .catalog-grid{margin-top:17px}.page-library .catalog-grid>div{min-width:0}.page-library .catalog-grid .story-card{height:100%;min-height:225px}
/* Universe focuses on places, with background silhouettes instead of cloned book promos. */
.page-universe .world-atlas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.world-location{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:7px;min-height:245px;padding:25px;text-decoration:none;border:1px solid rgba(195,165,122,.31);border-radius:12px;background:#0b1118;box-shadow:0 16px 38px #0006}
.world-location:before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.55;filter:saturate(.7)}
.world-location:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,7,12,.98),rgba(4,7,12,.78) 48%,rgba(4,7,12,.1))}
.location-banks:before{background-image:url('/assets/images/universe/banks-hollow-victorian-moonlight.webp');background-position:65% center;opacity:.86;filter:saturate(.88)}
.location-veylmist:before{background-image:url('/assets/images/heritage/gothic-mist.webp')}
.location-yushua:before{background-image:url('/assets/images/heritage/kai-original-cover.webp')}
.location-nurport:before{background-image:url('/assets/images/heritage/tucker-mansion-atmosphere.webp')}
.world-location strong{font:normal clamp(1.3rem,2.3vw,1.8rem) Georgia,serif;color:#f4e8df}
.world-location span:not(.location-number){color:#ddd0c7;font-size:.89rem;line-height:1.5;max-width:54ch}
.world-location .location-number{color:#e0c298;font-size:.67rem;text-transform:uppercase;letter-spacing:.16em;font-weight:750}
.world-location em{font-style:normal;color:var(--gold2);font-size:.79rem;font-weight:700;margin-top:3px}
.world-location:hover{border-color:#d9b88199;transform:translateY(-2px)}
.home-pathways .pathway-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pathway-grid a{border:1px solid var(--edge);border-radius:9px;background:linear-gradient(145deg,#161720d9,#0c1018d9);padding:18px 14px;text-decoration:none;display:flex;flex-direction:column;min-width:0;gap:5px}
.pathway-grid a strong{font:normal 1.25rem Georgia,serif;color:#ebd8bc}.pathway-grid a span{color:#bcb6ba;font-size:.75rem}
@media(max-width:1100px){.home-pathways .pathway-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.site-header-inner{width:calc(100% - 28px)}.site-header .primary-nav{left:auto;right:0;width:min(360px,calc(100vw - 28px));top:calc(100% - 1px)}.page-home .feature-spotlights,.page-library .feature-spotlights{grid-template-columns:minmax(0,1fr)}.page-universe .world-atlas{grid-template-columns:minmax(0,1fr)}.world-location{min-height:230px}}
@media(max-width:600px){.site-header-inner{width:calc(100% - 22px);gap:8px}.site-wrap{width:calc(100% - 22px)!important}.page-home .illustrated-card,.page-library .illustrated-card{grid-template-columns:minmax(0,1fr) minmax(95px,31%);gap:10px;min-height:220px;padding:15px!important}.illustrated-copy h3{font-size:1.15rem}.illustrated-copy p{font-size:.87rem}.illustrated-art figcaption{font-size:.53rem}.home-pathways .pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-location{min-height:215px;padding:20px}.sa-restored-footer{padding-inline:18px!important}}
@media(max-width:375px){.page-home .illustrated-card,.page-library .illustrated-card{grid-template-columns:minmax(0,1fr)}.illustrated-art{width:110px;justify-self:start}.home-pathways .pathway-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.world-location:hover{transform:none}}

/* Modern page banners: use the approved newer V2 set, not heritage graphics. */
.page-media .hero:before{background-image:linear-gradient(0deg,rgba(6,7,16,.26),rgba(6,7,16,.04)),url('/assets/images/sinsauthors-gothic-panorama.webp')!important;background-position:center 38%!important}

/* Banks Hollow artwork replacement: keep the left-aligned copy legible on every screen. */
.location-banks:after{background:linear-gradient(90deg,rgba(4,7,12,.94) 0%,rgba(4,7,12,.83) 43%,rgba(4,7,12,.24) 100%)}
@media(max-width:600px){.location-banks:before{background-position:66% center;opacity:.75}.location-banks:after{background:linear-gradient(90deg,rgba(4,7,12,.95),rgba(4,7,12,.70) 75%,rgba(4,7,12,.45))}}

/* Approved SinsAuthors homepage atmosphere — original two-women Gothic/steampunk artwork.
   Home only: other page banners, covers and Banks Hollow stay unchanged. */
body.page-home::before {
  content: "";
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(180deg, rgba(5,7,13,.47), rgba(5,7,13,.62) 55%, rgba(5,7,13,.76)),
    url('/assets/images/sinsauthors-gothic-steampunk-banner.webp') !important;
  background-position: center top, center center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  opacity: .48 !important;
  filter: saturate(.76) !important;
  z-index: -1 !important;
}
/* Keep the fixed visual effect behind readable panels on every device. */
@media (max-width: 700px) {
  body.page-home::before {
    background-position: center top, 42% center !important;
    opacity: .30 !important;
  }
}


/* Legal pages — deliberately scoped; preserves the approved Home/Library/Universe/Media/About designs. */
.legal-main{padding-bottom:clamp(40px,6vw,90px);}
.legal-width{width:min(1160px,calc(100% - 36px));margin-inline:auto;}
.legal-hero{padding:clamp(42px,6vw,76px) 0 clamp(22px,3vw,38px);border-bottom:1px solid rgba(220,195,155,.18);background:linear-gradient(105deg,rgba(8,8,11,.94),rgba(26,20,28,.83)),url('/assets/images/sinsauthors-victorian-library.webp') center 45%/cover;}
.legal-hero h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;color:#f5e8dd;margin:.35em 0;}
.legal-eyebrow{color:#d5af83;letter-spacing:.16em;font-size:.72rem;font-weight:750;}
.legal-lede{max-width:780px;font-size:clamp(1rem,1.5vw,1.16rem);color:#e1d9dc;line-height:1.6;}
.legal-date{font-size:.81rem;color:#bcb2b7;margin-top:18px;}
.legal-layout{display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,36px);padding-top:30px;}
.legal-toc{display:flex;flex-direction:column;gap:2px;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;background:#0e0c10;border:1px solid #6d5a4c55;padding:18px;border-radius:14px;}
.legal-toc strong{color:#e8cbab;margin-bottom:10px;}.legal-toc a{font-size:.84rem;color:#d1c6c7;text-decoration:none;padding:5px 0;line-height:1.35;}.legal-toc a:hover,.legal-toc a:focus-visible{text-decoration:underline;color:#fff;}
.legal-paper{padding:clamp(18px,3vw,38px);border:1px solid rgba(214,181,142,.25);border-radius:18px;background:rgba(10,9,13,.9);box-shadow:0 18px 45px #0005;}
.legal-section{scroll-margin-top:115px;padding:23px 0 13px;border-bottom:1px solid #ffffff1c;}
.legal-section h2{font-family:Georgia,serif;color:#e9d3b9;font-size:clamp(1.25rem,1.9vw,1.65rem);margin:0 0 14px;line-height:1.25;}
.legal-section p,.legal-section li{font-size:.96rem;line-height:1.75;color:#e5dfe0;overflow-wrap:anywhere;}.legal-section p{margin:0 0 14px;}.legal-section ul{margin:0 0 14px;padding-left:23px;}.legal-section li{margin:6px 0;}
.legal-draft{border-left:3px solid #ba8e60;background:rgba(150,105,55,.1);padding:14px 18px;border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.65;color:#ecd9c4;}
.legal-updated{font-size:.82rem;color:#c8babe;margin-top:25px;line-height:1.6;}.legal-updated a,.legal-paper a{color:#ecc59b;}
@media(max-width:800px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;max-height:190px;display:block;columns:2;column-gap:16px}.legal-toc strong{display:block;column-span:all}.legal-toc a{display:block;break-inside:avoid}.legal-section{scroll-margin-top:85px}}
@media(max-width:480px){.legal-width{width:calc(100% - 24px)}.legal-toc{columns:1;max-height:200px}.legal-hero{padding:38px 0 26px}.legal-paper{padding:16px}}
@media print{.site-header,.sa-restored-footer,.legal-toc,.legal-draft{display:none!important}.legal-main,.legal-paper{background:#fff!important;color:#111!important;box-shadow:none;border:0}.legal-section h2,.legal-section p,.legal-section li{color:#111!important}.legal-layout{display:block}.legal-hero{background:none!important}.legal-hero h1,.legal-hero p{color:#111!important}.legal-section{break-inside:avoid}}