.infobox{margin-top:var(--space-8)}.infobox__inner{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-card-bg, var(--color-bg-raised)));border:1.5px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-left-width:4px;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);line-height:var(--leading-relaxed)}.infobox__inner>*+*{margin-top:var(--space-3)}.infobox__inner p:first-child{margin-top:0}.infobox__inner h2,.infobox__inner h3{margin:0;font-size:var(--text-lg)}.infobox__inner a{color:var(--color-link);text-decoration:underline}.hero{padding-block:var(--space-12, 3rem) var(--space-6, 1.5rem)}.hero__title{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 1rem}.hero__lead{font-size:1.2rem;max-width:48rem;color:var(--color-text-muted, #555);margin:0;text-wrap:balance}.hero__by{font-size:.95rem;margin:.5rem 0 0;color:var(--color-text-muted, #555);font-family:var(--font-mono, monospace);letter-spacing:.02em}.hero__by-link{color:var(--color-text);text-decoration:none;border-bottom:1px dotted var(--color-line-strong, #d0d0d0)}.hero__by-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.hero__status{padding:.5rem 0;color:var(--color-text-muted, #666)}.home-section{padding-block:var(--space-6, 1.5rem) var(--space-8, 2rem)}.home-section+.home-section{border-top:var(--border-hair)}.home-section[hidden]+.home-section{border-top:none}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.sec-heading{font-size:var(--text-xl, 1.3rem);font-weight:600;margin:0}.sec-more{font-size:.9rem;color:var(--color-accent);text-decoration:none;white-space:nowrap}.sec-more:hover{text-decoration:underline}.qn-desc{font-size:var(--text-sm, .9rem);color:var(--color-text-muted);margin:0 0 var(--space-4);max-width:60ch;line-height:1.5}.qn-desc a{color:var(--color-accent);text-decoration:underline}.qn-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.qn-item{border-left:2px solid var(--color-accent);background:var(--color-bg-raised);border-radius:8px;transition:background var(--dur) var(--ease);min-height:96px;overflow:hidden}.qn-item:hover{background:var(--color-bg-soft)}.qn-link{display:flex;align-items:stretch;gap:var(--space-3);text-decoration:none;color:inherit;height:100%;padding-right:var(--space-3)}.qn-img{flex-shrink:0;width:96px;height:96px;object-fit:cover;display:block;background:var(--color-placeholder)}.qn-img--empty{display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-raised))}.qn-body{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-width:0;padding-block:var(--space-2)}.qn-date{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-faint)}.qn-title{display:block;font-size:.9rem;line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qn-link:hover .qn-title{color:var(--color-accent)}@media(max-width:768px){.qn-grid{grid-template-columns:1fr}.qn-grid li:nth-child(n+2){display:none}}.blog-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{margin:0}.blog-card__link{display:block;text-decoration:none;color:inherit;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;overflow:hidden;transition:transform .15s,box-shadow .15s}.blog-card__link:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.blog-card__img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--color-placeholder)}.blog-card__body{padding:1rem 1.2rem}.blog-card__cat{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #666);margin-bottom:.4rem}.blog-card__title{font-size:1.1rem;line-height:1.3;margin:0 0 .5rem}.blog-card__series{display:inline-block;margin:0 0 .4rem;padding:.1rem .5rem;background:#c61c1a14;color:var(--color-accent, #c61c1a);border-radius:3px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.blog-card__date{font-size:.85rem;color:var(--color-text-muted, #666)}.blog-card__src{display:inline-block;margin:0 0 .4rem;padding:.1rem .5rem;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:3px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-muted, #666)}