/* Common, scoped components used by distinct knowledge-site layouts. */
.niche-topics{padding:32px 0}.niche-topics>h2,.ware-reading>h2,.niche-more>h2{font-size:22px;margin-bottom:20px}.niche-topics>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.niche-topics a{display:block;padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:var(--niche-radius,8px)}.niche-topics a:hover{border-color:var(--blue)}.niche-topics h3{font-size:18px}.niche-topics p{font-size:13px;color:var(--muted);margin:9px 0 16px}.niche-topics span,.card-date{font-size:12px;color:var(--muted)}.home-statement{font-size:24px;margin:16px 0}.home-intro{font-size:16px;color:var(--muted);line-height:1.9;max-width:650px}.niche-editorial{padding:28px 0 45px;margin-top:28px;border-top:1px solid var(--line)}.niche-editorial h2{font-size:20px}.niche-editorial p{font-size:14px;color:var(--muted);margin:10px 0}.niche-editorial a{color:var(--blue);font-size:14px;text-decoration:underline;text-underline-offset:4px}.article-card{display:block;border-bottom:1px solid var(--line);padding:25px 0}.article-card h2{font-size:23px;margin:12px 0}.article-card p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:12px}.deck-label{display:block;font-size:12px;color:var(--blue);font-weight:600;margin-bottom:8px}.article-deck p{margin:0}.related-articles{margin:28px 0}.hero-slogan{font-size:22px}.article-media{margin:25px 0}.article-media img{display:block;width:100%;height:auto;border-radius:var(--niche-radius,10px)}.article-media figcaption{font-size:12px;color:var(--muted);margin-top:8px}.article-video{margin:26px 0}.article-video video{display:block;width:100%;max-height:540px;background:#16212b;border-radius:var(--niche-radius,10px)}.article-video h2{margin-bottom:12px}.video-caption{font-size:12px;color:var(--muted)}
@media(max-width:800px){.niche-topics>div{grid-template-columns:repeat(2,minmax(0,1fr))}.home-statement{font-size:21px}}
@media(max-width:560px){.niche-topics a{padding:18px 14px}.niche-topics h3{font-size:16px}.home-intro{font-size:15px}.niche-topics{padding:26px 0}.article-card h2{font-size:21px}.hero-slogan{font-size:18px}.home-statement{font-size:20px}}

.card-media{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0 0 22px;border-radius:var(--niche-radius,6px)}

/* Catalog: restrained graphite and porcelain-blue, object index and focused reading. */
body{--ink:#232b32;--blue:#3d6277;--blue-dark:#294859;--muted:#6f7c84;--line:#dce3e7;--soft:#f1f5f7;--niche-radius:2px}.brand-mark{background:#fff;border:1px solid #889eaa;color:#3d6277;border-radius:2px}.top-inner{border-bottom:3px solid #293943}.ware-intro{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;padding:50px 0 34px;border-bottom:1px solid var(--line);align-items:center}.ware-intro h1{font-size:44px;letter-spacing:-1px}.ware-object{width:200px;height:160px;background:#edf3f6;display:grid;place-items:center;border-bottom:8px solid #d7e1e6}.ware-object svg{width:105px;height:105px;stroke-width:1.1;color:#6e8b9b}.ware-intro .home-statement{font-size:22px}.niche-topics a{border-radius:2px;background:#fff}.niche-topics a h3{padding-bottom:14px;border-bottom:1px solid var(--line)}.ware-reading{padding:28px 0}.ware-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ware-card{display:block;padding:28px;background:#f1f5f7;border-top:3px solid #577b8f}.ware-card h2{font-size:25px;margin:14px 0}.ware-card p{font-size:15px;color:var(--muted);margin-bottom:25px;line-height:1.9}.article-heading{max-width:850px;padding-bottom:28px;border-bottom:3px solid #405a69}.reading-layout{display:block;max-width:850px}.reading-rail{display:none}.article-body{max-width:850px}.mobile-toc{display:block;background:#f1f5f7}.article-body .prose-section{border-bottom:1px solid var(--line);padding-bottom:28px}.article-heading h1{font-size:38px}.article-body h2{font-size:25px}.topic-label{background:#e9f0f4;border-radius:2px}.site-footer{background:#f3f6f8}
@media(max-width:800px){.ware-intro{grid-template-columns:minmax(0,1fr) 150px;gap:30px}.ware-object{width:150px;height:130px}.ware-object svg{width:80px;height:80px}.ware-intro h1{font-size:36px}}
@media(max-width:560px){.ware-intro{grid-template-columns:minmax(0,1fr);gap:25px;padding:30px 0}.ware-object{width:100%;height:110px}.ware-intro h1{font-size:31px}.ware-grid{grid-template-columns:minmax(0,1fr)}.ware-card{padding:23px}.article-heading h1{font-size:28px}.top-inner{border-bottom-width:2px}}
