/* SEO content section: service pages, guides, tools. Phone-first, no animation.
   Colours come from the global custom properties set in app.css. */

.c-page{max-width:calc(68ch + 32px);margin-inline:auto;padding:24px 16px 56px;font-size:17px;line-height:2;color:var(--text)}
.c-page section{padding-block:0}
.c-page h1{font-size:1.6rem;line-height:1.6;color:var(--ink);margin-bottom:10px}
.c-page h2{font-size:1.25rem;line-height:1.7;color:var(--ink);margin:34px 0 10px}
.c-page h3{font-size:1.06rem;line-height:1.7;color:var(--ink);margin:0 0 6px}
.c-page p{margin-bottom:14px}
.c-page a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.c-page :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.c-page table,.c-page bdi{unicode-bidi:isolate}

.c-crumb{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.86rem;color:var(--muted);margin-bottom:14px}
.c-crumb a{color:var(--muted)}
.c-lead{font-size:1.06rem}
.c-date{font-size:.88rem;color:var(--muted)}
.c-small{font-size:.88rem;color:var(--muted);margin-top:28px}
.c-next{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.c-end{margin-top:6px}

.c-prose ul,.c-prose ol,.c-sources ul,.c-related ul{padding-inline-start:22px;margin-bottom:16px}
.c-prose li,.c-sources li,.c-related li{margin-bottom:6px}
.c-sources ul{font-size:.92rem}

.c-alert{background:var(--warn-bg);color:var(--warn-tx);border-radius:12px;padding:14px 16px;margin:18px 0}
.c-alert p{margin:0}
.c-alert a{color:inherit}
.c-alert-err{background:color-mix(in srgb,var(--err) 8%,#fff);color:var(--ink);border-inline-start:4px solid var(--err)}

.c-table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:.95rem}
.c-table th,.c-table td{text-align:start;vertical-align:top;padding:10px 12px;border:1px solid var(--line)}
.c-table thead th{background:var(--tint);color:var(--ink)}
@media (max-width:640px){
  .c-table:not(.c-table-keep) thead{display:none}
  .c-table:not(.c-table-keep),.c-table:not(.c-table-keep) tbody,.c-table:not(.c-table-keep) tr,.c-table:not(.c-table-keep) th,.c-table:not(.c-table-keep) td{display:block;width:100%}
  .c-table:not(.c-table-keep) tr{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:6px 0}
  .c-table:not(.c-table-keep) th,.c-table:not(.c-table-keep) td{border:0;padding:6px 14px}
  .c-table:not(.c-table-keep) th{font-weight:800;color:var(--ink)}
  .c-table:not(.c-table-keep) td[data-label]::before{content:attr(data-label) ": ";font-weight:700;color:var(--muted)}
}

.c-btn{display:inline-block;text-align:center;font-family:inherit;font-size:.98rem;font-weight:700;line-height:1.7;padding:9px 22px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.c-page a.c-btn{color:var(--ink);text-decoration:none}
.c-btn-solid,.c-page a.c-btn-solid{background:var(--brand);border-color:var(--brand);color:#fff}
.c-btn-sm{font-size:.86rem;padding:5px 14px}

.c-price{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;margin:20px 0}
.c-price-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:6px}
.c-price-label{color:var(--muted);font-size:.92rem}
.c-price-num{font-size:1.5rem;font-weight:800;color:var(--ink)}
.c-price-num small{font-size:.9rem;font-weight:400;color:var(--muted)}
.c-price p{font-size:.9rem;color:var(--muted)}

.c-faq dt{font-weight:800;color:var(--ink);margin-top:14px}
.c-faq dd{margin:2px 0 0}

.c-group ul{list-style:none;padding:0;margin:0}
.c-cards{display:grid;gap:10px;grid-template-columns:1fr}
.c-cards a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--text)}
.c-cards strong{display:block;color:var(--ink);line-height:1.8}
.c-cards span{display:block;font-size:.92rem;color:var(--muted);line-height:1.9}
.c-cards a:hover{border-color:var(--brand)}
@media (min-width:560px){.c-cards-2{grid-template-columns:1fr 1fr}}

/* tools */
.t-note{background:var(--tint);border-radius:12px;padding:12px 14px;margin:14px 0;font-size:.92rem}
.t-note p{margin:0}
.t-note h2{margin-top:0;font-size:1.05rem}
.t-tool{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;margin:20px 0}
.t-q fieldset{border:0;padding:0;margin:0;min-width:0}
.t-q legend{padding:0;margin-bottom:12px;width:100%}
.t-step{display:block;font-size:.84rem;color:var(--muted)}
.t-qtext{display:block;font-weight:800;color:var(--ink);line-height:1.8;font-size:1.08rem}
.t-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer;line-height:1.8}
.t-opt input{margin-top:7px;flex:none;width:18px;height:18px;accent-color:var(--brand)}
.t-opt:has(input:checked){border-color:var(--brand);background:var(--tint)}
.t-err{color:var(--err);font-size:.9rem;margin:6px 0 0}
.t-err:empty{display:none}
.t-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.t-result h3{font-size:1.2rem}
.t-result .t-res{border:0;padding:0;margin:0 0 6px;background:none}
.t-cta{font-size:.95rem}
.t-res{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;margin:10px 0}
.t-res p:last-child{margin-bottom:0}

.rd-controls label[for]{display:block;font-weight:700;color:var(--ink);margin-bottom:4px}
#rd-search{width:100%;font-family:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.rd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.rd-chip{font-family:inherit;font-size:.88rem;line-height:1.7;padding:4px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer}
.rd-chip[aria-pressed="true"]{background:var(--tint);border-color:var(--brand);color:var(--ink);font-weight:700}
.rd-count{font-size:.88rem;color:var(--muted);margin:4px 0 0;min-height:1.6em}
.rd-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;margin:10px 0}
.rd-card h3{text-align:start;margin-bottom:2px;unicode-bidi:isolate}
.rd-phrase{margin:0 0 6px;font-size:.95rem;color:var(--muted);text-align:end}
.rd-card h3[dir=ltr]{text-align:end}
.rd-flag{display:inline-block;font-size:.8rem;font-weight:700;color:var(--err);margin:0 0 4px}
.rd-card dl{margin:0}
.rd-card dt{font-size:.86rem;font-weight:700;color:var(--muted);margin-top:6px}
.rd-card dd{margin:0}
.rd-pick{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.92rem;font-weight:700;color:var(--ink);cursor:pointer}
.rd-pick input{width:18px;height:18px;accent-color:var(--brand)}
.rd-pick[hidden]{display:none}
.rd-picked{border:1.5px solid var(--brand);border-radius:16px;background:var(--tint);padding:14px;margin:18px 0}
.rd-picked h2{margin-top:0}
.rd-picked h3{margin-top:14px}
.rd-picked .rd-card h3{margin-top:0}
.rd-picked ul{padding-inline-start:20px;margin-bottom:10px}
.rd-picked li{margin-bottom:6px}
.rd-picked .c-btn{margin-top:8px}
.rd-serious{color:var(--err);font-weight:700}
.rd-steps ul{padding-inline-start:22px}
.rd-steps li{margin-bottom:6px}
.rd-see{margin-top:8px}
.rd-see[hidden],.rd-card[hidden],.rd-cat[hidden],#rd-none[hidden],.rd-picked[hidden],.rd-serious[hidden]{display:none}
@media (min-width:768px){
  .c-page{padding-top:36px}
  .c-page h1{font-size:1.9rem}
  .c-page h2{font-size:1.32rem}
}