body{--accent:#c2d6aa;background:#101817}header,main{position:relative;z-index:1}header{align-items:center}.brand{text-decoration:none;font-weight:bold;font-size:24px;letter-spacing:.06em}.brand span{font:12px monospace;color:var(--muted)}header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}header nav [aria-current]{color:var(--ink);text-decoration-thickness:2px}.intro-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end;padding-bottom:55px;border-bottom:1px solid var(--line)}h1 em{color:var(--accent);font-weight:normal}h1{font-size:clamp(44px,6.6vw,78px)}.reading-note{border:1px solid var(--line);border-radius:22px;padding:28px;background:#1a292580;backdrop-filter:blur(14px);transform:rotate(2deg)}.reading-note p{font-size:25px;line-height:1.4}.reading-note a{font-size:15px}.reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;margin-top:48px;align-items:start}.contents{display:grid;gap:16px;position:sticky;top:28px;padding:20px 0}.contents a{font-size:15px;text-decoration:none}.contents a:hover{text-decoration:underline}article section{scroll-margin-top:30px;padding:10px 0 36px;margin-bottom:28px;border-bottom:1px solid var(--line)}article h2{font-size:clamp(30px,3.5vw,40px);letter-spacing:-.025em;margin-top:15px}article p,article li{color:var(--muted)}article strong,article h3{color:var(--ink)}article h3{font-size:22px;margin-bottom:8px}article li{padding:0 0 18px 8px}article ol{padding-left:23px}.warnings{border-left:3px solid var(--accent);padding-left:26px}.tool-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 4px}.button{font-family:Georgia,serif;border-radius:9px}footer{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.skip-link{position:absolute;left:16px;top:-100px;z-index:2;background:var(--bg);padding:12px}.skip-link:focus{top:12px}@media(max-width:800px){.intro-layout{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.reading-note{transform:none}.reading-note p{font-size:22px}.reading-layout{grid-template-columns:1fr;gap:24px;margin-top:24px}.contents{position:static;border-bottom:1px solid var(--line);padding-bottom:24px}.warnings{padding-left:18px}header nav{gap:14px}main{padding-top:36px}}@media(prefers-reduced-motion:reduce){body[data-ui] .glass-background :is(.bg-text,.bg-text-rocio){animation:none}}