:root{--bg: #f9fafb;--surface: #ffffff;--text: #111827;--muted: #6b7280;--line: #e5e7eb;--line-soft: #f3f4f6;--accent: #2563eb;--accent-soft: #eff6ff;--shadow: 0 1px 2px rgba(15, 23, 42, 0.04);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}p,li{line-height:1.75}.container{width:min(960px, calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.94);border-bottom:1px solid var(--line-soft);backdrop-filter:blur(12px)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px}.site-brand{font-size:1.25rem;font-weight:700;color:var(--text)}.site-nav{display:flex;flex-wrap:wrap;gap:24px}.site-nav a{color:#4b5563;font-size:0.9375rem;font-weight:500;transition:color 180ms ease}.site-nav a:hover,.site-nav a:focus-visible,.post-card h2 a:hover,.read-more-link:hover,.archive-year a:hover,.taxonomy-group a:hover,.site-footer a:hover{color:var(--accent)}.site-main{padding-top:32px;padding-bottom:48px}.home-intro{padding:8px 0 24px}.eyebrow,.page-kicker{margin:0 0 12px;color:var(--accent);font-size:0.875rem;font-weight:600}.home-intro h1,.page-header h1,.post-header h1{margin:0;line-height:1.3;font-size:clamp(2rem, 4vw, 2.5rem);letter-spacing:-0.02em}.intro-text,.page-header p,.post-meta{margin-top:16px;color:var(--muted);font-size:1rem}.section-title-row{display:flex;align-items:center;margin:0 0 16px}.section-title{display:flex;align-items:center;gap:8px;color:#374151;font-size:0.875rem;font-weight:600}.section-dot{width:8px;height:8px;border-radius:999px;background:#f59e0b}.section-dot-muted{background:#9ca3af}.post-feed{display:grid;gap:24px}.resource-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px;margin-bottom:32px}.guestbook-callout,.guestbook-panel,.guestbook-guide{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.guestbook-callout{margin:0 0 32px;border-color:#dbeafe;background:radial-gradient(circle at top right, rgba(37,99,235,0.08), transparent 32%),linear-gradient(135deg, #fff, #f8fbff)}.guestbook-callout-copy h2,.guestbook-panel-copy h1,.guestbook-panel-copy h2,.guestbook-guide h2{margin:0;font-size:clamp(1.5rem, 3vw, 2rem);line-height:1.35}.guestbook-callout-copy p,.guestbook-panel-copy p,.guestbook-guide p{margin:12px 0 0;color:#4b5563}.guestbook-callout-kicker{margin:0 0 10px;color:var(--accent);font-size:0.875rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.guestbook-callout-actions,.guestbook-panel-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-link-button,.secondary-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-size:0.9375rem;font-weight:600;transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease}.primary-link-button{background:var(--text);color:#ffffff;box-shadow:0 10px 24px rgba(17,24,39,0.12)}.secondary-link-button{border-color:var(--line);background:rgba(255,255,255,0.86);color:var(--text)}.primary-link-button:hover,.secondary-link-button:hover{transform:translateY(-1px)}.guestbook-panel{margin-bottom:24px;padding:28px}.guestbook-badges,.guestbook-steps,.guestbook-rules{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.guestbook-badges span,.guestbook-steps span,.guestbook-rules span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:0.875rem;font-weight:500}.guestbook-guide{margin-top:24px;padding:24px 28px}.guestbook-guide h2{font-size:1.25rem}.giscus-shell{margin:0 0 32px;border-color:#dbeafe}.giscus-shell-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.giscus-shell-head h2{margin:0;font-size:clamp(1.35rem, 2.6vw, 1.8rem);line-height:1.35}.giscus-shell-head p{margin:10px 0 0;color:#4b5563}.giscus-shell-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.giscus-host{padding:12px 0 0;border-top:1px solid var(--line-soft)}.giscus,.giscus-frame{width:100%}.guestbook-guide ul{margin:14px 0 0;padding-left:1.25rem}.guestbook-guide li{color:#4b5563}.post-card,.content-card,.archive-year,.taxonomy-group,.archive-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.post-card,.content-card,.archive-hero{padding:24px}.post-card{transition:border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease}.post-card:hover{transform:translateY(-2px);border-color:#dbeafe;box-shadow:0 10px 25px rgba(15,23,42,0.06)}.post-card-featured{margin-bottom:32px}.post-card-head,.post-card-foot,.post-meta,.footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center}.post-card-head time,.post-card-foot span,.post-meta span,.archive-year span,.taxonomy-group span,.site-footer{color:var(--muted);font-size:0.875rem}.post-card h2{margin:12px 0;font-size:1.25rem;line-height:1.5}.resource-card{display:flex;flex-direction:column;gap:14px}.resource-card h2{margin:0;font-size:1.25rem;line-height:1.5}.resource-card p{margin:0;color:#4b5563}.resource-card-top,.resource-links{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.resource-frequency,.resource-secondary-link{color:var(--muted);font-size:0.875rem}.post-card p,.archive-hero p,.taxonomy-group p,.archive-year p,.page-content p,.post-content p{color:#4b5563}.meta-badges,.tag-row,.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.meta-badge,.tag-pill,.tag-cloud a{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:0.8125rem;font-weight:500}.meta-badge-muted{background:var(--accent-soft);color:var(--accent)}.archive-list,.taxonomy-list{display:grid;gap:24px}.archive-year,.taxonomy-group{padding:24px}.archive-year h2,.taxonomy-group h2{margin:0 0 18px;font-size:1.5rem}.archive-year ul,.taxonomy-group ul{list-style:none;margin:0;padding:0}.archive-year li,.taxonomy-group li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft)}.archive-year li:first-child,.taxonomy-group li:first-child{border-top:0}.archive-year li div,.taxonomy-group li div{min-width:0}.archive-hero{margin-bottom:24px}.archive-hero h2{margin:0 0 8px;font-size:1.5rem}.page-content,.post-content{margin-top:28px}.page-content h2,.post-content h2{margin-top:32px;font-size:1.375rem}.page-content ul,.post-content ul{padding-left:1.25rem}.post-content pre,.post-content code{font-family:"SFMono-Regular", Consolas, monospace}.post-content pre{overflow-x:auto;padding:16px;border-radius:var(--radius-sm);background:#111827;color:#f9fafb}.post-content code{background:#f3f4f6;padding:2px 6px;border-radius:6px}.post-content pre code{background:transparent;padding:0}.read-more-link{color:var(--accent);font-weight:600}.site-footer{border-top:1px solid var(--line-soft);padding:20px 0 36px}@media (max-width: 860px){.header-inner,.footer-inner,.post-card-head,.post-card-foot,.post-meta,.archive-year li,.taxonomy-group li,.guestbook-callout,.guestbook-panel,.guestbook-guide,.giscus-shell-head{display:block}.site-nav{gap:14px}.site-main{padding-top:24px}.resource-grid{grid-template-columns:1fr}.content-card,.post-card,.archive-year,.taxonomy-group,.archive-hero{padding:20px}.guestbook-callout-actions,.guestbook-panel-actions,.giscus-shell-actions{margin-top:18px}.post-card-head time,.post-card-foot span,.post-meta span,.archive-year span,.taxonomy-group span{display:block;margin-top:8px}}