/* preview.css — TEMPORARY Paco's-editorial restyle of LogitMax pages.
   Used ONLY by the /preview/ mockups. Does not affect the live site. */
:root{
  --ink:#1A1A2E; --ink-2:#0F0F1C; --cream:#F5F0E8; --cream-2:#EDE7DB;
  --gold:#C09A5A; --gold-soft:#D4B07A;
  --rule:rgba(26,26,46,.16); --rule-soft:rgba(26,26,46,.09);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--cream); color:var(--ink);
  font-family:'Inter',system-ui,sans-serif; font-weight:300;
  font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
::selection{background:var(--ink); color:var(--cream);}
a{color:var(--ink);}
.serif{font-family:'Cormorant Garamond',serif; font-weight:300;}
.mono{font-family:'JetBrains Mono',monospace; font-weight:300;}
.container{max-width:1080px; margin:0 auto; padding:0 48px;}
@media(max-width:720px){.container{padding:0 22px;}}

/* NAV */
.nav{position:sticky; top:0; z-index:50; background:rgba(245,240,232,.93); backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--rule-soft);}
.nav-inner{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:62px;}
.nav-mark{font-family:'Cormorant Garamond',serif; font-weight:400; font-size:19px; letter-spacing:.01em; text-decoration:none; color:var(--ink);}
.nav-mark sup{font-family:'JetBrains Mono',monospace; font-size:8px; margin-left:4px; vertical-align:super; color:var(--gold);}
.nav-links{display:flex; gap:30px; justify-content:center;}
.nav-links a{color:var(--ink); text-decoration:none; font-size:10px; text-transform:uppercase; letter-spacing:.26em; transition:color .3s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-right{text-align:right; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ink); opacity:.55;}
@media(max-width:820px){.nav-links{display:none;} .nav-inner{grid-template-columns:1fr 1fr;}}

/* PAGE HEAD */
.page{padding:72px 0 96px;}
.eyebrow{display:flex; align-items:center; gap:16px; margin-bottom:26px;}
.eyebrow .dot{width:5px; height:5px; border-radius:50%; background:var(--gold);}
.eyebrow .smallcaps{font-family:'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.26em; font-size:10px; font-weight:400; color:var(--ink); opacity:.7;}
h1.display{font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(48px,8vw,104px); line-height:.92; letter-spacing:-.03em; margin:0;}
h1.display em{font-style:italic; color:var(--gold);}
.lede{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:clamp(19px,2vw,24px); line-height:1.45; margin:30px 0 0; max-width:60ch; opacity:.9;}
.subnote{font-family:'JetBrains Mono',monospace; font-size:11px; line-height:1.8; opacity:.6; margin:22px 0 0; max-width:80ch;}
.subnote a{color:var(--gold); text-decoration:none; border-bottom:1px solid var(--rule);}
.updated{display:inline-block; margin-top:26px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); border:1px solid var(--rule); padding:6px 12px;}

/* RULE + section label */
.hr{height:1px; background:var(--rule-soft); border:0; margin:0;}
.sec-label{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin:0 0 18px;}

/* BUTTONS */
.btn{display:inline-flex; align-items:center; gap:14px; padding:15px 24px; border:1px solid var(--ink); background:transparent; color:var(--ink); text-decoration:none; font-family:'Inter',sans-serif; font-size:10px; text-transform:uppercase; letter-spacing:.3em; font-weight:400; cursor:pointer; transition:background .35s,color .35s;}
.btn:hover{background:var(--ink); color:var(--cream);}
.btn .arrow{transition:transform .35s;}
.btn:hover .arrow{transform:translateX(5px);}
.btn-dark{background:var(--ink); color:var(--cream);}
.btn-dark:hover{background:var(--ink-2);}

/* EDITORIAL TABLE */
.etable-wrap{margin-top:40px; border-top:1px solid var(--ink);}
table.etable{width:100%; border-collapse:collapse;}
table.etable thead th{
  font-family:'JetBrains Mono',monospace; font-weight:400; font-size:10px;
  text-transform:uppercase; letter-spacing:.16em; color:var(--gold);
  text-align:left; padding:16px 16px; border-bottom:1px solid var(--rule);
  white-space:nowrap; cursor:pointer; user-select:none;
}
table.etable thead th .arrow{opacity:.6; margin-left:4px;}
table.etable tbody td{padding:18px 16px; border-bottom:1px solid var(--rule-soft); vertical-align:middle;}
table.etable tbody tr:hover{background:rgba(192,154,90,.06);}
.etable .m-name{font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:400; letter-spacing:-.01em;}
.etable .num{font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:400; text-align:right; font-variant-numeric:tabular-nums;}
.etable .note{font-family:'JetBrains Mono',monospace; font-size:10px; line-height:1.6; opacity:.55; letter-spacing:.02em;}
.prov{font-family:'Inter',sans-serif; font-size:9.5px; text-transform:uppercase; letter-spacing:.2em; opacity:.6;}
.etable tr.lowest td{background:var(--cream-2);}
.lowest-tag{font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-left:10px;}

