/* Styling for the rental pages: /rent, /rent/demo, /rent/sites, /rent/help.
   Shared by all four, so a token or widget is defined once.
   Trap worth remembering: .rt-hero and .rt-section also carry .rt-wrap, whose
   side padding is the page gutter, so they may only set padding-block. */

.logo-icon,.navbar-brand>span,.drawer-brand>span,.footer-brand>span,
.footer-brand .logo-icon,
.footer-copy,
#nav-site-name,#footer-site-name,#footer-copy-name{opacity:0}
body:not(.brand-ready) .logo-icon,body:not(.brand-ready) .navbar-brand>span{opacity:0}
body.brand-ready .logo-icon,body.brand-ready .navbar-brand>span,body.brand-ready .drawer-brand>span,
body.brand-ready .footer-brand>span,body.brand-ready .footer-brand .logo-icon,body.brand-ready .footer-copy,
body.brand-ready #nav-site-name,body.brand-ready #footer-site-name,body.brand-ready #footer-copy-name{opacity:1;transition:opacity .3s}

/* ============ Rent page tokens ============ */
:root{--rt-accent:#7c3aed;--rt-accent-2:#a855f7;--rt-accent-soft:rgba(124,58,237,.12);--rt-accent-line:rgba(124,58,237,.35);
    --rt-ok:#10b981;--rt-ok-soft:rgba(16,185,129,.12);--rt-warn:#f59e0b;--rt-warn-soft:rgba(245,158,11,.12);--rt-bad:#ef4444;--rt-bad-soft:rgba(239,68,68,.12);
    --rt-card:var(--bg-surface);--rt-card-2:var(--bg-secondary);--rt-line:var(--border);--rt-line-2:var(--border-light);
    --rt-t1:var(--text-primary);--rt-t2:var(--text-secondary);--rt-t3:var(--text-muted);
    --rt-r:14px;--rt-r-lg:20px;--rt-shadow:0 10px 40px rgba(0,0,0,.28)}
.rt{color:var(--rt-t1);padding:calc(var(--header-height,76px) + 8px) 0 4rem;overflow-x:clip}
html[data-theme="light"]{--rt-shadow:0 10px 40px rgba(17,17,32,.10)}
.rt *,.rt-modal-bg *{box-sizing:border-box}
.rt-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}
@media(min-width:640px){.rt-wrap{padding:0 1.5rem}}
svg.ri{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rt .btn{font-family:inherit}
.rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.72rem 1.25rem;border-radius:12px;font-weight:700;font-size:.9rem;border:1px solid transparent;cursor:pointer;font-family:inherit;line-height:1.1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}
.rt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.rt-btn-primary{background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2));color:#fff;box-shadow:0 6px 20px rgba(124,58,237,.28)}
.rt-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px rgba(124,58,237,.38)}
.rt-btn-ghost{background:transparent;color:var(--rt-t2);border-color:var(--rt-line-2)}
.rt-btn-ghost:hover:not(:disabled){color:var(--rt-t1);background:var(--rt-accent-soft);border-color:var(--rt-accent-line)}
.rt-btn-soft{background:var(--rt-accent-soft);color:var(--rt-accent-2);border-color:transparent}
html[data-theme="light"] .rt-btn-soft{color:var(--rt-accent)}
.rt-btn-soft:hover:not(:disabled){background:rgba(124,58,237,.2)}
.rt-btn-sm{padding:.5rem .85rem;font-size:.8rem;border-radius:10px}
.rt-btn-block{width:100%}
.rt-btn.busy{pointer-events:none}
.rt-btn.busy::after{content:'';width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:rt-spin .7s linear infinite}
@keyframes rt-spin{to{transform:rotate(360deg)}}

/* ============ Hero ============ */
.rt-hero{position:relative;padding-block:2.2rem 1.6rem;text-align:center}
.rt-hero::before{content:'';position:absolute;inset:-40px 0 auto;height:420px;background:radial-gradient(60% 55% at 50% 0%,rgba(124,58,237,.22),transparent 70%);pointer-events:none}
.rt-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--rt-accent-soft);border:1px solid var(--rt-accent-line);color:var(--rt-accent-2);font-size:.74rem;font-weight:700;letter-spacing:.3px;margin-bottom:16px}
html[data-theme="light"] .rt-eyebrow{color:var(--rt-accent)}
.rt-hero h1{font-size:clamp(1.65rem,4.6vw,2.7rem);font-weight:800;line-height:1.22;letter-spacing:-.4px;margin:0 0 .7rem;position:relative}
.rt-hero h1 span{background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rt-hero p{max-width:40rem;margin:0 auto 1.4rem;color:var(--rt-t2);font-size:.95rem;line-height:1.7;position:relative}
.rt-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative}
.rt-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:1.4rem;position:relative}
.rt-stat{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--rt-card);border:1px solid var(--rt-line);font-size:.78rem;color:var(--rt-t2)}
.rt-stat b{color:var(--rt-t1);font-weight:700}
.rt-stat .ri{width:15px;height:15px;color:var(--rt-accent-2)}

