:root{--bg: oklch(.965 .012 85);--bg-deep: oklch(.93 .02 85);--surface: oklch(1 0 0);--fg: oklch(.25 .02 55);--muted: oklch(.5 .03 60);--accent: oklch(.52 .16 30);--accent-dark: oklch(.45 .16 28);--gold: oklch(.74 .12 85);--gold-light: oklch(.86 .07 85);--border: oklch(.89 .015 80);--header-bg: oklch(.3 .03 50);--header-bg-2: oklch(.35 .05 45);--header-ink: oklch(.93 .02 80);--header-ink-soft: oklch(.82 .03 80);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 0 0 1px oklch(0 0 0 / .05), 0 1px 2px -1px oklch(0 0 0 / .06), 0 2px 4px 0 oklch(0 0 0 / .04);--shadow-card-hover: 0 0 0 1px oklch(0 0 0 / .08), 0 2px 4px -1px oklch(0 0 0 / .08), 0 10px 24px -6px oklch(0 0 0 / .1);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-display: 3rem;--maxw: 1120px;--measure: 65ch;--font-serif: Georgia, "Times New Roman", "Nimbus Roman No9 L", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 500px at 85% -50px,oklch(.74 .12 85 / .12),transparent 60%),radial-gradient(900px 400px at -100px 300px,oklch(.52 .16 30 / .06),transparent 55%),var(--bg);color:var(--fg);line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.skip-link{position:absolute;top:-40px;left:12px;background:var(--surface);color:var(--fg);padding:8px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:100;text-decoration:none;font-size:var(--text-sm)}.skip-link:focus-visible{top:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.site-header{background:linear-gradient(180deg,var(--header-bg),var(--header-bg-2));color:var(--header-ink);border-bottom:3px solid var(--gold);position:relative}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,transparent 14px 22px,var(--gold) 22px 30px);opacity:.3}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;gap:16px;flex-wrap:wrap}.logo{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--header-ink);text-decoration:none;letter-spacing:.01em;line-height:1.1}.logo .dot{color:var(--gold)}.logo:hover{color:var(--gold-light)}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{color:var(--header-ink-soft);text-decoration:none;font-size:var(--text-sm);padding:8px 10px;border-radius:var(--radius-sm);line-height:1.2;transition:color .15s ease-out,background-color .15s ease-out}.nav a:hover{color:var(--gold-light);background:#ffffff0f}main{min-height:60vh;padding:48px 0}.hero{background:radial-gradient(700px 300px at 80% -10%,oklch(.86 .07 85 / .18),transparent 60%),linear-gradient(140deg,var(--header-bg),oklch(.42 .09 40) 55%,oklch(.48 .11 35));color:var(--header-ink);padding:72px 0;margin-bottom:56px;border-bottom:1px solid oklch(.74 .12 85 / .35);position:relative;overflow:hidden}.hero:before{content:"✦";position:absolute;top:18px;right:30px;font-size:5rem;color:var(--gold);opacity:.16}.hero h1{font-family:var(--font-serif);font-size:var(--text-display);line-height:1.1;letter-spacing:-.01em;margin-bottom:16px;text-wrap:balance;max-width:20ch}.hero p{max-width:var(--measure);color:var(--header-ink-soft);font-size:var(--text-lg);line-height:1.55;text-wrap:pretty}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);line-height:1.15;letter-spacing:-.01em;margin-bottom:32px;color:var(--accent);display:flex;align-items:center;gap:16px;text-wrap:balance}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:28px 24px;text-decoration:none;color:var(--fg);box-shadow:var(--shadow-card);transition:transform .15s ease-out,box-shadow .15s ease-out;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--gold));opacity:0;transition:opacity .15s ease-out}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.card:hover:before{opacity:1}.card:active{transform:translateY(-1px) scale(.96)}.card .icon{font-size:1.9rem;display:block;margin-bottom:14px;color:var(--accent);line-height:1}.card h3{margin-bottom:8px;font-size:var(--text-lg);font-family:var(--font-serif);line-height:1.25;color:var(--fg);text-wrap:balance}.card p{font-size:var(--text-sm);line-height:1.5;color:var(--muted);text-wrap:pretty}.page-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.page-header h1{font-family:var(--font-serif);font-size:var(--text-3xl);line-height:1.15;letter-spacing:-.01em;color:var(--accent);margin-bottom:12px;text-wrap:balance}.page-header p{max-width:var(--measure);color:var(--muted);font-size:var(--text-base);line-height:1.6;text-wrap:pretty}.notice{background:var(--surface);border:1px dashed var(--gold);border-radius:var(--radius-lg);padding:32px;text-align:center;color:var(--muted);line-height:1.6}.article-list{display:grid;gap:16px}.group{margin-bottom:40px}.group-title{margin-bottom:16px}.group-title a{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--accent);text-decoration:none}.group-title a:hover{text-decoration:underline}.article-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px;text-decoration:none;display:block;transition:box-shadow .15s ease-out,transform .15s ease-out}.article-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.article-card h3{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.3;color:var(--fg);margin-bottom:8px;text-wrap:balance}.article-card p{color:var(--muted);font-size:var(--text-sm);line-height:1.5;margin-bottom:10px;text-wrap:pretty}.article-card time{color:var(--gold);font-size:var(--text-xs);letter-spacing:.03em}.breadcrumbs{font-size:var(--text-sm);color:var(--muted);margin:24px 0 16px;display:flex;flex-wrap:wrap;gap:8px}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(24px,5vw,48px);max-width:760px;margin:0 auto 48px}.article h1{font-family:var(--font-serif);font-size:var(--text-3xl);line-height:1.15;color:var(--fg);margin-bottom:12px;text-wrap:balance}.article-date{margin-bottom:24px}.article h2{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--accent);margin:28px 0 12px;line-height:1.25}.article h3{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg);margin:24px 0 10px}.article p{margin-bottom:16px;line-height:1.7;text-wrap:pretty}.article ul,.article ol{margin:0 0 16px 1.4em;line-height:1.7}.article li{margin-bottom:6px}.article strong{color:var(--fg)}.article blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 16px;margin:20px 0;color:var(--muted);font-style:italic}.article .disclaimer{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-sm)}.site-footer{background:linear-gradient(180deg,var(--header-bg),oklch(.25 .03 50));color:var(--header-ink-soft);padding:48px 0 32px;font-size:var(--text-sm);border-top:3px solid var(--gold)}.site-footer p{margin-bottom:8px;line-height:1.6}.site-footer .brand{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--header-ink);margin-bottom:12px}.site-footer .dot{color:var(--gold)}.muted{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.hero h1,.hero p{animation:fade-up .4s ease-out both}.hero p{animation-delay:.1s}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}