/* O Car Rent — /rental-guide/ (loaded after oc.css). Scoped to #terms; the bilingual terms component was written for
   this site and is kept as-is apart from the brand tokens and font, which now come from oc.css. */
#terms{
  --brand:var(--oc-green-700);--brand-2:var(--oc-green-800);--ink:var(--oc-navy);--muted:var(--oc-ink-2);--line:var(--oc-line);--bg:#fff;--tocw:260px;
  max-width:1100px;margin:0 auto;padding:0 16px 40px;color:var(--ink);line-height:1.75;
}
:root{--site-header-h:64px}@media (min-width:1024px){:root{--site-header-h:72px}}#terms{--brand:#2BB673;--brand-2:#1E9A5D;--ink:#233146;--muted:#5b6b83;--line:#e0ebe5;--bg:#fff;--tocw:260px;margin-top:clamp(16px, 2.2vw, 28px);scroll-padding-top:calc(var(--site-header-h) + 18px)}:root{--toc-top:calc(var(--site-header-h) + 12px)}#terms .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;overflow:visible}@media(min-width:1024px){#terms .wrap{grid-template-columns:var(--tocw) 1fr}}#terms .toc{align-self:start}#terms .toc-inner{position:sticky;top:var(--toc-top);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;z-index:5;will-change:transform}#terms .toc h3{margin:0 0 8px;font-size:14px;color:var(--muted)}#terms .toc a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none}#terms .toc a.active{background:rgb(43 182 115 / .12)}#terms .toc a[aria-current="true"]{background:rgb(43 182 115 / .18);font-weight:600}#terms .topbar{position:sticky;top:0;z-index:20;background:rgb(255 255 255 / .96);backdrop-filter:saturate(1.1) blur(4px);border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgb(0 0 0 / .04)}#terms .topbar .inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}#terms h1{font-size:28px;line-height:1.25;margin:0}#terms .meta{font-size:13px;color:var(--muted)}#terms .lang-toggle{display:flex;gap:8px}#terms .lang-toggle button{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}#terms .lang-toggle button[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}#terms .jump{display:none}@media(max-width:1023px){#terms .jump{position:sticky;top:var(--toc-top);z-index:19;display:flex;gap:8px;overflow:auto;padding:0 16px 10px;background:#fff;border-bottom:1px solid var(--line)}}#terms .jump a{white-space:nowrap;padding:6px 10px;border-radius:8px;background:#f7faf9;color:#1b2a3a;text-decoration:none}#terms .jump a.active{background:rgb(43 182 115 / .15)}#terms .progress{position:fixed;left:0;top:0;height:3px;background:var(--brand);width:0;z-index:30}#terms article{padding-top:16px}#terms article h2{font-size:22px;margin:26px 0 10px;scroll-margin-top:calc(var(--toc-top) + 6px)}#terms article h3{font-size:18px;margin:18px 0 6px}#terms p,#terms li{max-width:80ch}#terms .note{color:var(--muted)}#terms .badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgb(43 182 115 / .12);color:#137c4a;font-size:12px}#terms .faq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}#terms .faq-label{font-size:13px;color:var(--muted);margin:10px 0 0}#terms .chip{display:inline-block;padding:8px 12px;border-radius:999px;background:#f2fcf6;border:1px solid var(--line);text-decoration:none;color:#1b2a3a;font-size:14px;appearance:none;-webkit-appearance:none}#terms .chip:hover{background:#e9fbf2}#terms .chip:where(button){cursor:pointer;border:1px solid var(--line);background:#f2fcf6}#terms .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}#terms .btn{display:inline-block;text-align:center;padding:10px 14px;border-radius:10px;text-decoration:none;background:#fff;border:1px solid var(--line);cursor:pointer}#terms .btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}#terms .btn:hover{box-shadow:0 2px 12px rgb(0 0 0 / .06)}#terms .btn.primary:hover{filter:brightness(.95)}#terms .search{display:flex;gap:10px;align-items:center;margin:10px 0 0}#terms .search input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px}#terms .print-btn{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}#terms mark{background:#fff3b0;padding:0 3px;border-radius:4px}#terms .table-wrap{overflow:auto;border:1px solid #cfe3d8;border-radius:12px}#terms table{border-collapse:collapse;width:100%}#terms th,#terms td{padding:12px 14px;border-bottom:1px solid #e0ebe5;text-align:left}#terms thead th{background:linear-gradient(180deg,#e6f6ee 0%,#d4efe3 100%);color:#0e5c3d;font-weight:700;letter-spacing:.2px;position:sticky;top:0;z-index:1}#terms tbody tr:nth-child(odd){background:#fbfefc}#terms tbody tr:nth-child(even){background:#f4faf7}#terms tbody th{color:#1e3a2f;font-weight:600}#terms a,#terms a:link,#terms a:visited{color:var(--ink)}#terms .note a,#terms p a:not(.btn):not(.chip),#terms li a:not(.btn):not(.chip){color:var(--brand-2);text-decoration:underline;text-underline-offset:2px;font-weight:600}#terms .note a:hover,#terms p a:not(.btn):not(.chip):hover,#terms li a:not(.btn):not(.chip):hover{text-decoration-thickness:2px}#terms .chip,#terms .chip:link,#terms .chip:visited{color:#1b2a3a}#terms .btn,#terms .btn:link,#terms .btn:visited{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--ink)}#terms .btn:not(.primary),#terms .btn:not(.primary):link,#terms .btn:not(.primary):visited{border-color:var(--brand);color:var(--brand)}dialog{border:1px solid var(--line);border-radius:12px;padding:0;max-width:min(920px,96vw);width:100%}dialog::backdrop{background:rgb(0 0 0 / .35)}.dlg-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dlg-body{padding:16px 18px}.close-btn{border:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 10px;cursor:pointer}@media print{.topbar,.toc,.jump,.actions,.progress{display:none!important}#terms{max-width:none;padding:0}#terms article h2{page-break-after:avoid}#terms thead th{background:#e6f6ee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (min-width:1024px){#terms.toc-fixed-mode .toc-inner{visibility:hidden}#terms .toc-inner-fixed{position:fixed;top:var(--toc-top);left:-9999px;width:var(--tocw);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;z-index:6;max-height:calc(100vh - (var(--toc-top) + 36px));overflow:auto;box-sizing:border-box;opacity:0;transition:opacity .12s linear;will-change:left,top}#terms .toc-inner-fixed.ready{left:var(--toc-left,0);opacity:1}}@media (max-width:1023px){#terms .toc-inner-fixed{display:none!important}}

  /* ===== TOP SPACING FIX ===== */
  :root{
    --site-header-h: 72px;         /* 64–72px */
    --terms-offset: clamp(18px, 2.4vw, 32px);
  }
  #terms{
    padding-top: var(--terms-offset) !important;
    margin-top: 0 !important;
    scroll-padding-top: calc(var(--site-header-h) + 18px);
  }
  #terms .topbar{
    top: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
    border-bottom: 1px solid #e0ebe5;
  }
  :root{ --toc-top: calc(var(--site-header-h) + 12px); }
  #terms{ border-top: 1px solid transparent; }


  /* Push the TOC box down so its top aligns with first H2; clamp height */
  #terms .toc{ padding-top: var(--toc-inset, 0px); }
  #terms .toc-inner{
    max-height: calc(100vh - (var(--toc-top) + var(--toc-inset, 0px) + 24px));
    overflow: auto;
  }
  /* Also clamp the fixed fallback clone */
  #terms .toc-inner-fixed{
    max-height: calc(100vh - (var(--toc-top) + var(--toc-inset, 0px) + 24px));
  }
  @media (max-width:1023px){
    #terms .toc{ padding-top: 0 }
    #terms .toc-inner{ max-height: none; overflow: visible; }
  }

/* ---- overrides placed after the component CSS: brand tokens and header height from oc.css; top bar wraps on phones ---- */
#terms{--brand:var(--oc-green-700);--brand-2:var(--oc-green-800);--ink:var(--oc-navy);--muted:var(--oc-ink-2);--line:var(--oc-line);--site-header-h:var(--oc-header-h)}
@media (max-width:639.98px){#terms .topbar .inner{flex-wrap:wrap}#terms .lang-toggle{width:100%}}
#terms .badge{color:#0a5a2a}   /* "Required" badge: 2.0:1 -> 7.6:1 */