.blog-shell{max-width:1180px;padding:var(--space-8) var(--space-6) var(--space-10);margin:0 auto}.blog-head{margin-bottom:var(--space-8)}.blog-head .section-title{font-size:var(--fs-xxl)}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{border:var(--line);border-radius:var(--radius-lg);background:var(--sauropod-paper);color:inherit;transition:transform .22s var(--ease-bounce), box-shadow .22s ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #14110e1f}.blog-card .cover{aspect-ratio:16/10;background:var(--sauropod-cream-2);position:relative;overflow:hidden}.blog-card .cover img{object-fit:cover;width:100%;height:100%}.blog-card .cover:empty{background:linear-gradient(135deg, var(--sauropod-cream-2), var(--sauropod-paper))}.blog-card .cover:empty:after{content:"";opacity:.45;background-image:url(/assets/topo-ink.svg);background-size:320px;position:absolute;inset:0}.blog-card .card-body{padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.blog-card .card-cat{font-family:var(--font-heading);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--sauropod-orange-700)}.blog-card .card-title{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-lg);margin:0;line-height:1.18}.blog-card .card-excerpt{color:var(--fg-muted);font-size:var(--fs-sm);margin:0}.blog-card .card-meta{padding-top:var(--space-2);font-size:var(--fs-xs);color:var(--fg-soft);margin-top:auto}.article-shell{max-width:760px;padding:var(--space-8) var(--space-5) var(--space-10);margin:0 auto}.article-head .eyebrow-label{margin-bottom:var(--space-2)}.article-title{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-xxl);letter-spacing:-.01em;margin:0 0 var(--space-3);line-height:1.08}.article-meta{color:var(--fg-soft);font-size:var(--fs-sm);gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.article-cover{border-radius:var(--radius-lg);border:var(--line);margin-bottom:var(--space-8);overflow:hidden}.article-cover img{width:100%;height:auto}.answer-box{max-width:760px;margin:0 auto var(--space-8);padding:var(--space-5) var(--space-6);background:var(--sauropod-paper);border:var(--line);border-left:4px solid var(--sauropod-orange);border-radius:var(--radius-lg)}.answer-box .ab-q{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-lg);color:var(--sauropod-ink);margin-bottom:var(--space-2)}.answer-box .ab-a .prose{font-size:var(--fs-md)}.answer-box .ab-a .prose :first-child{margin-top:0}.answer-box .ab-a .prose :last-child{margin-bottom:0}.answer-box .ab-facts{gap:var(--space-3);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.answer-box .ab-fact{padding:var(--space-3);background:var(--sauropod-cream);border-radius:var(--radius-md)}.answer-box .ab-fact dt{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 2px}.answer-box .ab-fact dd{font-family:var(--font-heading);color:var(--sauropod-ink);margin:0;font-weight:600}.prose{font-size:var(--fs-md);color:var(--sauropod-ink-2);line-height:1.75}.prose h2{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-xl);margin:var(--space-8) 0 var(--space-3)}.prose h3{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-lg);margin:var(--space-6) 0 var(--space-2)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--sauropod-blue-700);text-underline-offset:2px;text-decoration:underline}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:1.4em}.prose li{margin-bottom:var(--space-2)}.prose img{border-radius:var(--radius-md);border:var(--line);margin:var(--space-5) 0}.prose figcaption{font-size:var(--fs-sm);color:var(--fg-soft);text-align:center;margin-top:var(--space-2)}.prose table{border-collapse:collapse;width:100%;margin:var(--space-5) 0;font-size:var(--fs-sm)}.prose th,.prose td{border:var(--line-soft);padding:var(--space-2) var(--space-3);text-align:left}.prose th{background:var(--sauropod-cream-2);font-family:var(--font-heading)}.simple-header{z-index:60;height:var(--topbar-h);align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in srgb, var(--sauropod-cream) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--line);display:flex;position:sticky;top:0}.simple-header .brand-logo img{width:auto;height:52px}.sh-desktop{align-items:center;gap:var(--space-5);font-family:var(--font-heading);margin-left:auto;font-weight:500;display:flex}.sh-desktop a{color:var(--sauropod-ink);white-space:nowrap;text-decoration:none}.sh-desktop a:not(.pill):hover{color:var(--sauropod-orange-700)}.sh-book-mobile{margin-left:auto;display:none}.sh-burger{border:var(--line);border-radius:var(--radius-md);width:44px;height:44px;color:var(--sauropod-ink);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:none}.sh-menu{display:none}@media (max-width:820px){.simple-header{gap:var(--space-3);padding:0 var(--space-4)}.simple-header .brand-logo img{height:44px}.sh-desktop{display:none}.sh-book-mobile{font-size:var(--fs-sm);padding:8px 16px;display:inline-flex}.sh-burger{display:inline-flex}.sh-menu{top:calc(100% + 8px);left:var(--space-4);right:var(--space-4);background:var(--sauropod-paper);border:var(--line);border-radius:var(--radius-lg);padding:var(--space-2);opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s var(--ease-bounce);flex-direction:column;gap:2px;display:flex;position:absolute;transform:translateY(-8px);box-shadow:0 18px 40px #14110e24}.sh-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.sh-menu a:not(.pill){font-family:var(--font-heading);color:var(--sauropod-ink);padding:var(--space-3);border-radius:var(--radius-md);font-weight:500;text-decoration:none}.sh-menu a:not(.pill):hover{background:var(--sauropod-cream)}.sh-menu .pill{margin-top:var(--space-1);justify-content:center}}