.cat-page{padding:28px 0 10px}[data-surface=public] .page-hero{padding:var(--pub-hero-pad);color:var(--pub-on-navy);background:var(--pub-hero-bg);position:relative;overflow:hidden}.page-hero__bg{top:0;right:var(--pub-hero-img-right);width:var(--pub-hero-img-w);opacity:var(--pub-hero-img-opacity);-webkit-mask-image:var(--pub-hero-img-mask);-webkit-mask-image:var(--pub-hero-img-mask);mask-image:var(--pub-hero-img-mask);pointer-events:none;position:absolute;bottom:0}.page-hero__bg img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;display:block}.page-hero__inner{z-index:1;position:relative}[data-surface=public] .page-hero h1{font-size:var(--pub-hero-fs-h1);letter-spacing:.2px;text-transform:uppercase;margin:10px 0 8px;font-weight:800}[data-surface=public] .page-hero p{max-width:var(--pub-hero-desc-w);font-size:var(--pub-hero-fs-desc);opacity:var(--pub-hero-desc-opacity);margin:0}.page-hero .hero-row{align-items:flex-end;gap:16px;display:flex}.page-hero .hero-meta{font-size:var(--pub-hero-meta-fs);gap:var(--pub-hero-meta-gap);opacity:var(--pub-hero-meta-opacity);margin-top:14px;display:flex}.page-hero .hero-meta svg{width:auto;height:var(--pub-icon-hero-meta);color:var(--pub-hero-meta-icon);vertical-align:-2px;margin-right:6px}[data-surface=public] .toolbar{justify-content:space-between;align-items:flex-start;gap:var(--pub-toolbar-gap);margin-bottom:var(--pub-toolbar-mb);display:flex}.toolbar .right{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.toolbar .count{font-size:var(--pub-fs-count);color:var(--muted);white-space:nowrap}.toolbar .count b{color:var(--navy)}[data-surface=public] .sub-tabs{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}[data-surface=public] .sub-tabs .chip{cursor:pointer;line-height:normal;position:relative}[data-surface=public] .sub-tabs .chip.on{color:var(--pub-on-navy);background:var(--pub-chip-on-bg);border-color:var(--pub-chip-on-bg)}[data-surface=public] .sub-tabs .chip:after,.seg button:after{content:"";position:absolute;inset:-7px 0}.seg{padding:var(--pub-seg-pad);background:var(--card);border:1px solid var(--line);border-radius:var(--pub-seg-radius);gap:2px;display:inline-flex}.seg button{padding:var(--pub-seg-btn-pad);font:inherit;font-size:var(--pub-fs-seg);color:var(--muted);cursor:pointer;border-radius:var(--pub-seg-btn-radius);background:0 0;border:0;align-items:center;gap:6px;transition:all .15s;display:inline-flex;position:relative}.seg button svg{width:auto;height:var(--pub-icon-seg)}.seg button:hover{color:var(--navy)}html[data-cat-layout=grid] .seg button[data-choice=grid],html[data-cat-layout=list] .seg button[data-choice=list],html:not([data-cat-layout]) .seg[data-default=grid] button[data-choice=grid],html:not([data-cat-layout]) .seg[data-default=list] button[data-choice=list]{color:var(--pub-on-navy);background:var(--navy)}.feature{grid-template-columns:var(--pub-feature-cols);background:var(--card);border:1px solid var(--line);border-radius:var(--pub-feature-radius);box-shadow:var(--shadow);margin-bottom:22px;display:grid;position:relative;overflow:hidden}.feature__thumb{min-height:var(--pub-feature-thumb-h);background:var(--bg);display:block;position:relative;overflow:hidden}.feature__thumb img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.feature .badge-hot{z-index:1;font-size:var(--pub-fs-badge);color:var(--pub-on-navy);background:var(--pub-badge-hot-bg);border-radius:20px;padding:4px 12px;font-weight:700;position:absolute;top:14px;left:14px}.feature .badge-hot svg{width:auto;height:var(--pub-fs-badge);vertical-align:-1px}.feature__body{padding:var(--pub-feature-body-pad);flex-direction:column;justify-content:center;gap:12px;display:flex}.feature .kicker{font-size:var(--pub-fs-kicker);color:var(--green);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.feature h2{font-size:var(--pub-fs-feature-h);color:var(--navy);margin:0;font-weight:800;line-height:1.35}.feature h2 a:hover{color:var(--green)}.feature h2 a:focus-visible{box-shadow:none;outline:none}.feature:has(h2 a:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.feature p{font-size:var(--pub-fs-feature-p);color:var(--muted);margin:0}.feature .meta-l{font-size:var(--pub-fs-feature-meta);color:var(--muted);align-items:center;gap:14px;display:flex}.feature .meta-l svg{width:auto;height:var(--pub-fs-feature-meta);color:var(--green);vertical-align:-2px;margin-right:5px}.feature .read{font-size:var(--pub-fs-read);color:var(--green);align-items:center;gap:8px;font-weight:600;display:inline-flex}.feature .read svg{width:auto;height:var(--pub-fs-read)}.feature .read:hover{gap:12px}.cat-items{gap:var(--pub-grid-gap);grid-template-columns:repeat(3,1fr);display:grid}:is(html[data-cat-layout=list] .cat-items--main,html:not([data-cat-layout]) .cat-items--main[data-layout=list]){gap:var(--pub-list-gap);flex-direction:column;display:flex}[data-surface=public] .empty{padding:var(--pub-empty-pad);text-align:center;background:var(--card);border:1px dashed var(--pub-empty-border);border-radius:var(--pub-empty-radius)}.empty .ic{width:var(--pub-empty-ic-size);height:var(--pub-empty-ic-size);font-size:var(--pub-empty-ic-fs);color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.empty .ic svg{width:auto;height:var(--pub-empty-ic-fs)}.empty h3,.cat-error__title{font-size:var(--pub-fs-empty-h);color:var(--navy);margin:0 0 6px;font-weight:700}.empty p{max-width:var(--pub-empty-p-w);color:var(--muted);margin:0 auto 18px}.empty .pub-btn svg{width:auto;height:var(--pub-icon-pager)}.cat-error__title:focus-visible{outline:none}.cat-error__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}[data-surface=public] .more-sec{margin-top:var(--pub-more-mt)}[data-surface=public] .sec-title{justify-content:space-between;align-items:center;margin:8px 0 16px;display:flex}[data-surface=public] .sec-title h2{font-size:var(--pub-sec-title-fs);color:var(--navy);text-transform:uppercase;align-items:center;gap:10px;margin:0;display:flex}[data-surface=public] .sec-title h2:before{content:"";background:var(--green);border-radius:2px;width:4px;height:20px}@media (max-width:760px){[data-surface=public] .page-hero h1{font-size:var(--pub-hero-fs-h1-sm)}.page-hero__bg{width:100%;opacity:var(--pub-hero-img-opacity-sm)}.page-hero .hero-meta{flex-wrap:wrap;gap:8px 16px}[data-surface=public] .toolbar{flex-direction:column}.toolbar .right{justify-content:space-between;width:100%}[data-surface=public] .sub-tabs{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;margin:-4px -4px 0;padding:4px;overflow-x:auto}[data-surface=public] .sub-tabs .chip{flex-shrink:0}.feature{grid-template-columns:1fr}.feature__thumb{min-height:var(--pub-feature-thumb-h-sm)}.feature__body{padding:var(--pub-feature-body-pad-sm)}.feature h2{font-size:var(--pub-fs-feature-h-sm)}.cat-items{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.seg button{transition:none}}