/* PANEL with bracket corners */
.panel{position:relative; background:var(--cream-2); border:1px solid var(--rule); padding:40px 40px;}
.corner{position:absolute; width:16px; height:16px; border-color:var(--ink);}
.corner.tl{top:12px; left:12px; border-top:1px solid; border-left:1px solid;}
.corner.br{bottom:12px; right:12px; border-bottom:1px solid; border-right:1px solid;}

/* FORM (calculator) */
.fields{display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px;}
.field{display:flex; flex-direction:column;}
.field label{font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:10px;}
.field input{background:transparent; border:none; border-bottom:1px solid var(--ink); padding:8px 0; font-family:'Cormorant Garamond',serif; font-size:30px; color:var(--ink); outline:none; transition:border-color .25s; font-variant-numeric:tabular-nums;}
.field input:focus{border-bottom-color:var(--gold);}
.field .hint{font-family:'JetBrains Mono',monospace; font-size:9.5px; opacity:.5; margin-top:8px; letter-spacing:.04em;}
.modes{display:inline-flex; border:1px solid var(--ink); margin-bottom:30px;}
.modes button{background:transparent; color:var(--ink); border:none; padding:10px 20px; font-family:'Inter',sans-serif; font-size:9.5px; text-transform:uppercase; letter-spacing:.26em; cursor:pointer; transition:background .3s,color .3s;}
.modes button.active{background:var(--ink); color:var(--cream);}

/* CTA */
.cta{position:relative; margin-top:64px; background:var(--ink); color:var(--cream); padding:52px 48px;}
.cta .sec-label{color:var(--gold-soft);}
.cta h3{font-family:'Cormorant Garamond',serif; font-weight:300; font-size:34px; line-height:1.1; margin:0 0 14px; letter-spacing:-.01em;}
.cta h3 em{font-style:italic; color:var(--gold-soft);}
.cta p{font-family:'Cormorant Garamond',serif; font-size:19px; line-height:1.5; opacity:.8; margin:0 0 28px; max-width:50ch;}
.cta .btn{border-color:var(--cream); color:var(--cream);}
.cta .btn:hover{background:var(--cream); color:var(--ink);}

/* GLOSSARY */
.crumb{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; opacity:.6; margin-bottom:28px;}
.crumb a{color:var(--ink); text-decoration:none;} .crumb a:hover{color:var(--gold);}
.term-aliases{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.04em; opacity:.55; margin:14px 0 30px;}
.term-lead{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:30px; line-height:1.35; border-left:1px solid var(--gold); padding-left:26px; margin:0 0 40px; max-width:30ch;}
.term-body p{font-family:'Cormorant Garamond',serif; font-size:21px; line-height:1.6; margin:0 0 22px; max-width:62ch;}
.term-learn{margin:40px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:22px 0; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase;}
.term-learn a{color:var(--gold); text-decoration:none;}
.related h2{font-family:'Inter',sans-serif; font-size:10px; text-transform:uppercase; letter-spacing:.28em; opacity:.55; margin:0 0 16px; font-weight:400;}
.related a{display:inline-block; margin:0 10px 10px 0; padding:9px 16px; border:1px solid var(--rule); color:var(--ink); text-decoration:none; font-family:'Cormorant Garamond',serif; font-size:18px; transition:border-color .3s,color .3s;}
.related a:hover{border-color:var(--gold); color:var(--gold);}
.gloss-list{list-style:none; padding:0; margin:48px 0 0; border-top:1px solid var(--ink);}
.gloss-list li{padding:26px 0; border-bottom:1px solid var(--rule-soft); display:grid; grid-template-columns:minmax(220px,1fr) 2fr; gap:32px; align-items:baseline;}
.gloss-list a.term{font-family:'Cormorant Garamond',serif; font-size:27px; font-weight:400; color:var(--ink); text-decoration:none; letter-spacing:-.01em; transition:color .3s;}
.gloss-list a.term:hover{color:var(--gold);}
.gloss-list .def{font-family:'JetBrains Mono',monospace; font-size:11px; line-height:1.7; opacity:.6; letter-spacing:.01em;}
@media(max-width:720px){.gloss-list li{grid-template-columns:1fr; gap:8px;}}

/* FOOTER */
footer{background:var(--ink); color:var(--cream); padding:64px 0 36px;}
.ft-inner{display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:20px; border-top:1px solid rgba(245,240,232,.14); padding-top:28px;}
.ft-mark{font-family:'Cormorant Garamond',serif; font-size:30px; font-weight:300;}
.ft-legal{font-family:'JetBrains Mono',monospace; font-size:9.5px; opacity:.4; letter-spacing:.06em;}

@media(max-width:768px){
  .fields{grid-template-columns:1fr; gap:24px;}
  .etable-wrap{overflow-x:auto;}
  .cta{padding:40px 26px;}
}