/* Inner pages (/book /scan /systems /three-ways) in the site v2 look, 2026-09-28.
   Load order: site.css (the page layouts) -> v2.css (tokens, nav, footer, buttons) -> this file.
   This file only re-skins site.css parts onto the v2 palette: dark ground, Barlow, chamfered panels.
   The page layouts, forms and scripts are unchanged. */

body.inner{
  --carbon:var(--bg);--carbon2:var(--panel2);--white:var(--panel);--ink:var(--text);
  --soft:var(--muted);--soft2:#c4cad6;--dim2:var(--dim);--wline:var(--line);
  --blue-lt:var(--blue-hi);--blue-dk:var(--blue2);--surf:var(--panel);
  --r:0px;--r-sm:0px;--r-lg:0px;--r-xs:0px;
  background:var(--bg);color:var(--muted);font-family:var(--body);font-size:17px;
}
body.inner.dark,body.inner.grid-bg{background-color:var(--bg)}
body.inner main{padding-top:112px}
body.inner .page,body.inner .book{padding-top:112px}

/* type: Barlow Condensed uppercase for titles, Barlow for everything else */
body.inner h1,body.inner h2,body.inner h3,body.inner .display,
body.inner .stay .h,body.inner .own .h,body.inner .dream .h,body.inner .lib-h .display,
body.inner .lib summary .display,body.inner .gradeline .g,body.inner .menu .pkg .n,body.inner .menu .pkg .p,
body.inner .stay .top{font-family:var(--head);letter-spacing:.01em;color:var(--text)}
body.inner h1{text-transform:uppercase;font-weight:700;line-height:1.02;font-size:clamp(38px,5vw,60px)!important}
body.inner h2,body.inner h3,body.inner .stay .h,body.inner .own .h{text-transform:uppercase;font-weight:600}
body.inner .kicker{font-family:var(--head);font-size:15px;font-weight:600;letter-spacing:.14em;color:var(--blue-hi)}
body.inner .lede{color:var(--muted);font-size:18px!important}
body.inner .fine{color:var(--muted);font-size:14px}
body.inner a:not(.btn){color:var(--blue-hi)}
body.inner a:not(.btn):hover{color:var(--text)}
body.inner .nav a:not(.btn),body.inner .foot a:not(.btn){color:inherit}
body.inner .foot nav .team-login{color:var(--pale)}

/* chamfered panels, the v2 card shape */
body.inner .stay,body.inner .bookcard,body.inner .menu:not(.nav .menu),body.inner .scan,body.inner .own,
body.inner .dream,body.inner .lib,body.inner .lib-trade,body.inner .result{
  background:var(--panel);border:1px solid var(--line);box-shadow:none;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
body.inner .dream,body.inner .lib-trade,body.inner .result{background:var(--panel2);--cut:12px}
body.inner .stay.mid,body.inner .own{border-color:var(--blue);background:linear-gradient(180deg,var(--bg2),var(--panel))}
body.inner .stay p,body.inner .dream p,body.inner .own p,body.inner .lib-trade li{color:var(--muted);font-size:16px}
body.inner .stay .end{color:var(--text)}
body.inner .stay .top{color:var(--line2)}
body.inner .reg::before,body.inner .reg::after{display:none}

/* the scan page's price menu shares a class name with the v2 nav menu: restore it inside main */
body.inner main .menu{position:static;display:flex;flex-direction:column;align-items:stretch;gap:14px;
  font-family:var(--body);font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text);
  padding:28px 30px;max-width:720px;border-bottom:1px solid var(--line)}
body.inner main .menu .dots{border-bottom-color:var(--line2)}
body.inner main .menu .pr{color:var(--muted)}
body.inner main .menu .total{border-top-color:var(--line)}

/* ...and keep site.css's price-menu box off the v2 nav menu */
body.inner .nav .menu{background:none;border:0;border-radius:0;padding:0;max-width:none;box-shadow:none;flex-direction:row;gap:28px}
@media(max-width:1100px){
  body.inner .nav .menu{flex-direction:column;gap:0;padding:8px 20px 20px;background:var(--bg);border-bottom:1px solid var(--line)}
}

/* forms */
body.inner .field label{color:var(--text);font-size:15px}
body.inner .field input,body.inner .field textarea{background:var(--bg2);border:1px solid var(--line2);color:var(--text);font-size:16px}
body.inner .field input:focus,body.inner .field textarea:focus{border-color:var(--blue-hi)}
body.inner .field input::placeholder,body.inner .field textarea::placeholder{color:var(--dim)}
body.inner .scanform{background:var(--bg2);border:1px solid var(--line2)}
body.inner .scanform input{font-family:var(--body);font-size:16px}
body.inner .intent span{color:var(--pale);border-color:rgba(125,149,255,.4)}

/* site.css buttons keep their job but take the v2 shape */
body.inner .btn.primary{background:none;color:#fff}
body.inner .btn.soft{--c:var(--panel3);background:none;color:var(--text);border:0}
body.inner button.btn{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:18px}

@media(max-width:860px){
  body.inner main,body.inner .page,body.inner .book{padding-top:96px}
  body.inner .stays{grid-template-columns:1fr}
  body.inner .page{padding-left:20px;padding-right:20px}
}

/* no hero behind the nav on these pages: keep it solid from the first pixel */
body.inner .nav{display:block;padding:0;border-bottom:0;flex-wrap:nowrap;background:var(--bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}