:root{
  --bg:#050a13;--bg2:#081222;--panel:rgba(9,20,36,.94);--line:rgba(203,163,91,.32);
  --line2:rgba(227,190,116,.68);--gold:#d8b46b;--gold2:#f0d18e;--text:#f3f5f8;
  --muted:#adb7c6;--soft:#dce3ed;--max:1200px;--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 16% 0%,rgba(32,77,122,.25),transparent 34rem),radial-gradient(circle at 86% 18%,rgba(154,111,44,.15),transparent 29rem),linear-gradient(145deg,var(--bg),var(--bg2) 55%,#040910);line-height:1.6}
a{color:inherit}.shell{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(216,180,107,.18);background:rgba(5,10,19,.9);backdrop-filter:blur(18px)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--gold);font:700 1rem Georgia,serif;background:rgba(255,255,255,.025)}
.brand strong{display:block;color:var(--gold);font:600 1.1rem Georgia,serif;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.header-links{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(216,180,107,.3);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.025);font-size:.86rem}
.pill:hover,.pill:focus-visible{border-color:var(--gold);outline:none}
main{padding:58px 0 86px}
.hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,68px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(15,32,54,.95),rgba(5,12,24,.98));box-shadow:0 24px 70px rgba(0,0,0,.42)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(216,180,107,.07),transparent),repeating-linear-gradient(0deg,transparent 0 48px,rgba(255,255,255,.018) 49px)}
.eyebrow{position:relative;margin:0 0 12px;color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{position:relative;margin:0;max-width:1000px;font:500 clamp(2.25rem,6vw,5.2rem)/1 Georgia,serif;letter-spacing:-.035em}
.hero-copy{position:relative;max-width:820px;margin:23px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.16rem);line-height:1.75}
.hero-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line2);border-radius:10px;background:linear-gradient(180deg,rgba(216,180,107,.18),rgba(216,180,107,.07));color:#fff8e9;text-decoration:none;font-weight:700}
.btn.secondary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}.btn:hover,.btn:focus-visible{transform:translateY(-1px);outline:none;border-color:var(--gold2)}
.notice{position:relative;margin-top:26px;padding:17px 19px;border:1px solid rgba(240,201,120,.26);border-radius:14px;background:rgba(240,201,120,.05);color:#d7ddea}
.section{margin-top:58px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0;font:500 clamp(1.75rem,4vw,2.75rem) Georgia,serif}.section-head p{max-width:600px;margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;min-height:290px;padding:24px;border:1px solid rgba(216,180,107,.22);border-radius:var(--radius);background:linear-gradient(150deg,rgba(15,31,51,.88),rgba(6,14,27,.97));box-shadow:0 16px 42px rgba(0,0,0,.22)}
.card:hover{border-color:rgba(216,180,107,.5);transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;gap:14px}.code{color:var(--gold);font-size:.73rem;font-weight:800;letter-spacing:.14em}.status{padding:5px 9px;border:1px solid rgba(117,215,164,.25);border-radius:999px;color:#dffbec;background:rgba(117,215,164,.08);font-size:.7rem}
.card h3{margin:22px 0 11px;font:500 1.42rem/1.25 Georgia,serif}.card p{margin:0;color:var(--muted)}.card .meta{margin-top:auto;padding-top:23px;color:#dce3ec;font-size:.82rem}.card .action{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.card .action .btn{width:100%}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.article{padding:clamp(22px,4vw,40px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 54px rgba(0,0,0,.28)}
.article-intro{padding:20px;border:1px solid rgba(216,180,107,.23);border-radius:14px;background:rgba(216,180,107,.055);color:#d9e0e9}.article h2{margin:34px 0 13px;padding-top:6px;color:var(--gold2);font:500 1.55rem/1.25 Georgia,serif}.article h2:first-of-type{margin-top:26px}.clause{margin:0 0 12px;color:#d7dee8}.clause strong{color:var(--text)}
.side{position:sticky;top:96px;padding:20px;border:1px solid rgba(216,180,107,.2);border-radius:var(--radius);background:rgba(8,17,31,.92)}.side h3{margin:0 0 10px;color:var(--gold);font:500 1.15rem Georgia,serif}.side dl{margin:0}.side dt{margin-top:14px;color:#7f8a9c;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.side dd{margin:3px 0;color:#dce3ec}.side nav{display:grid;gap:9px;margin-top:20px}.side nav a{color:var(--muted);text-decoration:none}.side nav a:hover{color:var(--gold)}
footer{border-top:1px solid rgba(216,180,107,.16);background:rgba(2,7,14,.72)}.footer-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:var(--muted);font-size:.84rem}.footer-inner strong{display:block;color:var(--gold);font:500 1rem Georgia,serif}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}
@media(max-width:860px){.grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.side{position:static}.section-head{align-items:start;flex-direction:column}}
@media(max-width:620px){.header-inner{min-height:68px}.brand small{display:none}.header-links .pill:first-child{display:none}main{padding-top:30px}.hero{padding:28px 21px;border-radius:20px}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:26px 0}}


/* Final public-library card and mobile polish v1.0 */
.card{transition:transform .18s ease,border-color .18s ease}.card .meta{padding-top:23px;color:#dce3ec;font-size:.82rem}.card .action .btn{min-height:46px}
@media(max-width:620px){.grid{gap:14px}.card{min-height:0;padding:20px}.card h3{font-size:1.28rem}.card p{font-size:.96rem;line-height:1.65}.card .meta{font-size:.8rem}.article-layout{gap:16px}.article{padding:20px 17px}.side{padding:17px}.side nav{max-height:none}.hero-actions .btn{width:100%}}