/* R10 — Terms / License page. Uses the R9 system tokens/fonts from r2.css (cream dotted page, charcoal type, OX blue + coral accents). */
body.lic{background-color:var(--cream)}
.lnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,3vw,44px);
 background:rgba(248,246,235,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1.5px dotted rgba(29,33,36,.28)}
.lnav .brand{display:flex;align-items:center;gap:10px}
.home-pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 5px;border-radius:999px;background:#FFFDF7;color:var(--ink);
 box-shadow:inset 0 0 0 1.6px var(--ink),0 2px 0 rgba(29,33,36,.9);transition:transform .35s var(--spring),box-shadow .35s var(--spring)}
.home-pill b{font:800 .74rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;font-stretch:88%;white-space:nowrap}
.hp-go{position:relative;display:block;width:34px;height:34px;border-radius:50%;background:var(--ink);overflow:hidden}
.hp-go i{position:absolute;inset:0;display:grid;place-items:center;color:var(--cream);font:800 .95rem/1 var(--display);font-style:normal;transition:transform .38s var(--out)}
.hp-go i+i{transform:translateX(110%)}
@media (hover:hover){.home-pill:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.6px var(--ink),0 4px 0 rgba(29,33,36,.9)}
 .home-pill:hover .hp-go i:first-child{transform:translateX(-110%)}.home-pill:hover .hp-go i+i{transform:translateX(0)}}
.home-pill:active{transform:translateY(2px) scale(.975);box-shadow:inset 0 0 0 1.6px var(--ink),0 0 0 var(--ink);transition-duration:.07s}

.ldoc{max-width:1240px;margin:0 auto;padding:clamp(40px,6vw,90px) clamp(16px,5vw,80px) clamp(30px,4vw,60px)}
.lhead{margin-bottom:clamp(36px,5vw,70px)}
.lkick{margin:0 0 16px;font-size:.66rem;display:flex;gap:14px;color:var(--ink2)}
.lkick span+span::before{content:"";display:inline-block;width:18px;height:2px;background:var(--red);vertical-align:middle;margin-right:14px}
.lhead h1{margin:0;font:900 clamp(46px,7.4vw,124px)/.86 var(--display);font-stretch:68%;text-transform:uppercase;letter-spacing:-.015em}
.lhead h1 span{display:inline-block}
.lhead h1 .o{color:transparent;-webkit-text-stroke:max(1.6px,.016em) var(--ink)}
.lupd{margin:18px 0 0;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--blue);box-shadow:inset 0 0 0 1.4px var(--ink);font-size:.62rem}

.lgrid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,720px);gap:clamp(30px,5vw,80px);align-items:start}
.ltoc{position:sticky;top:96px;max-height:calc(100svh - 120px);overflow:auto;padding-right:6px}
.ltoc p{margin:0 0 12px;font-size:.6rem;color:var(--ink2)}
.ltoc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ltoc a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:5px 0;font:700 .78rem/1.25 var(--display);font-stretch:90%;color:var(--ink2);position:relative}
.ltoc a .mono{font-size:.58rem;padding-top:2px}
.ltoc a:hover{color:var(--ink)}
.ltoc a::after{content:"";position:absolute;left:34px;right:0;bottom:1px;border-bottom:2px solid var(--blue2);transform:scaleX(0);transform-origin:0 50%;transition:transform .2s}
.ltoc a:hover::after,.ltoc a:focus-visible::after{transform:scaleX(1)}

.lbody{font:450 1.02rem/1.68 var(--display);color:var(--ink)}
.lbody p{margin:0 0 1em}
.lead{padding:clamp(18px,2.4vw,28px);border-radius:20px;background:#FFFDF7;box-shadow:inset 0 0 0 1.6px var(--ink),4px 5px 0 var(--blue);font-weight:550;margin-bottom:clamp(40px,5vw,64px)!important}
.ls{padding:clamp(26px,3vw,38px) 0;border-top:1.5px dotted rgba(29,33,36,.3);scroll-margin-top:90px}
.ls h2{margin:0 0 16px;display:flex;align-items:baseline;gap:12px;font:900 clamp(1.5rem,2.3vw,2.1rem)/1 var(--display);font-stretch:74%;text-transform:uppercase;letter-spacing:.005em}
.ls h2 .ln{flex:none;display:inline-grid;place-items:center;min-width:2.1em;height:1.45em;padding:0 .35em;border-radius:999px;background:var(--ink);color:var(--cream);font:700 .5em/1 var(--mono);letter-spacing:.06em;transform:translateY(-.18em)}
.lb{margin:0 0 1em;padding:0;list-style:none;display:grid;gap:.45em}
.lb li{position:relative;padding-left:26px}
.lb li::before{content:"";position:absolute;left:4px;top:.72em;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink)}
.lb.yes li::before{background:var(--blue)}
.lb.no li::before{background:var(--red);border-radius:2px;width:10px;height:3px;top:.8em;box-shadow:none}
.lx{padding:14px 18px;border-left:3px solid var(--blue);background:rgba(166,222,242,.22);border-radius:0 12px 12px 0;font-style:italic}

.simple{margin-top:clamp(30px,4vw,56px);padding:clamp(22px,3vw,36px);border-radius:24px;background:var(--ink);color:var(--cream);scroll-margin-top:90px}
.simple h2{margin:0 0 22px;text-align:center;font:900 clamp(1.7rem,2.6vw,2.4rem)/1 var(--display);font-stretch:70%;text-transform:uppercase}
.sv{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.sv h3{margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid currentColor;font-size:.7rem}
.sv .can h3{color:var(--blue)}.sv .cannot h3{color:#ff8a7e}
.sv ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font:500 .95rem/1.45 var(--display)}
.sv li{display:grid;grid-template-columns:32px 1fr;gap:4px}
.sv .sg{font:700 .78rem/1.8 var(--mono)}
.sv .can .sg{color:var(--blue)}.sv .cannot .sg{color:#ff8a7e}
.sv-note{margin:24px 0 0;padding-top:16px;border-top:1.5px dotted rgba(248,246,235,.35);text-align:center;font:italic 500 .9rem/1.5 var(--display);color:rgba(248,246,235,.85)}

.lfoot{margin-top:clamp(50px,6vw,90px);padding-top:26px;border-top:1.5px dotted rgba(29,33,36,.3);display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.lfoot p{margin:0;flex:1;min-width:200px;font-size:.6rem;color:var(--ink2)}
.lseal{position:relative;display:grid;place-items:center;width:58px;height:58px;transform:rotate(-10deg)}
.lseal svg{position:absolute;inset:0;width:100%;height:100%}.lseal img{position:relative;width:38%;height:auto}
.lup{font-size:.6rem;color:var(--ink2)}

@media (max-width:899px){
 .lnav .word{font-size:1.05rem}
 .home-pill{height:40px}.hp-go{width:30px;height:30px}
 .lgrid{grid-template-columns:1fr}
 .ltoc{position:static;max-height:none;padding:16px 18px;border-radius:18px;box-shadow:inset 0 0 0 1.4px rgba(29,33,36,.5)}
 .ltoc ol{grid-template-columns:1fr}
 .lbody{font-size:.98rem;line-height:1.62}
 .sv{grid-template-columns:1fr}
}
@media (max-width:420px){.lnav .brand .word{display:none}}
@media (prefers-reduced-motion:reduce){.home-pill,.home-pill *{transition:none!important}}