:root{--bg: #f4efe7;--bg-accent: #efe4d0;--surface: rgba(255, 252, 246, .88);--surface-strong: #fffaf2;--text: #1f1a17;--muted: #6b6159;--line: rgba(31, 26, 23, .12);--primary: #b24c2a;--primary-strong: #8f381b;--shadow: 0 20px 50px rgba(92, 64, 51, .12)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(255,255,255,.7),transparent 28%),radial-gradient(circle at top right,rgba(226,181,135,.25),transparent 22%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 100%);color:var(--text);font-family:Georgia,Times New Roman,serif;line-height:1.6}body{margin:0;min-width:320px}a{color:inherit}img{display:block;max-width:100%}.shell{width:80%;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 20px}.brand{text-decoration:none}.brand-mark{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff8c;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.brand-name{display:block;margin-top:10px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.site-nav{display:flex;flex-wrap:wrap;gap:14px}.site-nav a{text-decoration:none;color:var(--muted)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.panel{background:var(--surface);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:28px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:42px;padding:0 42px 20px}.hero-copy{min-width:0}.hero-avatar{width:84px;height:84px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 42px #5c40332e;object-fit:cover}.eyebrow{margin:0 0 16px;color:var(--primary);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.hero h1,.page-title{margin:0;line-height:.96;letter-spacing:-.04em}.hero p,.page-intro{max-width:60ch;margin:18px 0 0;font-size:1.05rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:28px}.hero-action-links,.hero-social-links{display:flex;align-items:center;gap:14px}.hero-social-links{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;text-decoration:none;border:1px solid transparent}.button-primary{background:var(--primary);color:#fff8f1}.button-primary:hover{background:var(--primary-strong)}.button-secondary{border-color:var(--line);background:#ffffff73}.section{margin-top:28px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-header h2{margin:0;font-size:1.3rem}.section-header a{color:var(--muted);text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.post-card{grid-column:span 6;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px #5c403329}.post-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:14px;color:var(--muted);font-size:.92rem}.post-card h3,.article-title{margin:0;line-height:1.04;letter-spacing:-.04em}.post-card-title{text-decoration:none}.post-card p{margin:12px 0 0;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag{display:inline-flex;text-decoration:none;padding:6px 10px;border-radius:999px;background:#b24c2a14;color:var(--primary-strong);font-size:.85rem}.tag-category{background:#1f1a1714;color:var(--text)}.post-card-links{margin-top:18px}.read-more{text-decoration:none;color:var(--primary-strong)}.page-block,.article-shell{padding:24px}.article-shell{margin:28px auto 0}.article-header{margin-bottom:28px}.article-summary{margin-top:18px;font-size:1.1rem;color:var(--muted)}.content :where(h2,h3){line-height:1.15;letter-spacing:-.03em;margin-top:2.2em;margin-bottom:.7em}.content p,.content ul,.content ol,.content blockquote{margin:1.1em 0}.content blockquote{margin-left:0;padding-left:18px;border-left:3px solid rgba(178,76,42,.35);color:var(--muted)}.content code{padding:.15em .4em;border-radius:6px;background:#1f1a170f;font-size:.92em}.content pre{padding:18px;border-radius:18px;overflow-x:auto;background:#241d1a;color:#f8efe7}.content pre code{padding:0;background:transparent}.site-footer{padding:28px 0 48px;color:var(--muted);font-size:.95rem}.two-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.taxonomy-title{margin:0 0 18px;font-size:1.2rem}.taxonomy-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.taxonomy-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;text-decoration:none;background:#ffffff73;border:1px solid var(--line)}.taxonomy-card span{color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.about-grid h2{margin-top:0}.search-panel{margin:0 auto}.search-toolbar{display:flex;align-items:center;gap:12px;margin-top:24px}.search-input-wrap{display:block;flex:1 1 auto;min-width:0}.search-input{width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;font:inherit}.github-link{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;color:var(--text);text-decoration:none;transition:background .2s ease,transform .2s ease}.github-link:hover{background:var(--surface-strong);transform:translateY(-2px)}.search-status{margin-top:18px;color:var(--muted)}.search-results{display:grid;gap:16px;margin-top:18px}.search-result{display:block;padding:24px;text-decoration:none}.search-result h2{margin:0;font-size:1.4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.site-header{flex-direction:column;align-items:start}.hero,.page-block,.article-shell{padding:24px}.hero{grid-template-columns:1fr;gap:20px;min-height:0}.hero-avatar{width:84px}.search-toolbar{align-items:stretch}.hero-actions{align-items:flex-start}.post-card{grid-column:1 / -1}.two-col-grid,.about-grid,.taxonomy-cloud{grid-template-columns:1fr}}
