/* Keep the RFT shell's charcoal, rose accent and existing site typography. */
.map-editor-about { color:var(--rft-muted,#bdcbd7); line-height:1.7; }
.map-editor-about p { max-width:78ch; margin:0 0 18px; }
.map-editor-about h2,.map-editor-about h3 { color:var(--rft-text,#f3f6f8); text-transform:none; letter-spacing:normal; }
.map-editor-about h2 { font-size:clamp(23px,2vw,29px); line-height:1.3; margin:0 0 18px; }
.map-editor-about h3 { font-size:19px; line-height:1.4; margin:28px 0 10px; }
.map-editor-about strong { color:var(--rft-text,#f3f6f8); }
.map-editor-about a { text-underline-offset:4px; }
.map-editor-about__breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; margin-bottom:22px; }
.map-editor-about__hero { padding:0 0 28px; }
.map-editor-about .map-editor-about__lead { font-size:18px; max-width:64ch; }
.map-editor-about .map-editor-about__free { color:var(--rft-text,#f3f6f8); font-size:22px; font-weight:600; margin:24px 0 18px; }
.map-editor-about__actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin:22px 0 14px; }
.map-editor-about__actions .tuner-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.map-editor-about__actions>a:not(.tuner-button) { text-decoration:underline; }
.map-editor-about__beta { border:1px solid #8e744b; border-radius:3px; color:#ebcc98; font-size:12px; font-weight:600; padding:1px 8px; }
.map-editor-about .map-editor-about__small { font-size:13px; margin-top:14px; }
.map-editor-about__contents { display:flex; flex-wrap:wrap; gap:8px 24px; padding:14px 0; border-block:1px solid var(--rft-border,#424c53); }
.map-editor-about__contents a { padding:5px 0; font-size:14px; text-decoration:underline; }
.map-editor-about__section { padding:36px 0; border-bottom:1px solid var(--rft-border,#424c53); scroll-margin-top:110px; }
.map-editor-about__section-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 20px; margin-bottom:18px; }
.map-editor-about__section-heading h2 { margin:0; }
.map-editor-about__support { color:#9cdbc1; font-size:13px; font-weight:600; }
.map-editor-about__table-wrap { max-width:100%; overflow-x:auto; margin:22px 0; }
.map-editor-about table { width:100%; min-width:540px; border-collapse:collapse; font-size:14px; text-align:left; }
.map-editor-about caption { caption-side:top; text-align:left; color:var(--rft-muted,#bdcbd7); padding:0 0 12px; font-size:13px; }
.map-editor-about th,.map-editor-about td { padding:13px 16px; border-bottom:1px solid var(--rft-border,#424c53); vertical-align:top; }
.map-editor-about thead { background:var(--rft-surface,#292f34); color:var(--rft-text,#f3f6f8); }
.map-editor-about tbody th { color:var(--rft-text,#f3f6f8); font-weight:600; }
.map-editor-about__solutions { margin:24px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.map-editor-about__solutions dt { font-size:20px; color:var(--rft-text,#f3f6f8); margin-bottom:8px; }
.map-editor-about__solutions dd { margin:0; font-size:14px; }
.map-editor-about__filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:24px 0 12px; }
.map-editor-about__filters>div:first-child { flex:1 1 280px; }
.map-editor-about__filters>div:nth-child(2) { flex:0 1 220px; }
.map-editor-about__filters input,.map-editor-about__filters select { width:100%; }
.map-editor-about__reset { min-height:44px; padding:8px 0; background:transparent; border:0; color:#ed98a9; text-decoration:underline; text-underline-offset:4px; }
.map-editor-about__make { border-bottom:1px solid var(--rft-border,#424c53); }
.map-editor-about__make:first-child { border-top:1px solid var(--rft-border,#424c53); }
.map-editor-about__make>summary { cursor:pointer; padding:17px 12px; color:var(--rft-text,#f3f6f8); font-size:17px; font-weight:600; }
.map-editor-about__make>summary:hover { background:var(--rft-surface,#292f34); }
.map-editor-about__make>summary span { display:inline-block; margin-left:14px; font-size:13px; color:var(--rft-muted,#bdcbd7); font-weight:400; }
.map-editor-about__make .map-editor-about__table-wrap { margin:0 0 20px; }
.map-editor-about__make table { min-width:600px; }
.map-editor-about__make tbody th { width:36%; }
.map-editor-about__make td:nth-child(2) { white-space:nowrap; }
.map-editor-about__make caption { padding:8px 16px; }
.map-editor-about__make,.map-editor-about__make tr { scroll-margin-top:110px; }
.map-editor-about__make tr:target { background:#353037; }
.map-editor-about__aliases { display:block; margin-top:7px; font-size:12px; font-weight:400; color:var(--rft-muted,#bdcbd7); }
.map-editor-about__unavailable { color:var(--rft-muted,#bdcbd7); font-size:13px; }
.map-editor-about__benefits { max-width:78ch; padding-left:22px; margin:20px 0; }
.map-editor-about__benefits li { padding:4px 0; }
.map-editor-about__family { display:grid; grid-template-columns:190px minmax(0,1fr); gap:20px; padding:20px 0; border-top:1px solid var(--rft-border,#424c53); }
.map-editor-about__family h3 { font-size:17px; margin:0; }
.map-editor-about__family ul { display:flex; flex-wrap:wrap; align-content:start; gap:6px 18px; list-style:none; padding:0; margin:0; }
.map-editor-about__family li { font-size:13px; }
.map-editor-about__family a { display:inline-block; padding:3px 0; text-decoration:underline; }
.map-editor-about__make-index { display:flex; flex-wrap:wrap; gap:6px 18px; margin:22px 0; }
.map-editor-about__make-index a { font-size:14px; text-decoration:underline; padding:4px 0; }
.map-editor-about__functions { display:flex; flex-wrap:wrap; gap:6px 14px; list-style:none; margin:0; padding:0; }
.map-editor-about__functions li { color:#c5e6db; }
.map-editor-about__faq { border:0; padding-bottom:0; }
.map-editor-about [hidden] { display:none !important; }
@media(max-width:575px) {
    .map-editor-about__hero { padding-bottom:16px; }
    .map-editor-about__solutions { grid-template-columns:1fr; gap:20px; }
    .map-editor-about__section { padding:28px 0; }
    .map-editor-about .map-editor-about__lead { font-size:16px; }
    .map-editor-about .map-editor-about__free { font-size:20px; }
    .map-editor-about__contents { gap:6px 18px; }
    .map-editor-about__make>summary span { margin-left:8px; }
    .map-editor-about__family { grid-template-columns:1fr; gap:12px; }
}
