/* Refinements, 2026-09-16 (loaded last, after typography.css).
   1. Logo a little smaller.  2. Corners less round.  3. Headlines bigger, with a
   regular lead phrase and a bold emphasised phrase (every page title is
   "Lead phrase <em>emphasis</em>"). Circles (avatar, dots, rings) are untouched. */

:root{
  --type-page:44px;
  --type-section:20px;
  --type-feature:26px;
  --radius-card:16px;
  --radius-inner:12px;
  --radius-control:12px;
  --radius-small:8px;
}

/* 1. Logo */
.web-logo{width:72px}

/* 3. Headlines: bigger, regular + bold */
.web-heading h1{font-size:var(--type-page);font-weight:400;line-height:1.1;letter-spacing:-1.6px}
.web-heading h1 em{font-style:normal;font-weight:700;color:inherit}
.card-head h2,.web-site-list h2,.review-card .card-head h2{font-size:var(--type-section)}
.consent-card>h2{font-weight:400}
.consent-card>h2 strong{font-weight:700}
.review-card h3{font-size:var(--type-feature);font-weight:400}
.review-card h3 b{font-weight:700}
dialog h2,.finding-web .web-card>h2{font-size:var(--type-feature);font-weight:700}

/* 2. Corners: large cards 27px -> 16px, inner panels -> 12px, controls pill -> 12px */
.web-card,.notice-list .notification,dialog{border-radius:var(--radius-card)}
.stat-tile{border-radius:var(--radius-card)}
.preview-browser,.banner-tile .banner-demo-mini,.site-monogram,.finding-web img{border-radius:var(--radius-inner)}
.web-nav-item,.search-trigger,.web-select,.web-button,.web-search,.web-filter,.web-tab{border-radius:var(--radius-control)}
.activity-bar{border-radius:var(--radius-small)}
.activity-bar>i{border-radius:var(--radius-small) var(--radius-small) 0 0}
.live-consent,.search-results a,.web-card .field input,.web-card .field select,.web-card .field textarea{border-radius:var(--radius-small)}
.table-symbol,.mini-consent{border-radius:6px}
.tag{border-radius:6px}

@media(max-width:1190px){.web-logo{width:64px}}
@media(max-width:900px){:root{--type-page:38px}}
@media(max-width:600px){
  :root{--type-page:32px;--type-feature:24px}
  .web-logo{width:60px}
  .web-heading h1{letter-spacing:-1px}
  .web-card,.stat-tile{border-radius:14px}
}

/* Rounded buttons; preserve the existing banner layout, colours and typography. */
.web-app .web-button,
.web-app .web-tab,
.web-app .web-nav-item,
.web-app .search-trigger,
.web-app .primary,
.web-app .consent-buttons button{border-radius:999px}

/* Latest visual refinements: softer emphasis, pill controls, optical logo alignment. */
.web-heading h1 em{font-weight:550}
.web-app .display-number,.web-app .display-number span{font-weight:450}
.web-app button,.web-app .web-select,.web-app .web-filter{border-radius:999px}
.web-logo{transform:translateY(-3px)}
.web-nav-item:not(.active){color:#51475f}

.web-app .web-card .field select{border-radius:999px}

/* Enlarge headlines only; keep navigation, controls and body copy unchanged. */
:root{--type-page:48px;--type-section:22px;--type-feature:28px}
@media(max-width:900px){:root{--type-page:42px}}
@media(max-width:600px){:root{--type-page:36px;--type-feature:26px}}

/* Authentic provider marks, without character illustrations. */
.table-symbol .provider-logo{width:24px;height:24px;object-fit:contain;border-radius:0}
.provider-logo-panel{height:240px;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center}
.finding-web .provider-logo-panel img{width:128px;height:128px;object-fit:contain;border-radius:0}
.provider-logo-panel>svg{width:72px;height:72px;color:#a38cb9}