/* ============ Sub-nav ============ */
.rt-subnav{position:sticky;top:calc(var(--header-height,76px) + 6px);z-index:40;display:flex;justify-content:center;margin:.6rem 0 1.4rem;pointer-events:none}
.rt-subnav-inner{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--rt-card);border:1px solid var(--rt-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--rt-shadow);pointer-events:auto;max-width:100%;overflow-x:auto;scrollbar-width:none}
.rt-subnav-inner::-webkit-scrollbar{display:none}
.rt-subnav a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--rt-t2);text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.rt-subnav a .ri{width:15px;height:15px}
.rt-subnav a:hover{color:var(--rt-t1);background:var(--rt-accent-soft)}
.rt-subnav a.on{color:#fff;background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2))}

/* ============ Sections ============ */
.rt-section{padding-block:1.4rem 1rem;scroll-margin-top:calc(var(--header-height,76px) + 70px)}
.rt-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.rt-sec-head>div{min-width:0;flex:1 1 320px}
.rt-sec-head h2{font-size:1.28rem;font-weight:800;margin:0 0 4px;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}
.rt-sec-head h2 .ri{color:var(--rt-accent-2);width:22px;height:22px}
.rt-sec-head p{margin:0;color:var(--rt-t3);font-size:.84rem;line-height:1.55;overflow-wrap:anywhere}
.rt-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:600px){.rt-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.rt-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.rt-card{background:var(--rt-card);border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rt-card:hover{transform:translateY(-3px);border-color:var(--rt-accent-line);box-shadow:var(--rt-shadow)}
.rt-empty{grid-column:1/-1;text-align:center;padding:2.6rem 1rem;border:1px dashed var(--rt-line-2);border-radius:var(--rt-r-lg);color:var(--rt-t3);font-size:.9rem}
.rt-empty .ri{width:34px;height:34px;color:var(--rt-t3);margin-bottom:10px}
.rt-empty b{display:block;color:var(--rt-t1);font-size:1rem;margin-bottom:4px}
.rt-skel{height:220px;border-radius:var(--rt-r-lg);background:linear-gradient(90deg,var(--sk-base),var(--sk-highlight),var(--sk-base));background-size:200% 100%;animation:rt-sk 1.3s linear infinite;border:1px solid var(--sk-border)}
@keyframes rt-sk{to{background-position:-200% 0}}

/* ============ Plan cards ============ */
.rt-plan .rt-plan-img{aspect-ratio:16/8;background:var(--rt-card-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.rt-plan .rt-plan-img img{width:100%;height:100%;object-fit:cover;display:block}
.rt-plan .rt-plan-img .ri{width:40px;height:40px;color:var(--rt-t3)}
.rt-plan.featured{border-color:var(--rt-accent-line)}
.rt-plan.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rt-accent),var(--rt-accent-2));z-index:2}
.rt-badge{position:absolute;top:12px;right:12px;z-index:2;background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2));color:#fff;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:0 4px 12px rgba(124,58,237,.35)}
.rt-plan-body{padding:1.15rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.rt-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rt-plan-name{font-weight:800;font-size:1.12rem;line-height:1.3}
.rt-tier{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:700;border:1px solid var(--rt-line-2);color:var(--rt-t2);white-space:nowrap}
.rt-tier.premium{border-color:rgba(245,158,11,.5);color:#f59e0b}.rt-tier.pro{border-color:var(--rt-accent-line);color:var(--rt-accent-2)}.rt-tier.starter{border-color:rgba(16,185,129,.45);color:var(--rt-ok)}
.rt-plan-desc{color:var(--rt-t3);font-size:.82rem;line-height:1.55;margin:0}
.rt-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.rt-price b{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rt-price span{color:var(--rt-t3);font-size:.8rem}
.rt-price small{width:100%;color:var(--rt-t3);font-size:.76rem}
.rt-feat{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rt-feat li{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--rt-t2);line-height:1.45}
.rt-feat li .ri{width:16px;height:16px;color:var(--rt-ok);margin-top:1px}
.rt-inc{display:flex;flex-wrap:wrap;gap:5px}
.rt-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:600;border:1px solid var(--rt-line);color:var(--rt-t2);background:var(--rt-card-2)}
.rt-chip.ok{border-color:rgba(16,185,129,.35);color:var(--rt-ok);background:var(--rt-ok-soft)}
.rt-chip.warn{border-color:rgba(245,158,11,.4);color:var(--rt-warn);background:var(--rt-warn-soft)}
.rt-chip.bad{border-color:rgba(239,68,68,.4);color:var(--rt-bad);background:var(--rt-bad-soft)}
.rt-chip.muted{opacity:.6}
.rt-chip .ri{width:12px;height:12px}
.rt-plan-cta{margin-top:auto;padding-top:.3rem}

/* ============ Add-on cards ============ */
.rt-addon{padding:1.1rem 1.15rem;gap:.7rem}
.rt-addon-head{display:flex;gap:12px;align-items:center}
.rt-addon-ico{width:46px;height:46px;border-radius:14px;background:var(--rt-accent-soft);border:1px solid var(--rt-accent-line);display:flex;align-items:center;justify-content:center;color:var(--rt-accent-2);flex:none;overflow:hidden}
.rt-addon-ico .ri{width:22px;height:22px}
.rt-addon-ico img{width:100%;height:100%;object-fit:cover}
.rt-addon-name{font-weight:800;font-size:1rem;line-height:1.3}
.rt-addon-key{font-size:.7rem;color:var(--rt-t3)}
.rt-addon-desc{color:var(--rt-t3);font-size:.82rem;line-height:1.55;margin:0;flex:1}
.rt-addon-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.rt-addon-price b{font-size:1.25rem;font-weight:800;color:var(--rt-accent-2)}
html[data-theme="light"] .rt-addon-price b{color:var(--rt-accent)}
.rt-addon-price span{display:block;font-size:.72rem;color:var(--rt-t3)}
.rt-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--rt-accent-soft);border:1px solid var(--rt-accent-line);font-size:.8rem;color:var(--rt-t2);line-height:1.55;margin-bottom:1rem}
.rt-note .ri{color:var(--rt-accent-2);margin-top:2px}

