/* Shared product design. Loaded after the legacy layout and homepage styles.
   Page classes come from the shared header; functional states remain unchanged. */
:root {
  --bg:#f8f9f6; --surface:#fff; --surface-2:#f2f4f0; --surface-glass:#fff;
  --text:#20292d; --muted:#697174; --border:#dfe3dd;
  --accent:#ce303b; --accent-dark:#ad2430; --accent-soft:#fbf0f1;
  --teal:#ce303b; --focus:rgba(206,48,59,.16);
  --radius-sm:7px; --radius-md:10px; --radius-lg:12px; --radius-xl:14px;
  --shadow-sm:0 2px 8px #20292d04; --shadow-md:0 8px 24px #20292d08;
  --font-sans:'SMR Inter',Arial,sans-serif; --font-display:var(--font-sans); --font-heading:var(--font-sans);
  --brand-teal:#596b5f; --brand-teal-rgb:89,107,95; --brand-teal-light:#f2f4f0;
  --bs-primary:#ce303b; --bs-primary-rgb:206,48,59;
}
.smr-site .btn {font-family:var(--font-sans);font-weight:600;border-radius:8px;box-shadow:none;transform:none;letter-spacing:0;line-height:1.5}
.smr-site .btn:hover {transform:none;box-shadow:none}
.smr-site .btn-primary {background:#ce303b;border-color:#ce303b;color:#fff}
.smr-site .btn-primary:hover,.smr-site .btn-primary:active {background:#ad2430;border-color:#ad2430;color:#fff}
.smr-site :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.btn-light) {background:#fff;border:1px solid #d4d9d3;color:#303b3e}
.smr-site :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.btn-light):hover {background:#f2f4f0;border-color:#a6afa6;color:#20292d}
.smr-site .btn:focus-visible {outline:3px solid #a82232!important;outline-offset:3px;box-shadow:none!important}
.smr-site .btn:disabled {opacity:.55}
.smr-site :is(.dropdown-menu,.modal-content,.offcanvas) {border-color:var(--border);border-radius:12px;background:#fff;box-shadow:0 12px 40px #20292d14}
.smr-site .dropdown-item {font-size:13px;border-radius:5px}
.smr-site .dropdown-item:is(:hover,:focus,.active) {background:#fbf0f1;color:#ad2430}
.smr-site .nav-link[aria-current=page] {color:#ad2430!important}
.smr-site .text-primary {color:#ad2430!important}
.smr-site .bg-primary {background-color:#ce303b!important}
.smr-site :is(.form-control,.form-select,.input-group-text) {border-color:#cdd4cc;border-radius:7px;box-shadow:none;background-color:#fff;color:var(--text);font-size:14px;min-height:43px}
.smr-site :is(.form-control,.form-select):focus {border-color:#ce303b;box-shadow:0 0 0 3px #ce303b18}
.smr-site .form-control:disabled {background:#f2f4f0}
.smr-site .form-label {font-size:12px;font-weight:600;color:#414c4e;margin-bottom:7px}
.smr-site .form-text {font-size:12px;line-height:1.6;color:var(--muted)}
.smr-site .form-check-input:checked {background-color:#ce303b;border-color:#ce303b}
.smr-site .form-check-input:focus {border-color:#ce303b;box-shadow:0 0 0 3px #ce303b18}
.smr-site .input-group>:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}
.smr-site .input-group>:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}
.smr-app {font-size:14px;line-height:1.65}
.smr-app .main-content {padding:38px 0 64px;background:var(--bg);min-height:65vh}
.smr-app .main-content>.container,.smr-app .main-content>section>.container,.smr-app .main-content>.section-white>.container {max-width:1160px;background:transparent;border:0;border-radius:0;box-shadow:none}
.smr-app .main-content>.container {margin-top:0!important;margin-bottom:0!important}
.smr-app .main-content>.container {width:100%;padding-left:20px;padding-right:20px}
.smr-app .main-content>section,.smr-app .main-content>.section-white {width:100%;max-width:none;padding-left:0;padding-right:0}
.smr-app .main-content>section,.smr-app .section-white {background:transparent;border:0;border-radius:0;box-shadow:none;padding-top:0;padding-bottom:0}
.smr-app h1 {font-size:clamp(29px,3.1vw,42px);line-height:1.15;font-weight:600;letter-spacing:-.055em;color:var(--text);margin-bottom:16px}
.smr-app h1 small {display:block;font-size:15px;letter-spacing:0;margin-top:12px}
.smr-app h2 {font-size:24px;line-height:1.3;letter-spacing:-.035em;font-weight:600}
.smr-app h3 {font-size:20px;letter-spacing:-.025em;font-weight:600}
.smr-app :is(h4,h5,.h5) {font-size:16px;letter-spacing:-.025em;font-weight:600}
.smr-app .lead {font-size:15px;font-weight:400;line-height:1.8;color:var(--muted);max-width:650px}
.smr-app p {text-transform:none}
.smr-app .hero-kicker {background:transparent;border:0;padding:0;margin-bottom:16px}
.smr-app a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link) {text-decoration-color:#d9b0b5}
.smr-app .main-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.badge):not(.text-dark) {color:#a92c36}
.smr-app :is(.hero-kicker,.stat-label) {font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#6c7676}
.smr-app :is(.page-hero,.marketing-hero) {padding:0;margin-bottom:30px;background:transparent;border:0;box-shadow:none}
.smr-app :is(.glass-panel,.dashboard-hero,.community-header,.journeys-toolbar,.admin-hero) {padding:0 0 28px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.smr-app :is(.card,.panel,.dashboard-card,.stat-card,.dashboard-kpi,.admin-panel,.auth-wrapper,.feature-card,.pricing-card,.profile-header-card,.profile-activity,.profile-stat,.community-sidebar,.journey-card) {border:1px solid var(--border);background:#fff;border-radius:12px;box-shadow:none;transform:none}
.smr-app :is(.card,.panel,.dashboard-card,.stat-card,.dashboard-kpi,.feature-card,.pricing-card,.journey-card):hover {box-shadow:none;transform:none;border-color:var(--border)}
.smr-app .card-header {background:#fff;border-bottom:1px solid var(--border);padding:18px 22px}
.smr-app .card-body {padding:24px}
.smr-app .card-footer {background:#fbfcfa;border-top:1px solid var(--border);padding:15px 24px}
.smr-app :is(.stat-value,.dashboard-kpi-value) {font-size:30px;line-height:1.25;font-weight:550;letter-spacing:-.05em;color:var(--text)}
.smr-app :is(.stat-sub,.dashboard-kpi-label) {font-size:12px;color:var(--muted)}
.smr-app :is(.stat-card,.dashboard-kpi) {padding:22px}
.smr-app :is(.dashboard-kpi-icon,.feature-icon,.auth-icon,.stat-icon) {background:#fbf0f1;color:#ce303b;border:1px solid #f0dadd;box-shadow:none;border-radius:10px}
.smr-app :is(.pill,.badge-soft,.admin-pill,.hero-pill) {background:#f2f4f0;border:1px solid var(--border);color:#53615b;box-shadow:none}
.smr-app .badge {font-weight:500;letter-spacing:0;border-radius:5px;white-space:normal;line-height:1.4}
.smr-app .table {--bs-table-bg:#fff;--bs-table-striped-bg:#fafbf8;--bs-table-hover-bg:#f5f7f2;border-color:var(--border);font-size:13px;vertical-align:middle}
.smr-app .table th {background:#f5f7f2;color:#697174;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:13px 15px}
.smr-app .table td {padding:16px 15px;border-color:var(--border)}
.smr-app .table-responsive {border:1px solid var(--border);border-radius:10px;background:#fff}
.smr-app .table-responsive .table {margin-bottom:0}
.smr-app .nav-tabs {border-bottom:1px solid var(--border);gap:8px;background:transparent}
.smr-app .nav-tabs .nav-link {border:0;border-radius:0;padding:14px 18px;background:transparent;color:var(--muted);font-size:13px}
.smr-app .nav-tabs .nav-link.active {border-bottom:2px solid #ce303b;background:transparent;color:#ad2430;box-shadow:none}
.smr-app .list-group-item {border-color:var(--border);padding:18px 20px;background:#fff}
.smr-app .accordion-item {border-color:var(--border);background:#fff}
.smr-app .accordion-button {background:#fff;color:var(--text);font-size:14px;box-shadow:none}
.smr-app .accordion-button:not(.collapsed) {background:#f5f7f2;color:var(--text)}
.smr-app .pagination .page-link {border-color:var(--border);color:var(--text)}
.smr-app .pagination .active>.page-link {background:#ce303b;border-color:#ce303b;color:#fff}
.smr-app .alert {border-radius:8px;font-size:13px;line-height:1.7;box-shadow:none}
.smr-app :is(.empty-state,.community-empty-state) {border:1px dashed #cbd2c8;background:#fafbf8;border-radius:12px;padding:36px;text-align:center}
/* Planner: inputs and map share one workspace. Result cards retain their JS visibility. */
:is(.smr-page-route-planner,.smr-page-view-route) .hero-grid {display:block}
:is(.smr-page-route-planner,.smr-page-view-route) .planner-hero-copy {max-width:none}
:is(.smr-page-route-planner,.smr-page-view-route) .planner-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
:is(.smr-page-route-planner,.smr-page-view-route) .planner-grid>.panel {padding:24px;min-width:0}
:is(.smr-page-route-planner,.smr-page-view-route) .planner-map {position:sticky;top:24px;margin-top:0!important;min-width:0}
.smr-app .map-shell {background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:none;overflow:hidden}
.smr-app .map-shell-head {background:#fff;padding:18px 20px;border-bottom:1px solid var(--border)}
.smr-app .map-shell-title {font-size:16px}
.smr-app .map-shell-subtitle {font-size:12px;line-height:1.7;color:var(--muted)}
.smr-app .map-shell-badge {background:#f2f4f0;border-color:var(--border);color:#596b5f}
:is(.smr-page-route-planner,.smr-page-view-route) .planner-map-canvas {height:650px;min-height:420px;max-height:75vh;background:#eef1eb}
.smr-app :is(.onboarding-card,.template-panel,.route-stop-summary,.dashboard-portfolio-card,.chart-shell) {background:#f8f9f6;border:1px solid var(--border);border-radius:9px;box-shadow:none}
.smr-app .onboarding-card {padding:17px}
.smr-app .onboarding-card>summary {cursor:pointer;font-size:12px;font-weight:600;list-style-position:inside}
.smr-app .onboarding-card[open]>summary {margin-bottom:18px}
.smr-app .quick-steps {grid-template-columns:1fr;gap:6px}
.smr-app .quick-step {padding:7px 9px;border:0;background:transparent;box-shadow:none;border-radius:6px;font-size:12px}
.smr-app .quick-step:hover {background:#fff}
.smr-app .step-badge {background:#fbf0f1;color:#ad2430;border:1px solid #f0dadd;border-radius:6px}
.smr-app .address-group {background:#fafbf8;border:1px solid var(--border);border-radius:9px;padding:14px;box-shadow:none}
.smr-app .route-hero-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
.smr-app .planner-actions {gap:10px}
.smr-app .planner-actions .btn {white-space:normal}
/* Saved routes, discovery and personal workspace. */
.smr-app .dashboard-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.smr-app .dashboard-kpi-icon {width:34px;height:34px;font-size:14px;margin-bottom:17px}
.smr-app .dashboard-hero-actions {flex-direction:row;align-items:center}
.smr-app .dashboard-details {border:1px solid var(--border);border-radius:12px;background:#fff;margin-bottom:24px}
.smr-app .dashboard-details>summary {padding:20px 24px;cursor:pointer;font-weight:600;list-style-position:inside}
.smr-app .dashboard-details>summary span {font-weight:400;color:var(--muted);font-size:12px;margin-left:12px}
.smr-app .dashboard-details[open]>summary {border-bottom:1px solid var(--border);margin-bottom:20px}
.smr-app .dashboard-details>.dashboard-kpi-grid {padding:0 24px}
.smr-app .dashboard-details>.dashboard-card {border:0;margin-bottom:0!important}
.smr-app :is(.community-route-card,.journey-card) {overflow:visible}
.smr-app .community-route-card .card-title a,.smr-app .journey-card .card-title a {color:var(--text);text-decoration:none}
.smr-app .community-route-card .card-title a:hover,.smr-app .journey-card .card-title a:hover {color:#ad2430}
.smr-app :is(.community-filter-panel,.journeys-filter-panel,.filter-panel) {background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:none}
.smr-app .profile-header-card {padding:28px}
.smr-app .profile-stats {gap:16px}
.smr-app .profile-stat {padding:20px}
.smr-app .profile-tabs .nav-link {border-radius:7px;font-size:13px;color:var(--muted);background:transparent}
.smr-app .profile-tabs .nav-link.active {background:#fbf0f1;color:#ad2430;border:1px solid #ebc7cb}
.smr-app .no-journey-cta {background:#fff;border:1px dashed #cbd2c8;border-radius:12px;padding:28px;color:var(--text)}
.smr-app .no-journey-cta p {color:var(--muted);font-size:14px}
.smr-app .community-page .card.shadow-sm {box-shadow:none!important;border:1px solid var(--border)!important;border-radius:12px}
.smr-app .community-page .community-header .lead {text-transform:none;font-size:14px;letter-spacing:0}
.smr-app .community-more-actions {width:100%;margin-top:6px}
.smr-app .community-more-actions summary {cursor:pointer;font-size:12px;color:var(--muted);padding:8px 0;list-style-position:inside}
.smr-app .community-more-actions .community-secondary-actions {margin:10px 0}
.smr-app .community-more-actions>.btn {margin-top:8px}
.smr-app .community-route-metadata span {border:0;background:#f4f6f1;border-radius:5px}
.smr-app .community-route-card .card-title a {color:var(--text)!important}
.smr-app .community-route-card .card {overflow:hidden}
.smr-app .community-page .stats-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.smr-page-accept_invite .main-content>.container {max-width:640px}
.smr-app .smr-invite-heading {padding-bottom:12px}
.smr-app .page-header {background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 8px}
.smr-app .journey-card {border:0;background:transparent;border-radius:0;box-shadow:none}
.smr-app .journey-card .card {border:1px solid var(--border);border-radius:12px;box-shadow:none;overflow:visible}
.smr-app .journey-card .card-body {gap:12px}
.smr-app .journey-card .card-text {font-size:13px;line-height:1.8}
.smr-app .journey-card .card-title {font-size:17px;line-height:1.4}
.smr-app .journey-card .card-footer {border-radius:0 0 12px 12px}
/* Account and editorial pages use the same typography and form language. */
.smr-area-auth .auth-container {min-height:0;padding:20px 20px 40px;background:transparent;display:block}
.smr-area-auth .auth-wrapper {max-width:480px!important;margin:0 auto;padding:36px;text-align:left!important}
.smr-area-auth .auth-wrapper>i {font-size:22px!important;background:#fbf0f1;color:#ce303b!important;border:1px solid #f0dadd;border-radius:10px;padding:13px;margin-bottom:22px!important}
.smr-area-auth h1 {font-size:30px;letter-spacing:-.045em;margin-bottom:10px!important}
.smr-area-auth .auth-wrapper>p {font-size:13px;color:var(--muted)}
.smr-area-auth .auth-wrapper form {margin-top:24px}
.smr-area-auth .auth-wrapper .btn.w-100 {min-height:44px}
.smr-page-register .auth-wrapper,.smr-page-edit_profile .auth-wrapper {max-width:720px!important}
.smr-page-register .auth-wrapper {max-width:540px!important}
.smr-avatar-options {border:1px solid var(--border);border-radius:8px;padding:14px}
.smr-avatar-options summary {cursor:pointer;font-size:12px;font-weight:600;list-style-position:inside}
.smr-avatar-options summary span {font-weight:400;color:var(--muted);margin-left:8px}
.smr-avatar-options[open] summary {margin-bottom:16px}
.smr-page-edit_profile .main-content>.section-white>.container {max-width:800px}
.smr-page-edit_profile form {background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;margin-top:26px}
.smr-page-edit_profile fieldset {border-color:var(--border)!important;border-radius:9px;background:#fafbf8;padding:22px!important}
.smr-page-edit_profile legend {font-size:16px;letter-spacing:-.02em;font-weight:600;margin-bottom:18px}
.smr-page-edit_profile .profile-edit-actions {padding-top:8px}
.smr-page-edit_profile .profile-edit-actions .btn-danger {margin-left:auto;background:#fff;color:#ad2430;border-color:#ebc7cb}
.smr-area-marketing .auth-container {padding:10px 20px 0;background:transparent;min-height:0;display:block}
.smr-area-marketing .auth-container>.auth-wrapper {max-width:800px!important;margin:0 auto 28px;padding:28px;text-align:left!important}
.smr-area-marketing .auth-container>.auth-wrapper:first-child {background:transparent;border:0;padding:0;box-shadow:none}
.smr-area-marketing .auth-container>.auth-wrapper:first-child>i {display:none}
.smr-area-marketing .marketing-page {max-width:1120px;margin:auto}
.smr-area-marketing .marketing-hero h1 {max-width:760px}
.smr-area-marketing .marketing-hero p {max-width:680px;font-size:15px;color:var(--muted)}
.smr-area-marketing :is(.marketing-section,.marketing-cta,.pricing-faq) {background:transparent;box-shadow:none;border:0;padding:30px 0}
.smr-area-marketing .pricing-card.featured {border:1px solid #ce303b}
.smr-area-marketing .pricing-card .price {color:var(--text)}
.smr-area-marketing .product-hero {text-align:left;padding:12px 0 40px;background:transparent;border:0;box-shadow:none}
.smr-area-marketing .product-hero h1 {margin:16px 0;font-size:clamp(32px,3.5vw,48px);max-width:760px}
.smr-area-marketing .product-hero .lead {margin:0;max-width:660px}
.smr-area-marketing .product-hero-actions {justify-content:flex-start;gap:12px}
.smr-area-marketing .hero-kicker {background:transparent;border:0;padding:0;border-radius:0}
.smr-area-marketing .product-panel {border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;padding:36px 0}
.smr-area-marketing .home-section-head {text-align:left;margin-bottom:26px}
.smr-area-marketing .home-section-head p {margin-left:0;font-size:14px}
.smr-area-marketing .product-feature-grid {gap:20px}
.smr-area-marketing .product-feature-card {padding:28px}
.smr-area-marketing .product-feature-card .icon-badge {margin-bottom:20px}
.smr-area-marketing :is(.product-feature-card,.home-feature-card) p {font-size:14px;line-height:1.8}
.smr-area-marketing .product-check-list {font-size:13px}
.smr-area-marketing .product-cta-panel {text-align:left}
.smr-area-marketing .product-cta-panel p {font-size:14px;max-width:650px}
.smr-area-marketing .pricing-card--featured {border-color:#ce303b}
.smr-page-about .auth-container {max-width:1000px;margin:auto}
.smr-page-about .auth-container>.auth-wrapper:first-child .lead {margin-left:0!important}
.smr-page-about .auth-container>.auth-wrapper>.card {border:0;box-shadow:none!important;background:transparent}
.smr-page-about .auth-container>.auth-wrapper>.card>.card-body {padding:8px!important}
.smr-page-about .card.shadow-sm {box-shadow:none!important;border:1px solid var(--border)!important;border-radius:12px}
/* Admin shares the public product's neutral surfaces and compact controls. */
.smr-area-admin .admin-nav {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px;max-width:1320px;padding:0 20px 24px;margin:0 auto 28px!important;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}
.smr-area-admin .admin-nav-link {font-size:12px;padding:9px 12px;background:#fff;border:1px solid var(--border);color:#596466}
.smr-area-admin .admin-nav-link.active {background:#fbf0f1;border-color:#ebc7cb;color:#ad2430;box-shadow:none}
.smr-area-admin .main-content>.container,.smr-area-admin .main-content>section>.container {max-width:1320px}
.smr-area-admin .admin-panel {padding:24px}
.smr-area-admin .admin-hero h1 {font-size:34px}
.smr-area-admin .table .btn {font-size:12px;padding:6px 10px}
/* Bring the standalone toolkit into the same palette. */
.smr-site .trip-tools :is(.tool-heading p,.tool-panel>p,.tool-fields label,.tool-stop label,.tool-results p,.tool-disclaimer,.tool-storage-note,.tool-summary) {color:#697174}
.smr-site .trip-tools :is(.tool-results,.tool-stop) {background:#f3f5f0;border-color:var(--border)}
.smr-site .trip-tools :is(.tool-fields input,.tool-fields select,.tool-stop input) {background:#fff;border-color:#cdd4cc;color:var(--text)}
.smr-site .trip-tools .tool-tabs a {color:var(--text);border-color:var(--border)}
.smr-site .trip-tools .tool-result-row {border-color:var(--border)}
.smr-site .trip-tools .tool-panel {border-color:var(--border);border-radius:12px}
@media(max-width:1199px) {:is(.smr-page-route-planner,.smr-page-view-route) .planner-grid{grid-template-columns:1fr}:is(.smr-page-route-planner,.smr-page-view-route) .planner-map{position:static}:is(.smr-page-route-planner,.smr-page-view-route) .planner-map-canvas{height:480px}.smr-app .quick-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px) {
  .smr-app .main-content{padding:26px 0 40px}.smr-app .main-content>.container,.smr-app .main-content>section>.container{padding-left:20px;padding-right:20px}
  .smr-app h1{font-size:30px}.smr-app h2{font-size:23px}.smr-app .lead{font-size:14px}
  .smr-app :is(.dashboard-hero,.community-header,.journeys-toolbar,.admin-hero){display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .smr-app .dashboard-kpi-grid,.smr-app .route-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .smr-app .community-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .smr-app .community-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .smr-app :is(.stat-card,.dashboard-kpi){padding:16px}.smr-app :is(.stat-value,.dashboard-kpi-value){font-size:25px}
  .smr-app .card-body,.smr-app .profile-header-card,.smr-area-admin .admin-panel{padding:20px}
  .smr-app .card-footer{padding:14px 20px}:is(.smr-page-route-planner,.smr-page-view-route) .planner-grid>.panel{padding:16px}
  .smr-app .quick-steps{grid-template-columns:1fr}:is(.smr-page-route-planner,.smr-page-view-route) .planner-map-canvas{height:390px;min-height:320px}
  .smr-area-auth .auth-container{padding:4px 20px 20px}.smr-area-auth .auth-wrapper{padding:25px 22px}
  .smr-app .dashboard-details>summary span{display:block;margin:6px 0 0 18px}.smr-app .dashboard-details>.dashboard-kpi-grid{padding:0 16px}
  .smr-app .nav-tabs{flex-wrap:nowrap;overflow-x:auto}.smr-app .nav-tabs .nav-link{white-space:nowrap;padding:12px}
  .smr-app .table-responsive{max-width:100%}.smr-app .admin-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.smr-app .admin-nav-link{flex-shrink:0}
  .smr-area-marketing .auth-container>.auth-wrapper{padding:22px}.smr-app .empty-state{padding:26px 20px}
  .smr-page-edit_profile form{padding:20px}.smr-page-edit_profile .profile-edit-actions .btn-danger{margin-left:0}
  .smr-area-marketing .product-hero h1{font-size:34px}.smr-area-marketing .product-feature-card{padding:22px}
}
@media(prefers-reduced-motion:reduce){.smr-site *{scroll-behavior:auto!important;transition:none!important}}

/* Curated route library uses the same type, borders, and spacing as the planner. */
.smr-page-index .smr-map-label{left:17px;right:auto}
.sample-library{padding-top:64px;padding-bottom:64px}
.sample-heading{max-width:750px;margin-bottom:36px}
.sample-heading h1{font-size:clamp(2.3rem,5vw,3.5rem);letter-spacing:-.055em;line-height:1.07;margin:14px 0 20px}
.sample-heading .lead{font-size:1.12rem;line-height:1.7;color:var(--smr-muted,#626c70)}
.sample-filters{display:flex;align-items:end;gap:20px;padding:22px;background:#fff;border:1px solid #e6e5e1;border-radius:14px;margin-bottom:28px}
.sample-filters label{font-size:.8rem;font-weight:650;flex:1;max-width:310px}
.sample-filters select{margin-top:8px}
.sample-filters p{margin:0 0 10px auto;color:#687174;font-size:.85rem}
.sample-card{display:flex;flex-direction:column}
.sample-card[hidden],#sample-empty[hidden]{display:none!important}
.sample-card-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 22px;background:#f2f0ea;color:#596165;font-size:.7rem;font-weight:600;border-bottom:1px solid #e6e5e1}
.sample-card:nth-child(3n+2) .sample-card-top{background:#edf2f3}
.sample-card:nth-child(3n+3) .sample-card-top{background:#f5ece6}
.sample-card .smr-library-copy{display:flex;flex:1;flex-direction:column;padding:24px}
.sample-card h2{font-size:1.25rem;letter-spacing:-.035em;margin:12px 0}
.sample-card .smr-library-copy>p{font-size:.86rem;line-height:1.65}
.sample-card details{font-size:.8rem;margin:8px 0 24px}
.sample-card summary{font-weight:600;cursor:pointer}
.sample-card ol{padding-left:20px;margin-top:12px;color:#626c70}
.sample-card li{margin-bottom:8px;line-height:1.6}
.sample-card .btn{align-self:start;margin-top:auto;font-size:.8rem}
.sample-library-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:32px;border-top:1px solid #e6e5e1}
.sample-library-end h2{font-size:1.45rem;letter-spacing:-.035em}
.sample-library-end p{font-size:.9rem;color:#626c70}
@media(max-width:767px){.sample-library{padding-top:36px}.sample-filters{flex-wrap:wrap;gap:14px;padding:18px}.sample-filters label{flex:1 1 100%;max-width:none}.sample-filters p{margin:0}.sample-library-end{align-items:start;flex-direction:column}.sample-library .smr-library-grid{grid-template-columns:1fr}}

/* Contextual documentation links sit consistently above the working screen. */
.smr-help-shortcut{max-width:1120px;margin:0 auto;padding:14px 24px 0;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;font-size:11px;line-height:1.6}
.smr-help-shortcut a{color:#687174;text-decoration:none}.smr-help-shortcut a:hover{color:#a22b36;text-decoration:underline;text-underline-offset:3px}
@media(max-width:575px){.smr-help-shortcut{padding:12px 20px 0;justify-content:flex-start}}
@media print{.smr-help-shortcut{display:none!important}}