/* 0117, remade 30 September 2026 (0135): the pages beside the way in (features, blog, terms, privacy) in the way in's own look.
 * They load land.css for the bar, the heads, the frames and the foot; this sheet adds only what a page of its own needs: the lockup
 * (app.css carries it for the app), a short hero, the feature lists and the text of a long page. */
.lockup{display:inline-block;font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Inter',sans-serif;font-weight:500;font-size:19px;letter-spacing:-.02em;line-height:1;white-space:nowrap;color:currentColor}
.lockup-mark{display:inline-block;width:1.575em;height:.99em;margin:0 .22em;vertical-align:-.16em;color:var(--lockup-ring,#E3F04A)}
.wi-bar .wi-nav a.on{color:#E3F04A}
.wi a.wi-btn{text-decoration:none}
.wi-hero.short{padding:88px var(--side) 56px}
.wi-hero.short h1{max-width:760px}
.wi-hero.short .wi-lead{max-width:680px}
/* the rest of a section's features: a title and a grey line, two or three to a row */
.wi-list{display:grid;grid-template-columns:1fr;gap:28px 40px;border-top:1px solid var(--rule);padding-top:32px}
.wi-list > div{display:flex;flex-direction:column;gap:6px;min-width:0}
.wi-list b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.wi-list span{font-size:15px;line-height:1.5;color:var(--muted)}
.wi-frame .wi-ins-mini{width:100%;max-width:300px;display:flex;flex-direction:column;gap:10px}
.wi-read{background:var(--deep);color:#FFFFFF;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45}
.wi-read i{display:block;font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#E3F04A;margin-bottom:6px}
.wi-lines{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.45}
.wi-lines b{font-weight:600}
.wi-lines span{color:var(--muted)}
/* a long page's text: the blog, the terms, privacy */
.wi-prose{padding:56px var(--side) 24px;max-width:760px;box-sizing:content-box}
.wi-prose h2{margin:40px 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
.wi-prose h3{margin:28px 0 8px;font-size:18px;font-weight:600}
.wi-prose p,.wi-prose li{font-size:16px;line-height:1.65;color:#3E4641}
.wi-prose p{margin:0 0 14px}
.wi-prose ul{margin:0 0 14px;padding-left:22px}
.wi-prose a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.wi-prose .wi-when{font-size:14px;color:var(--muted);margin:0 0 24px}
.wi-posts{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.wi-post{display:block;background:var(--frame);border:1px solid var(--rule);border-radius:14px;padding:22px 24px;text-decoration:none;color:inherit}
.wi-post b{display:block;font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
.wi-post span{font-size:15px;line-height:1.5;color:var(--muted)}
@media (min-width:700px){.wi-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wi-four-sec{padding-top:56px}
.wi-list.four{border-top:0;padding-top:0}
@media (min-width:900px){
  .wi-hero.short{padding:120px var(--side) 72px}
  .wi-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wi-list.four{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wi-four-sec{padding-top:72px}
  .wi-prose{padding-top:80px}
}
/* 30 September 2026: the pages' base, the app's (no grey box on a tap, no text blown up when the phone turns, a button in the page's face) */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,textarea,select{font-family:inherit}
html,body{margin:0}   /* 30 September 2026 (Kostas: "features page has a white stripe around it"): the browser's own 8 px margin, which the app's stylesheet takes away and these pages did not load */
/* 0137: the Blog's list and an entry's foot */
.wi-posts{display:flex;flex-direction:column}
.wi-post-item{padding:22px 0;border-top:1px solid var(--rule)}
.wi-post-item:first-child{border-top:0;padding-top:0}
.wi-post-item h2{margin:4px 0 6px}
.wi-post-item h2 a{color:var(--ink);text-decoration:none}
.wi-post-item p{margin:0 0 8px}
.wi-post-date{font-size:13px!important;color:var(--muted)!important;margin:0!important}
.wi-post-cta{display:flex;gap:16px;align-items:center;margin-top:28px!important}
.wi-post-cta .wi-btn{text-decoration:none;color:#fff}
.wi-ptable{overflow-x:auto;margin:0 0 18px}.wi-ptable table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.45}
.wi-ptable th,.wi-ptable td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #DFE6E1;color:#3E4641}.wi-ptable th{font-weight:600;color:#111814;background:#F4F7F5}   /* 0166 */
.wi-prose strong{color:#111814;font-weight:650}   /* 0166: our name and what it does, in bold */