/* Template-owned design layer. No global theme/header/product overrides. */
.ss-view{--ss-ink:#163a5f;--ss-muted:#5b6573;--ss-line:#dce4ec;--ss-soft:#f5f7fa;--ss-teal:#1f8a70;box-sizing:border-box;inline-size:calc(100% - 32px);max-inline-size:1200px;margin-inline:auto;padding-block:24px 40px;color:#0f2237;font-family:Tajawal,Cairo,sans-serif;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.ss-view *{box-sizing:border-box;min-inline-size:0}
.ss-view h1{font-size:28px;line-height:1.4;margin:0 0 16px;color:var(--ss-ink);font-weight:800}
.ss-view h2{font-size:24px;line-height:1.45;margin-block:32px 16px;color:var(--ss-ink)}
.ss-view h3{font-size:20px;line-height:1.45;margin-block:24px 12px;color:var(--ss-ink)}
.ss-view p{margin-block:0 16px}.ss-view li+li{margin-block-start:8px}
.ss-view a{color:var(--ss-ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.ss-view a:hover{text-decoration-thickness:2px}
.ss-view :focus-visible{outline:3px solid #163a5f;outline-offset:3px}
.ss-view :is(button,input,summary){font:inherit;min-block-size:48px;border-radius:12px}
.ss-view button,.ss-view__button{background:#163a5f;color:#fff;border:2px solid #163a5f;padding:8px 20px;cursor:pointer}
.ss-view input{inline-size:100%;background:#fff;color:#0f2237;border:1px solid #5b6573;padding:8px 12px}
.ss-view__search{max-inline-size:680px}.ss-view__search label{display:block;margin-block-end:8px;font-weight:700}
.ss-view__search-row{display:flex;gap:8px}.ss-view__search-row button{flex-shrink:0}
.ss-view__count{color:var(--ss-muted);font-size:16px;margin-block:12px 0!important}
.ss-view--listing>.ss-view__intro{background:var(--ss-soft);border:1px solid var(--ss-line);border-block-start:4px solid var(--ss-teal);padding:20px;border-radius:16px;margin-block-end:24px}
.ss-view__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ss-view__card{display:flex;flex-direction:column;border:1px solid var(--ss-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #163a5f06}
.ss-view__card-body{padding:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.ss-view__card h2{font-size:22px;margin-block:0 12px;overflow:visible;max-block-size:none}
.ss-view__card h2 a{text-decoration:none}.ss-view__card h2 a:hover,.ss-view__card h2 a:focus-visible{text-decoration:underline}
.ss-view__image{display:block;aspect-ratio:16/9;background:var(--ss-soft);border-block-end:1px solid var(--ss-line)}
.ss-view__image img{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.ss-view__excerpt{color:var(--ss-muted);font-size:16px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-block-end:12px}
.ss-view__read{display:inline-flex;align-items:center;min-block-size:44px;margin-block-start:auto;font-weight:700}
.ss-view__type{font-size:14px;color:var(--ss-muted);margin-block-end:8px}
.ss-view--reading{max-inline-size:760px;font-size:18px;line-height:1.8}
.ss-view--reading>.ss-view__intro{border-block-end:1px solid var(--ss-line);padding-block-end:8px;margin-block-end:24px}
.ss-view--article>.ss-view__intro h1{font-size:25px;line-height:1.35;margin-block-end:8px}
.ss-view__featured{margin:24px 0;background:var(--ss-soft);border:1px solid var(--ss-line);border-radius:16px;padding:12px;text-align:center}
.ss-view__featured img{display:block;max-inline-size:100%;inline-size:auto;block-size:auto;max-block-size:320px;object-fit:contain;margin-inline:auto;border-radius:8px}
.ss-view__content img{max-inline-size:100%;block-size:auto;object-fit:contain}
.ss-view__content figure{margin-inline:0;margin-block:24px}
.ss-view__content figcaption{font-size:14px;color:var(--ss-muted);margin-block-start:10px;line-height:1.7}
.ss-view__content :is(h2,h3,[id]){scroll-margin-block-start:110px}
.ss-view__content :is(.ss-trust-note,.ss-note,.ss-quick-answer,.ss-quick-summary,.ss-highlight){padding:20px;border:1px solid var(--ss-line);border-inline-start:4px solid var(--ss-teal);border-radius:12px;background:var(--ss-soft);margin-block:24px}
.ss-view__content :is(.ss-medical-disclaimer,.ss-price-note){background:#fffbf1;border-inline-start-color:#96741e}
.ss-view__content :is(.ss-trust-note,.ss-note){font-size:16px;line-height:1.75}
.ss-view__content :is(.ss-trust-note,.ss-note) p:last-child{margin-block-end:0}
.ss-view__toc{border:1px solid var(--ss-line);border-radius:12px;background:var(--ss-soft);margin-block:16px;font-size:16px}
.ss-view__toc summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--ss-ink)}
.ss-view__toc nav{padding:0 16px 16px}.ss-view__toc ol{margin:0;padding-inline-start:24px}
.ss-view__toc a{display:inline-block;padding-block:8px;min-block-size:44px}
.ss-view__jumps{display:flex;gap:8px;flex-wrap:wrap;margin-block:0 16px;font-size:16px}
.ss-view__jumps a{display:inline-flex;align-items:center;min-block-size:44px;padding:8px 12px;background:#fff;border:1px solid #869aac;border-radius:10px;font-weight:700}
.ss-view__content .wp-block-table,.ss-view__table-scroll{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--ss-line);border-radius:12px;margin-block:24px}
.ss-view__content table{border-collapse:collapse;inline-size:100%;font-size:16px;line-height:1.7;text-align:start}
.ss-view__content :is(th,td){padding:14px 16px;border:1px solid var(--ss-line);min-inline-size:140px;vertical-align:top;white-space:normal}
.ss-view__content th{background:#eaf0f5;color:var(--ss-ink);font-weight:700}.ss-view__content tbody tr:nth-child(even){background:#f8fafc}
.ss-view__content caption{padding:12px;text-align:start;font-weight:700}.ss-view__table-hint{font-size:14px;color:var(--ss-muted);margin-block:12px 8px!important}
.ss-view__content summary{cursor:pointer;padding:12px}
.ss-view .pagination{display:flex;justify-content:center;gap:8px;margin-block-start:32px}
.ss-view .pagination :is(a,span){display:inline-flex;min-inline-size:44px;min-block-size:44px;align-items:center;justify-content:center;border-radius:8px;padding:8px}
.ss-view .pagination [aria-current]{background:var(--ss-ink);color:#fff}
/* Existing trust-page vocabulary is owned here; source text/anchors remain untouched. */
.ss-view--service{max-inline-size:1000px}
.ss-view--service .ss-dyn-hero{padding:24px;background:var(--ss-soft);border:1px solid var(--ss-line);border-block-start:4px solid var(--ss-teal);border-radius:16px;margin-block-end:24px}
.ss-view--service .ss-kicker{display:block;font-size:14px;font-weight:700;color:#14604e;margin-block-end:12px}
.ss-view--service .ss-hero-meta{display:flex;gap:8px 20px;flex-wrap:wrap;color:var(--ss-muted);font-size:14px}
.ss-view--service .ss-dyn-hero .ss-hero-summary{background:#fff;border:1px solid var(--ss-line);border-radius:12px;padding:20px;margin-block-start:20px}
.ss-view--service .ss-hero-summary ul{padding-inline-start:20px;margin-block-end:0}
.ss-view--service .ss-page-nav{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px;padding-block:16px;border-block:1px solid var(--ss-line)}
.ss-view--service .ss-page-nav a{padding:8px 12px;min-block-size:44px;border:1px solid var(--ss-line);border-radius:8px;font-size:16px;background:#fff}
.ss-view--service .ss-section{margin-block:32px}.ss-view--service .ss-section-head h2{margin-block-start:0}
.ss-view--service :is(.ss-grid,.ss-split){display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ss-view--service .ss-card{padding:20px;background:#fff;border:1px solid var(--ss-line);border-radius:12px}
.ss-view--service .ss-card h3{margin-block-start:12px}.ss-view--service .ss-card p:last-child{margin-block-end:0}
.ss-view--service .ss-card-no{font-weight:700;color:#14604e;font-size:14px}.ss-view--service .ss-checklist{padding-inline-start:24px}
.ss-view--service .ss-dyn-page{padding:0;max-width:none}.ss-view--service .ss-dyn-grid{grid-template-columns:minmax(0,1fr)}
.ss-view--service .ss-dyn-page h1{font-size:28px;line-height:1.4}
.ss-view--service .ss-dyn-card{transform:none;border-radius:12px}.ss-view--service .ss-dyn-card p{font-size:16px}.ss-view--service .ss-dyn-meta{font-size:14px}
@media(min-width:768px){.ss-view{inline-size:calc(100% - 48px);padding-block:32px 48px}.ss-view h1,.ss-view--service .ss-dyn-page h1{font-size:32px}.ss-view__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ss-view--reading{max-inline-size:720px}.ss-view--service{max-inline-size:1000px}.ss-view--service :is(.ss-grid,.ss-split,.ss-dyn-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.ss-view--service .ss-trust-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.ss-view--service .ss-hero-summary{margin:0;align-self:start}}
@media(min-width:1024px){.ss-view{inline-size:calc(100% - 64px);padding-block:40px 56px}.ss-view h1,.ss-view--service .ss-dyn-page h1{font-size:40px}.ss-view__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ss-view--reading{max-inline-size:760px;font-size:19px}.ss-view--service{max-inline-size:1000px}.ss-view h2{font-size:30px}.ss-view__card h2{font-size:24px}.ss-view--service .ss-section{margin-block:48px}}
@media(prefers-reduced-motion:reduce){.ss-view *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* PHP-owned table region replaces the redundant legacy figure scroll box. */
.ss-view--article .wp-block-table:has(>.ss-view__table-scroll){overflow:visible;border:0;border-radius:0}

/* Article-type navigation and concise Rank Math breadcrumbs. */
.ss-view .rank-math-breadcrumb{margin-block:0 16px;padding:10px 14px;background:#f5f7fa;border:1px solid #d8e3e9;border-radius:12px;color:#66777d;font-size:14px;line-height:1.6}
.ss-view .rank-math-breadcrumb p{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
.ss-view .rank-math-breadcrumb a{flex:0 0 auto;color:#146f5c;text-decoration:none;font-weight:600}
.ss-view .rank-math-breadcrumb a:hover{text-decoration:underline;text-decoration-thickness:2px}
.ss-view .rank-math-breadcrumb .separator{flex:0 0 auto;color:#9aa8ac}
.ss-view .rank-math-breadcrumb .last{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;color:#163a5f;font-weight:600}
.ss-view__type-nav{margin-block-start:18px;padding-block-start:16px;border-block-start:1px solid var(--ss-line)}
.ss-view__type-nav-label{display:block;margin-block-end:10px;color:var(--ss-muted);font-size:14px;font-weight:700}
.ss-view__type-links{display:flex;flex-wrap:wrap;gap:8px}
.ss-view__type-links a{display:inline-flex;align-items:center;min-block-size:42px;padding:7px 12px;border:1px solid #cbd9df;border-radius:999px;background:#fff;color:#163a5f;text-decoration:none;font-size:14px;font-weight:700;line-height:1.35}
.ss-view__type-links a:hover{border-color:#1f8a70;color:#146f5c;text-decoration:none}
.ss-view__type-links a[aria-current="page"]{border-color:#163a5f;background:#163a5f;color:#fff}
.ss-view__type{padding:3px 8px;border-radius:999px;background:#eef5f5;color:#146f5c;font-weight:700}
@media(max-width:600px){
  .ss-view--article .rank-math-breadcrumb{display:inline-flex;max-inline-size:100%;padding:8px 11px;margin-block-end:12px}
  .ss-view--article .rank-math-breadcrumb p{display:block;overflow:visible}
  .ss-view--article .rank-math-breadcrumb p>a:first-child,
  .ss-view--article .rank-math-breadcrumb p>a:first-child+.separator,
  .ss-view--article .rank-math-breadcrumb p>a:nth-of-type(2)+.separator,
  .ss-view--article .rank-math-breadcrumb .last{display:none}
  .ss-view--article .rank-math-breadcrumb p>a:nth-of-type(2)::before{content:"‹ ";color:#9aa8ac}
  .ss-view__type-links{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding:7px 7px 10px;scroll-padding-inline:7px;scrollbar-width:thin}
  .ss-view__type-links a{flex:0 0 auto}
}

/* Search result groups: data-driven sections for guides, comparisons and products. */
.ss-search-group{margin-block:32px}
.ss-search-group:first-of-type{margin-block-start:0}
.ss-search-group .ss-discovery__group-title{margin-block:0 16px;padding-block-end:10px;border-block-end:1px solid var(--ss-line)}
.ss-search-group--featured{padding:20px;border:1px solid var(--ss-line);border-radius:16px;background:var(--ss-soft)}
.ss-search-group--featured .ss-discovery__group-title{margin-block:0 16px}
.ss-search-group--featured .ss-view__card{background:#fff}
.ss-search-group--comparisons .ss-discovery__group-title{color:#146f5c}
.ss-search-group--products .ss-discovery__group-title{color:#5a4275}
@media(max-width:600px){
  .ss-search-group{margin-block:24px}
  .ss-search-group--featured{padding:14px}
  .ss-search-group .ss-discovery__group-title{font-size:22px}
}