/* Guidellor — legal pages stylesheet (Ivy Editorial) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Figtree:wght@400;500;600;700&display=swap');

:root{
  --ink:#16181D; --ink-soft:#43464E; --slate:#6A6E78;
  --paper:#FCFBF7; --paper-deep:#F4F1E9; --line:#E2DDD0;
  --amber:#FEBD02; --orange:#FCA223; --pen:#E08A00;
  --display:'Fraunces',Georgia,serif; --body:'Figtree',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.7;font-size:16px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:3px}

.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;z-index:100}
.skip:focus{left:0}

/* header */
header{border-bottom:1px solid var(--line);background:rgba(252,251,247,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
header nav{max-width:920px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
header nav img{height:44px;display:block}
header nav div{display:flex;gap:22px;flex-wrap:wrap}
header nav a{font-weight:600;font-size:.92rem;text-decoration:none;color:var(--ink-soft)}
header nav a:hover{color:var(--ink)}

/* content */
main{max-width:760px;margin:0 auto;padding:48px 24px 72px}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pen)}
h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5vw,2.9rem);line-height:1.1;letter-spacing:-.015em;margin:10px 0 16px}
.intro{font-size:1.12rem;color:var(--ink-soft);max-width:640px}
.updated{font-size:.85rem;color:var(--slate);font-weight:600;margin-top:12px}

h2{font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:-.01em;margin:38px 0 12px;padding-top:14px;border-top:1px solid var(--line)}
main > p{margin-bottom:14px;color:var(--ink-soft)}
main ul{margin:0 0 16px;padding-left:22px}
main li{margin-bottom:8px;color:var(--ink-soft)}
a{color:var(--pen);font-weight:600;text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--orange)}
strong{color:var(--ink);font-weight:700}

.notice{background:var(--paper-deep);border-left:5px solid var(--amber);border-radius:10px;padding:18px 22px;margin:20px 0;color:var(--ink-soft)}
.notice strong{color:var(--ink)}

/* footer */
footer{border-top:1px solid var(--line);background:var(--ink);color:var(--paper)}
footer div{max-width:920px;margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:.88rem}
footer span{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
footer a{color:#C9CDD5;font-weight:600;text-decoration:none}
footer a:hover{color:var(--paper)}

@media(max-width:560px){
  main{padding:32px 20px 56px}
  header nav div{gap:16px}
  footer div{flex-direction:column;text-align:center}
}