/* ============ My sites ============ */
.rt-bal{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:.9rem 1.1rem;border-radius:var(--rt-r);background:var(--rt-card);border:1px solid var(--rt-line);margin-bottom:1rem}
.rt-bal-l{display:flex;align-items:center;gap:12px}
.rt-bal-ico{width:40px;height:40px;border-radius:12px;background:var(--rt-ok-soft);color:var(--rt-ok);display:flex;align-items:center;justify-content:center}
.rt-bal small{display:block;color:var(--rt-t3);font-size:.74rem}
.rt-bal b{font-size:1.15rem;font-weight:800;overflow-wrap:anywhere;line-height:1.25}
.rt-bal-l{min-width:0;flex:1 1 200px}
.rt-bal-r{display:flex;gap:8px;flex-wrap:wrap}
.rt-site{padding:1.1rem 1.2rem;gap:.8rem}
.rt-site:hover{transform:none}
.rt-site-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.rt-site-name{font-weight:800;font-size:1.05rem;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rt-site-url{font-size:.8rem;color:var(--rt-t2);margin-top:3px;display:flex;flex-wrap:wrap;gap:4px 10px}
.rt-site-url a{color:var(--rt-accent-2);text-decoration:none;word-break:break-all}
html[data-theme="light"] .rt-site-url a{color:var(--rt-accent)}
.rt-site-url a:hover{text-decoration:underline}
.rt-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700}
.rt-status i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.rt-status.active{background:var(--rt-ok-soft);color:var(--rt-ok)}.rt-status.expired{background:var(--rt-bad-soft);color:var(--rt-bad)}.rt-status.suspended{background:var(--rt-warn-soft);color:var(--rt-warn)}
.rt-exp{display:grid;gap:6px}
.rt-exp-row{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--rt-t2);flex-wrap:wrap}
.rt-exp-row b{color:var(--rt-t1)}
.rt-bar{height:6px;border-radius:999px;background:var(--rt-card-2);overflow:hidden;border:1px solid var(--rt-line)}
.rt-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rt-accent),var(--rt-accent-2))}
.rt-bar.warn i{background:var(--rt-warn)}.rt-bar.bad i{background:var(--rt-bad)}
.rt-alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:.8rem;line-height:1.5}
.rt-alert.bad{background:var(--rt-bad-soft);border:1px solid rgba(239,68,68,.35);color:var(--rt-bad)}
.rt-alert.warn{background:var(--rt-warn-soft);border:1px solid rgba(245,158,11,.4);color:var(--rt-warn)}
.rt-alert.ok{background:var(--rt-ok-soft);border:1px solid rgba(16,185,129,.35);color:var(--rt-ok)}
.rt-alert.info{background:var(--rt-accent-soft);border:1px solid var(--rt-accent-line);color:var(--rt-t2)}
.rt-alert .ri{margin-top:1px}
.rt-site-addons{display:flex;flex-wrap:wrap;gap:5px}
.rt-site-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:.2rem}
.rt-site-actions .rt-btn{flex:1 1 auto}

/* ============ How it works / FAQ ============ */
.rt-steps{display:grid;grid-template-columns:1fr;gap:1rem;counter-reset:st}
@media(min-width:700px){.rt-steps{grid-template-columns:repeat(3,1fr)}}
.rt-step{padding:1.1rem 1.15rem;border-radius:var(--rt-r-lg);background:var(--rt-card);border:1px solid var(--rt-line);position:relative}
.rt-step::before{counter-increment:st;content:counter(st);position:absolute;top:14px;right:16px;width:28px;height:28px;border-radius:50%;background:var(--rt-accent-soft);color:var(--rt-accent-2);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--rt-accent-line)}
.rt-step .ri{width:26px;height:26px;color:var(--rt-accent-2);margin-bottom:10px}
.rt-step h3{margin:0 0 6px;font-size:.98rem;font-weight:800}
.rt-step p{margin:0;font-size:.82rem;color:var(--rt-t3);line-height:1.6}
.rt-faq{display:grid;gap:8px;margin-top:1.2rem}
.rt-faq details{background:var(--rt-card);border:1px solid var(--rt-line);border-radius:14px;padding:0 1rem}
.rt-faq summary{cursor:pointer;list-style:none;padding:.9rem 0;font-weight:700;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:10px}
.rt-faq summary::-webkit-details-marker{display:none}
.rt-faq summary .ri{transition:transform .2s;color:var(--rt-t3)}
.rt-faq details[open] summary .ri{transform:rotate(180deg)}
.rt-faq p{margin:0 0 .95rem;color:var(--rt-t2);font-size:.84rem;line-height:1.65}

