.topics-page{background:#f7fafb;color:#0b1731}.topics-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.topics-hero{position:relative;overflow:hidden;padding:calc(var(--z-nav-height) + 72px) 0 76px;background:linear-gradient(140deg,#eaf6f6,#f6fbfa 58%,#fff7e7)}.topics-hero::after{content:"GUIDES";position:absolute;right:-20px;bottom:-52px;color:rgba(8,127,154,.055);font:800 12rem/1 Inter,sans-serif;letter-spacing:-.08em}.topics-hero .topics-shell{position:relative;z-index:1}.topics-kicker{margin:0 0 15px;color:#087f9a;font:800 11px/1.3 Inter,sans-serif;letter-spacing:.14em}.topics-hero h1{max-width:900px;margin:0;color:#0b1731;font-size:clamp(3rem,6vw,5.35rem);line-height:1.02;letter-spacing:-.055em}.topics-hero p:last-child{max-width:760px;margin:24px 0 0;color:#526174;font-size:1.05rem;line-height:1.85}.topics-directory{padding:58px 0 96px}.topics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #dbe4e9;border-radius:14px;background:#fff}.topic-search-wrap{min-width:270px;display:flex;align-items:center;gap:8px;padding:0 11px;border-right:1px solid #dbe4e9}.topic-search-wrap>span{color:#087f9a;font-size:23px}.topic-search-wrap input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:#0b1731;font:inherit}.topic-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter-chip{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:#f0f4f6;color:#526174;font:700 12px/1 inherit;cursor:pointer}.filter-chip:hover,.filter-chip.active{border-color:#94c7d1;background:#e5f4f6;color:#08748a}.chip-count{min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.8);font-size:10px}.topics-heading-row{display:flex;align-items:center;justify-content:space-between;margin:46px 0 18px}.topics-heading-row h2{margin:0;font-size:1rem}.topics-heading-row span{color:#7a8797;font:700 12px/1 Inter,sans-serif}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic-card{min-height:285px;display:grid;grid-template-columns:90px 1fr;overflow:hidden;border:1px solid #dbe4e9;border-radius:16px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.topic-card:hover{transform:translateY(-3px);border-color:#8fc3ce;box-shadow:0 16px 34px rgba(16,40,65,.08)}.topic-card[hidden]{display:none}.topic-card-index{display:flex;flex-direction:column;align-items:center;padding:24px 10px;background:#0b1731;color:#fff}.topic-card-index span{font:800 11px/1 Inter,sans-serif;color:#62d5e4}.topic-card-index b{margin-top:auto;writing-mode:vertical-rl;transform:rotate(180deg);color:#8495ad;font:800 10px/1 Inter,sans-serif;letter-spacing:.14em}.topic-card-body{display:flex;flex-direction:column;padding:24px}.topic-category{width:max-content;padding:4px 8px;border-radius:999px;background:#e7f5f7;color:#08768c;font-size:10px;font-weight:800}.topic-card h3{margin:25px 0 10px;font-size:1.35rem;line-height:1.4}.topic-card p{margin:0;color:#5c697a;font-size:14px;line-height:1.75}.topic-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px;color:#8390a0;font-size:11px}.topic-card-footer span{color:#087f9a;font-weight:800}.topic-empty{padding:54px 24px;border:1px dashed #bac8d2;border-radius:16px;background:#fff;text-align:center}.topic-empty p{margin:8px 0 0;color:#6a7788}.topic-empty[hidden]{display:none}
@media(max-width:820px){.topics-toolbar{align-items:stretch;flex-direction:column}.topic-search-wrap{border-right:0;border-bottom:1px solid #dbe4e9}.topic-filters{justify-content:flex-start}.topic-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topics-shell{width:min(100% - 32px,1120px)}.topics-hero{padding:calc(var(--z-nav-height) + 45px) 0 58px}.topics-hero::after{font-size:7rem}.topics-directory{padding:42px 0 72px}.topic-filters{display:grid;grid-template-columns:1fr 1fr}.filter-chip{justify-content:space-between}.topic-card{grid-template-columns:62px 1fr}.topic-card-body{padding:20px}.topic-card-index{padding:20px 7px}.topic-card-footer{align-items:flex-start;flex-direction:column}.topic-card h3{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}.topic-card:hover{transform:none}}