/* Reading pages share the app palette while preserving the complete published content. */
.ui-refresh :is(.content-page,.legal-page) { width:min(var(--interface-width),100%); margin:0 auto; padding:0 var(--interface-edge) 48px; }
.ui-refresh .content-site-nav { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; margin:0 0 36px; padding:24px 0 16px; border-bottom:1px solid var(--line); background:transparent; }
.ui-refresh .content-site-brand { --interface-brand-size:20px; }
.ui-refresh .content-site-nav > div { display:flex; flex-wrap:wrap; gap:6px 16px; }
.ui-refresh .content-site-nav > div a { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:var(--muted); }
.ui-refresh .content-site-nav [aria-current="page"] { color:var(--accent); font-weight:700; }
.ui-refresh :is(.content-page,.legal-page) h1 { font-size:28px; font-weight:700; line-height:1.6; letter-spacing:-.035em; }
.ui-refresh :is(.content-page,.legal-page) h2 { font-size:21px; line-height:1.65; }
.ui-refresh :is(.content-page,.legal-page) h3 { font-size:17px; line-height:1.7; }
.ui-refresh :is(.content-page,.legal-page) p { line-height:1.9; font-size:15px; }
.ui-refresh .content-hero { gap:24px; padding:0; margin:0; background:transparent; border:0; }
.ui-refresh .content-lead { color:var(--muted); }
.ui-refresh .content-updated { color:var(--muted); font-size:12px !important; }
.ui-refresh .content-section { margin-top:40px; padding-top:0; border-top:0; }
.ui-refresh :is(.content-card,.content-callout) { border:1px solid var(--line); border-radius:18px; padding:22px; background:#f3f4ec; box-shadow:none; }
.ui-refresh .content-card-red { background:#fff4f2; }
.ui-refresh .content-card-yellow { background:#fff5ce; }
.ui-refresh .content-card-grid { gap:16px; }
.ui-refresh .content-primary-action { margin-top:48px; }
.ui-refresh .content-primary-action a { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:12px 24px; border-radius:999px; background:var(--accent); color:#fff; font-weight:700; text-decoration:none; }
.ui-refresh .content-footer { margin-top:48px; padding-top:24px; border-top:1px solid var(--line); }
.ui-refresh .content-footer-nav { gap:8px 20px; }
.ui-refresh .content-footer-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:var(--muted); }
.ui-refresh .legal-page section { margin-top:32px; }
@media(max-width:540px) { .ui-refresh .content-card-grid { grid-template-columns:1fr; } .ui-refresh .content-hero { grid-template-columns:minmax(0,1fr); } .ui-refresh .content-character { display:none; } .ui-refresh .content-site-nav { margin-bottom:28px; } }

/* Embedded documents adapt to their own reading column, not the browser width. */
.ui-refresh .service-info-modal-card { width:min(760px,100%); padding:0; overflow:hidden; grid-template-rows:auto auto minmax(0,1fr); }
.ui-refresh .service-info-modal-header { background:var(--bg); padding:20px 24px; gap:16px; }
.ui-refresh .service-info-modal-header h2 { font-family:var(--font-ui); font-size:21px; font-weight:700; }
.ui-refresh .service-info-modal-body { min-width:0; padding:0 24px 28px; container-type:inline-size; }
body.ui-refresh .service-info-document:is(.content-page,.legal-page) { width:auto; margin:0; padding:0; }
.ui-refresh .service-info-document :is(p,dd,a) { overflow-wrap:anywhere; }
.ui-refresh .service-info-document .legal-details > div { grid-template-columns:minmax(0,1fr); gap:6px; padding:20px 0; }
.ui-refresh .service-info-document .legal-details dt { color:var(--ink); font-weight:700; }
.ui-refresh .service-info-document .strategy-entry-card { grid-template-columns:minmax(0,1fr); gap:20px; padding:24px; }
.ui-refresh .service-info-document .strategy-entry-card > a { justify-self:start; border-radius:999px; }
.ui-refresh .service-info-document .content-word-examples { grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); }
.ui-refresh .service-info-document .content-word-examples > div { min-width:0; grid-template-columns:minmax(0,1fr); justify-items:center; padding:20px 12px; }
.ui-refresh .service-info-document .content-word-examples span { flex-wrap:wrap; justify-content:center; }
.ui-refresh .service-info-document .content-word-examples b { flex:none; font-family:var(--font-ui); }
.ui-refresh .service-info-document :is(.content-definition-list,.update-list) > :is(div,li) { grid-template-columns:minmax(0,1fr); gap:6px; }
@container (max-width:560px) {
  .ui-refresh .service-info-document :is(.content-card-grid,.content-hero,.strategy-board-compare,.strategy-length-comparison,.strategy-three-grid) { grid-template-columns:minmax(0,1fr); }
  .ui-refresh .service-info-document .content-character { display:none; }
}
@media(max-width:540px) {
  .ui-refresh .service-info-modal-header { padding:16px; }
  .ui-refresh .service-info-modal-header h2 { font-size:18px; }
  .ui-refresh .service-info-modal-body { padding:0 16px 24px; }
  .ui-refresh .service-info-document .strategy-entry-card { padding:18px; }
}