/* ============ Modal ============ */
.rt-modal-bg{position:fixed;inset:0;background:rgba(5,5,12,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9000;display:none;align-items:center;justify-content:center;padding:1rem}
.rt-modal-bg.on{display:flex}
.rt-modal{width:100%;max-width:520px;max-height:min(92dvh,860px);display:flex;flex-direction:column;background:var(--rt-card);border:1px solid var(--rt-line-2);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:rt-in .22s ease;overflow:hidden;color:var(--rt-t1);font-family:var(--font-main)}
html[data-theme="light"] .rt-modal{box-shadow:0 30px 80px rgba(17,17,32,.2)}
@keyframes rt-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.rt-modal-bg{padding:0;align-items:flex-end}.rt-modal{max-width:none;border-radius:22px 22px 0 0;max-height:94dvh;animation:rt-up .25s ease}@keyframes rt-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}}
.rt-m-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1rem 1.25rem;border-bottom:1px solid var(--rt-line)}
.rt-m-head h3{margin:0;font-size:1.02rem;font-weight:800;display:flex;align-items:center;gap:10px}
.rt-m-head h3 .ri{color:var(--rt-accent-2)}
.rt-x{width:34px;height:34px;border-radius:10px;border:1px solid var(--rt-line);background:transparent;color:var(--rt-t3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}
.rt-x:hover{color:var(--rt-t1);background:var(--rt-accent-soft)}
.rt-m-body{padding:1.15rem 1.25rem;overflow-y:auto;display:grid;gap:.9rem;scrollbar-width:thin}
.rt-m-foot{padding:.9rem 1.25rem 1.15rem;border-top:1px solid var(--rt-line);display:flex;gap:8px;flex-wrap:wrap}
.rt-m-foot .rt-btn{flex:1 1 140px}
.rt-steps-bar{display:flex;gap:6px}
.rt-steps-bar span{flex:1;height:5px;border-radius:999px;background:var(--rt-card-2);border:1px solid var(--rt-line)}
.rt-steps-bar span.on{background:linear-gradient(90deg,var(--rt-accent),var(--rt-accent-2));border-color:transparent}
.rt-step-title{font-size:.78rem;color:var(--rt-t3);margin-top:-4px}
.rt-field{display:grid;gap:6px}
.rt-field label{font-size:.8rem;font-weight:700;color:var(--rt-t2)}
.rt-field label small{font-weight:500;color:var(--rt-t3)}
.rt-in{width:100%;padding:.72rem .9rem;border-radius:12px;border:1px solid var(--rt-line-2);background:var(--rt-card-2);color:var(--rt-t1);font-size:.92rem;font-family:inherit;outline:none;transition:border-color .18s,box-shadow .18s}
.rt-in:focus{border-color:var(--rt-accent);box-shadow:0 0 0 3px rgba(124,58,237,.16)}
.rt-in.bad{border-color:var(--rt-bad)}.rt-in.ok{border-color:var(--rt-ok)}
.rt-in::placeholder{color:var(--rt-t3)}
select.rt-in{appearance:auto;-webkit-appearance:auto}
.rt-in-row{display:flex;align-items:stretch}
.rt-in-row .rt-in{border-radius:12px 0 0 12px;min-width:0}
.rt-suffix{display:flex;align-items:center;padding:0 .8rem;border:1px solid var(--rt-line-2);border-left:none;border-radius:0 12px 12px 0;background:var(--rt-card-2);color:var(--rt-t3);font-size:.8rem;font-weight:600;white-space:nowrap}
.rt-in-wrap{position:relative}
.rt-in-wrap .rt-in{padding-right:44px}
.rt-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:var(--rt-t3);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px}
.rt-eye:hover{color:var(--rt-t1)}
.rt-hint{font-size:.74rem;color:var(--rt-t3);display:flex;align-items:center;gap:6px;min-height:1.1em}
.rt-hint.ok{color:var(--rt-ok)}.rt-hint.bad{color:var(--rt-bad)}
.rt-hint .ri{width:13px;height:13px}
.rt-sum{border:1px solid var(--rt-line);border-radius:14px;background:var(--rt-card-2);overflow:hidden}
.rt-sum-row{display:flex;justify-content:space-between;gap:12px;padding:.68rem .95rem;font-size:.85rem;border-bottom:1px solid var(--rt-line)}
.rt-sum-row:last-child{border-bottom:none}
.rt-sum-row span{color:var(--rt-t3);flex:0 0 auto}.rt-sum-row b{text-align:right;overflow-wrap:anywhere;min-width:0}
.rt-sum-row.total{background:var(--rt-accent-soft)}.rt-sum-row.total b{color:var(--rt-accent-2);font-size:1rem}
html[data-theme="light"] .rt-sum-row.total b{color:var(--rt-accent)}
.rt-opts{display:grid;gap:8px}
.rt-opt{display:flex;align-items:center;gap:12px;padding:.8rem .95rem;border:1.5px solid var(--rt-line-2);border-radius:14px;cursor:pointer;background:var(--rt-card-2);transition:border-color .18s,background .18s}
.rt-opt:hover{border-color:var(--rt-accent-line)}
.rt-opt.on{border-color:var(--rt-accent);background:var(--rt-accent-soft)}
.rt-opt input{position:absolute;opacity:0;pointer-events:none}
.rt-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--rt-line-2);flex:none;display:flex;align-items:center;justify-content:center}
.rt-opt.on .rt-radio{border-color:var(--rt-accent)}.rt-opt.on .rt-radio::after{content:'';width:9px;height:9px;border-radius:50%;background:var(--rt-accent)}
.rt-opt-main{flex:1;min-width:0}
.rt-opt-main b{display:block;font-size:.9rem}
.rt-opt-main small{display:block;color:var(--rt-t3);font-size:.74rem;margin-top:2px}
.rt-opt-price{font-weight:800;color:var(--rt-accent-2);white-space:nowrap}
html[data-theme="light"] .rt-opt-price{color:var(--rt-accent)}
.rt-done{text-align:center;display:grid;gap:.8rem;justify-items:center}
.rt-done-ico{width:64px;height:64px;border-radius:50%;background:var(--rt-ok-soft);color:var(--rt-ok);display:flex;align-items:center;justify-content:center;border:1px solid rgba(16,185,129,.35)}
.rt-done-ico .ri{width:30px;height:30px;stroke-width:2.2}
.rt-done h4{margin:0;font-size:1.15rem;font-weight:800}
.rt-done p{margin:0;color:var(--rt-t2);font-size:.86rem;line-height:1.55}
.rt-cred{width:100%;text-align:left}
.rt-cred .rt-sum-row b{font-family:var(--font-main);font-size:.82rem;display:flex;align-items:center;gap:6px;justify-content:flex-end}
.rt-copy{width:26px;height:26px;border-radius:7px;border:1px solid var(--rt-line);background:transparent;color:var(--rt-t3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}
.rt-copy:hover{color:var(--rt-t1);background:var(--rt-accent-soft)}
.rt-copy .ri{width:13px;height:13px}
.rt-err{display:none;padding:10px 12px;border-radius:12px;background:var(--rt-bad-soft);border:1px solid rgba(239,68,68,.35);color:var(--rt-bad);font-size:.8rem;line-height:1.5}
.rt-err.on{display:block}
.rt-login-card{text-align:center;padding:2.2rem 1.2rem}
.rt-login-card .ri{width:36px;height:36px;color:var(--rt-accent-2);margin-bottom:10px}
.rt-login-card b{display:block;font-size:1.05rem;margin-bottom:6px}
.rt-login-card p{color:var(--rt-t3);font-size:.85rem;margin:0 0 1rem}
@media(max-width:640px){.rt{padding-bottom:6.5rem}}

/* ============ Try-before-you-buy lab ============ */
.rt-lab{display:grid;grid-template-columns:276px minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:900px){.rt-lab{grid-template-columns:1fr;gap:12px}}
.rt-rail{display:grid;gap:6px;position:sticky;top:calc(var(--header-height,76px) + 76px)}
@media(max-width:900px){.rt-rail{position:static;grid-auto-flow:column;grid-auto-columns:minmax(178px,1fr);grid-template-columns:none;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.rt-rail::-webkit-scrollbar{display:none}}
.rt-rail-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:14px;border:1px solid var(--rt-line);background:var(--rt-card);color:var(--rt-t2);cursor:pointer;font-family:inherit;font-size:.85rem;transition:border-color .18s,background .18s,color .18s}
.rt-rail-item:hover{border-color:var(--rt-accent-line);color:var(--rt-t1)}
.rt-rail-item.on{border-color:var(--rt-accent);background:var(--rt-accent-soft);color:var(--rt-t1)}
.rt-rail-ico{width:34px;height:34px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--rt-card-2);border:1px solid var(--rt-line);color:var(--rt-accent-2)}
.rt-rail-item.on .rt-rail-ico{background:var(--rt-accent);border-color:transparent;color:#fff}
html[data-theme="light"] .rt-rail-ico{color:var(--rt-accent)}
.rt-rail-main{min-width:0;flex:1}
.rt-rail-main b{display:block;font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-rail-main small{display:block;font-size:.72rem;color:var(--rt-t3);margin-top:1px}

.rt-stage{border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);background:var(--rt-card);overflow:hidden;min-width:0}
.rt-stage-head{padding:1rem 1.15rem;border-bottom:1px solid var(--rt-line);display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.rt-stage-head h3{margin:0 0 3px;font-size:1.05rem;font-weight:800}
.rt-stage-head p{margin:0;font-size:.82rem;color:var(--rt-t3);line-height:1.55}
.rt-stage-head .rt-stage-h{flex:1 1 260px;min-width:0}
.rt-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--rt-ok-soft);color:var(--rt-ok);border:1px solid rgba(16,185,129,.3);white-space:nowrap}
.rt-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:rt-pulse 1.6s ease-in-out infinite}
@keyframes rt-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.rt-stage-tabs{display:flex;gap:4px;padding:10px 1.15rem 0;flex-wrap:wrap}
.rt-stage-tabs button{padding:7px 14px;border-radius:999px;border:1px solid var(--rt-line);background:transparent;color:var(--rt-t2);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .18s,color .18s,border-color .18s}
.rt-stage-tabs button:hover{color:var(--rt-t1);border-color:var(--rt-accent-line)}
.rt-stage-tabs button.on{background:var(--rt-accent);border-color:transparent;color:#fff}
.rt-stage-tabs .rt-reset{margin-left:auto;border-style:dashed}
.rt-stage-body{padding:1.05rem 1.15rem;display:grid;gap:1rem;position:relative}
@media(min-width:760px){.rt-stage-body.with-aside{grid-template-columns:minmax(0,1fr) 232px}}
.rt-aside{display:grid;gap:8px;align-content:start}
.rt-aside h4{margin:0;font-size:.8rem;font-weight:700;color:var(--rt-t2)}
.rt-aside li{list-style:none;display:flex;gap:8px;font-size:.8rem;color:var(--rt-t3);line-height:1.5}
.rt-aside li .ri{width:15px;height:15px;color:var(--rt-ok);margin-top:2px;flex:none}
.rt-aside ul{margin:0;padding:0;display:grid;gap:7px}
.rt-stage-foot{padding:.9rem 1.15rem;border-top:1px solid var(--rt-line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--rt-card-2)}
.rt-stage-price{flex:1 1 auto;min-width:0;font-size:.82rem;color:var(--rt-t3)}
.rt-stage-price b{display:block;font-size:1.15rem;color:var(--rt-t1);font-weight:800}
.rt-toast{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);background:var(--rt-t1);color:var(--rt-card);padding:8px 16px;border-radius:999px;font-size:.78rem;font-weight:600;z-index:5;animation:rt-toast .25s ease;pointer-events:none;max-width:92%;text-align:center}
@keyframes rt-toast{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ---- shared demo widgets ---- */
.dm-screen{border:1px solid var(--rt-line-2);border-radius:16px;overflow:hidden;background:var(--rt-card-2);max-width:420px;margin:0 auto;width:100%}
.dm-screen-bar{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--rt-card);border-bottom:1px solid var(--rt-line);font-size:.72rem;color:var(--rt-t3)}
.dm-screen-bar .ri{width:13px;height:13px}
.dm-screen-body{padding:12px;display:grid;gap:10px}
.dm-panel{border:1px solid var(--rt-line-2);border-radius:16px;overflow:hidden;background:var(--rt-card-2);min-width:0}
.dm-panel-head{display:flex;align-items:center;gap:8px;padding:10px 13px;background:var(--rt-card);border-bottom:1px solid var(--rt-line);font-size:.82rem;font-weight:700}
.dm-panel-head .ri{width:16px;height:16px;color:var(--rt-accent-2)}
html[data-theme="light"] .dm-panel-head .ri{color:var(--rt-accent)}
.dm-panel-body{padding:12px;display:grid;gap:10px}
.dm-two{display:grid;gap:12px}
@media(min-width:700px){.dm-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.dm-sub{font-size:.74rem;font-weight:700;color:var(--rt-t3);letter-spacing:.2px}
.dm-sep{height:1px;background:var(--rt-line);margin:2px 0}
.dm-field{display:grid;gap:5px}
.dm-field>span{font-size:.76rem;font-weight:600;color:var(--rt-t2)}
.dm-in{width:100%;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--rt-line-2);background:var(--rt-card);color:var(--rt-t1);font-size:.85rem;font-family:inherit;outline:none;min-width:0;transition:border-color .15s,box-shadow .15s}
.dm-in:focus{border-color:var(--rt-accent);box-shadow:0 0 0 3px rgba(124,58,237,.14)}
.dm-in.mono{font-family:var(--font-main);letter-spacing:.5px}
textarea.dm-in{resize:vertical;line-height:1.5}
select.dm-in{appearance:auto;-webkit-appearance:auto}
.dm-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dm-inline>.dm-field{flex:1 1 120px}
.dm-inline.tight{flex-wrap:nowrap}
.dm-inline.tight .dm-in{flex:1}
.dm-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:.55rem .95rem;border-radius:10px;border:1px solid transparent;font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s,background .15s,border-color .15s,color .15s;white-space:nowrap}
.dm-btn .ri{width:15px;height:15px}
.dm-btn.primary{background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2));color:#fff}
.dm-btn.primary:hover:not(:disabled){filter:brightness(1.08)}
.dm-btn.ghost{background:var(--rt-card);color:var(--rt-t2);border-color:var(--rt-line-2)}
.dm-btn.ghost:hover:not(:disabled){color:var(--rt-t1);border-color:var(--rt-accent-line)}
.dm-btn.ghost.on{background:var(--rt-accent-soft);border-color:var(--rt-accent-line);color:var(--rt-t1)}
.dm-btn.sm{padding:.36rem .7rem;font-size:.75rem;border-radius:8px}
.dm-btn.block{width:100%}
.dm-btn:disabled{opacity:.45;cursor:not-allowed}
.dm-step{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--rt-line-2);border-radius:10px;background:var(--rt-card);overflow:hidden}
.dm-step button{width:30px;height:30px;border:none;background:transparent;color:var(--rt-t2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.dm-step button:hover{color:var(--rt-t1);background:var(--rt-accent-soft)}
.dm-step .ri{width:14px;height:14px}
.dm-step b{min-width:36px;text-align:center;font-size:.82rem}
.dm-range{flex:1 1 120px;min-width:100px;accent-color:var(--rt-accent)}
.dm-rows{display:grid;border:1px solid var(--rt-line);border-radius:12px;overflow:hidden}
.dm-row{display:flex;justify-content:space-between;gap:10px;padding:.5rem .75rem;font-size:.8rem;border-bottom:1px solid var(--rt-line);background:var(--rt-card)}
.dm-row:last-child{border-bottom:none}
.dm-row>span{color:var(--rt-t3)}
.dm-row>b{text-align:right;overflow-wrap:anywhere}
.dm-row.total{background:var(--rt-accent-soft)}
.dm-total{color:var(--rt-accent-2);font-size:.95rem}
html[data-theme="light"] .dm-total{color:var(--rt-accent)}
.dm-off{color:var(--rt-ok)}
.dm-line{display:flex;align-items:center;gap:9px;padding:.55rem .7rem;border:1px solid var(--rt-line);border-radius:12px;background:var(--rt-card);font-size:.82rem}
.dm-line-main{flex:1;min-width:0}
.dm-line-main b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-line-main small{display:block;color:var(--rt-t3);font-size:.72rem;margin-top:1px}
.dm-line-main small s{opacity:.7}
.dm-amount{font-weight:800;white-space:nowrap}
.dm-mono{font-family:var(--font-main);font-size:.8rem;letter-spacing:.4px}
.dm-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;border:1px solid var(--rt-line-2);color:var(--rt-t3);white-space:nowrap}
.dm-chip.ok{border-color:rgba(16,185,129,.35);color:var(--rt-ok);background:var(--rt-ok-soft)}
.dm-chip.bad{border-color:rgba(239,68,68,.35);color:var(--rt-bad);background:var(--rt-bad-soft)}
.dm-chip.warn{border-color:rgba(245,158,11,.35);color:var(--rt-warn);background:var(--rt-warn-soft)}
.dm-sw{width:40px;height:23px;border-radius:999px;border:1px solid var(--rt-line-2);background:var(--rt-card);position:relative;cursor:pointer;flex:none;padding:0;transition:background .18s,border-color .18s}
.dm-sw i{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--rt-t3);transition:transform .18s,background .18s}
.dm-sw.on{background:var(--rt-accent);border-color:transparent}
.dm-sw.on i{transform:translateX(17px);background:#fff}
.dm-note{display:flex;gap:7px;align-items:flex-start;margin:0;font-size:.74rem;color:var(--rt-t3);line-height:1.5}
.dm-note .ri{width:14px;height:14px;margin-top:1px;flex:none;color:var(--rt-accent-2)}
.dm-note.bad{color:var(--rt-bad)}.dm-note.bad .ri{color:var(--rt-bad)}
.dm-note.warn{color:var(--rt-warn)}.dm-note.warn .ri{color:var(--rt-warn)}
.dm-msg{display:flex;gap:7px;align-items:center;padding:7px 10px;border-radius:10px;font-size:.78rem;line-height:1.4}
.dm-msg .ri{width:15px;height:15px;flex:none}
.dm-msg.ok{background:var(--rt-ok-soft);color:var(--rt-ok)}
.dm-msg.bad{background:var(--rt-bad-soft);color:var(--rt-bad)}
.dm-seg{display:flex;gap:3px;padding:3px;border-radius:999px;background:var(--rt-card);border:1px solid var(--rt-line)}
.dm-seg button{flex:1;padding:6px 10px;border-radius:999px;border:none;background:transparent;color:var(--rt-t3);font-size:.76rem;font-weight:700;cursor:pointer;font-family:inherit}
.dm-seg button.on{background:var(--rt-accent);color:#fff}
.dm-seg.sm button{padding:5px 9px;font-size:.72rem}
.dm-banner{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;background:var(--rt-accent-soft);border:1px solid var(--rt-accent-line);font-size:.78rem;font-weight:600}
.dm-banner .ri{width:16px;height:16px;color:var(--rt-accent-2)}
.dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dm-card{display:grid;gap:4px;justify-items:start;padding:9px;border-radius:12px;border:1px solid var(--rt-line);background:var(--rt-card);cursor:pointer;text-align:left;font-family:inherit;color:var(--rt-t1);transition:border-color .15s,transform .15s}
.dm-card:hover{border-color:var(--rt-accent-line);transform:translateY(-2px)}
.dm-card b{font-size:.78rem;font-weight:700;line-height:1.3}
.dm-card small{font-size:.8rem;font-weight:800;color:var(--rt-accent-2)}
html[data-theme="light"] .dm-card small{color:var(--rt-accent)}
.dm-thumb{width:100%;height:62px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85)}
.dm-thumb .ri{width:22px;height:22px}
.dm-detail .dm-thumb{height:96px}
.g0{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.g1{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}
.g2{background:linear-gradient(135deg,#f59e0b,#f97316)}
.g3{background:linear-gradient(135deg,#10b981,#34d399)}
.dm-shop-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;font-weight:800}
.dm-bal{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--rt-ok)}
.dm-bal .ri{width:15px;height:15px}
.dm-bal.big{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--rt-card);border:1px solid var(--rt-line);color:var(--rt-t1)}
.dm-bal.big .ri{width:20px;height:20px;color:var(--rt-ok)}
.dm-bal.big small{display:block;font-size:.72rem;color:var(--rt-t3);font-weight:500}
.dm-bal.big b{font-size:1.05rem}
.dm-detail{display:grid;gap:9px}
.dm-title{font-size:.98rem;font-weight:800}
.dm-price{font-size:1.3rem;font-weight:800;color:var(--rt-accent-2)}
html[data-theme="light"] .dm-price{color:var(--rt-accent)}
.dm-done{display:grid;gap:9px;justify-items:center;text-align:center}
.dm-done b{font-size:1rem}
.dm-done p{margin:0;font-size:.78rem;color:var(--rt-t3)}
.dm-done .rt-done-ico,.ri.big{width:30px;height:30px}
.dm-done>.ri.big{color:var(--rt-ok);background:var(--rt-ok-soft);border-radius:50%;padding:9px;box-sizing:content-box;stroke-width:2.4}
.dm-code{font-family:var(--font-main);font-size:.9rem;letter-spacing:1px;padding:9px 14px;border-radius:10px;border:1px dashed var(--rt-accent-line);background:var(--rt-accent-soft);color:var(--rt-t1);width:100%;text-align:center}
.dm-order{display:grid;gap:9px}
.dm-order-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}
.dm-dl{display:flex;align-items:center;gap:9px;padding:.5rem .7rem;border:1px solid var(--rt-line);border-radius:11px;background:var(--rt-card);font-size:.8rem}
.dm-dl.done{color:var(--rt-ok);border-color:rgba(16,185,129,.3)}
.dm-dl.done .ri{width:16px;height:16px}
.dm-dl small{color:var(--rt-t3);font-size:.72rem;margin-left:auto}
.dm-dl>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-bar{flex:1;height:6px;border-radius:999px;background:var(--rt-card-2);border:1px solid var(--rt-line);overflow:hidden}
.dm-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--rt-accent),var(--rt-accent-2));transition:width .12s linear}
.dm-timeline{display:grid;gap:0;padding:2px 0}
.dm-tl{display:flex;align-items:center;gap:10px;font-size:.79rem;color:var(--rt-t3);position:relative;padding:5px 0}
.dm-tl i{width:18px;height:18px;border-radius:50%;border:2px solid var(--rt-line-2);flex:none;display:flex;align-items:center;justify-content:center;background:var(--rt-card);z-index:1}
.dm-tl i .ri{width:11px;height:11px;stroke-width:3;color:#fff}
.dm-tl:not(:last-child)::before{content:'';position:absolute;left:8px;top:22px;bottom:-6px;width:2px;background:var(--rt-line-2)}
.dm-tl.done{color:var(--rt-t2)}
.dm-tl.done i{background:var(--rt-ok);border-color:var(--rt-ok)}
.dm-tl.done:not(:last-child)::before{background:var(--rt-ok)}
.dm-tl.now{color:var(--rt-t1);font-weight:700}
.dm-tl.now i{border-color:var(--rt-accent);box-shadow:0 0 0 4px var(--rt-accent-soft)}
.dm-chat{display:grid;gap:6px;max-height:190px;overflow-y:auto;padding:8px;border-radius:12px;background:var(--rt-card);border:1px solid var(--rt-line);scrollbar-width:thin}
.dm-bub{max-width:82%;padding:6px 10px;border-radius:12px;font-size:.79rem;line-height:1.45;position:relative}
.dm-bub small{display:block;font-size:.63rem;opacity:.6;margin-top:2px}
.dm-bub.shop{background:var(--rt-card-2);border:1px solid var(--rt-line);justify-self:start;border-bottom-left-radius:4px}
.dm-bub.me{background:linear-gradient(135deg,var(--rt-accent),var(--rt-accent-2));color:#fff;justify-self:end;border-bottom-right-radius:4px}
.dm-picks{display:flex;gap:8px;flex-wrap:wrap}
.dm-pick{width:56px;height:38px;border-radius:9px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0}
.dm-pick.on{border-color:var(--rt-t1);box-shadow:0 0 0 2px var(--rt-accent)}
.dm-pick .ri{width:16px;height:16px;stroke-width:3}
.dm-preview-side{display:grid;gap:9px;align-content:start}
.dm-chatbg{padding:14px;border-radius:16px;background:var(--rt-card-2);border:1px solid var(--rt-line);display:grid;gap:6px;justify-items:start}
.dm-og{width:100%;max-width:320px;border-radius:12px;overflow:hidden;border:1px solid var(--rt-line-2);background:var(--rt-card)}
.dm-og-img{height:150px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8)}
.dm-og-img .ri{width:26px;height:26px}
.dm-og-body{padding:9px 11px;display:grid;gap:3px}
.dm-og-body small{font-size:.68rem;color:var(--rt-t3);text-transform:lowercase}
.dm-og-body b{font-size:.85rem;line-height:1.35;overflow-wrap:anywhere}
.dm-og-body p{margin:0;font-size:.75rem;color:var(--rt-t3);line-height:1.45;overflow-wrap:anywhere}
.dm-og.fb .dm-og-body{background:var(--rt-card-2);border-top:1px solid var(--rt-line)}
.dm-og.fb .dm-og-body small{order:-1;text-transform:uppercase;letter-spacing:.4px}
.dm-og-link{font-size:.72rem;color:var(--rt-accent-2);word-break:break-all}
html[data-theme="light"] .dm-og-link{color:var(--rt-accent)}

/* ============ Compact page header (all pages but /rent) ============ */
.rt-phead{padding-block:1.6rem .4rem}
.rt-phead h1{margin:0 0 .5rem;font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}
.rt-phead h1 .ri{width:26px;height:26px;color:var(--rt-accent-2)}
html[data-theme="light"] .rt-phead h1 .ri{color:var(--rt-accent)}
.rt-phead p{margin:0;max-width:46rem;color:var(--rt-t2);font-size:.88rem;line-height:1.65}
.rt-phead .rt-crumb{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--rt-t3);margin-bottom:10px;text-decoration:none}
.rt-phead .rt-crumb:hover{color:var(--rt-t1)}
.rt-phead .rt-crumb .ri{width:14px;height:14px}
.rt-next{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:1.2rem;padding:1rem 1.15rem;border-radius:var(--rt-r-lg);border:1px solid var(--rt-line);background:var(--rt-card)}
.rt-next b{display:block;font-size:.95rem;font-weight:800;margin-bottom:2px}
.rt-next span{font-size:.82rem;color:var(--rt-t3)}
.rt-next .rt-next-t{min-width:0;flex:1 1 260px}

.rt-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:.9rem}
@media(max-width:560px){.rt-head-actions{justify-content:stretch}.rt-head-actions .rt-btn{flex:1}}