:root {
  --sans:"Avenir Next","Segoe UI","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --mono:"SF Mono","JetBrains Mono","Menlo","Consolas","Liberation Mono",monospace;
  --wrap:1280px;
  --header-h:64px;
  --h1:56px;
  --h2:36px;
  --h3:22px;
  --body:16px;
  --small:14px;
  --micro:12px;
  --lead:18px;
  --ink:#2b3443;
  --slate:#3f4959;
  --text:#4b5566;
  --muted:#7b8595;
  --line:#e2e7eb;
  --paper:#ffffff;
  --bg:#f7f9fa;
  --ice:#e4f1f0;
  --ice-2:#eff7f6;
  --coral:#ec6847;
  --coral-d:#d9583a;
  --coral-ink:#b0432a;
  --coral-t:#fcebe5;
  --deep:#133c42;
  --deep-2:#1c4a50;
  --sea:#23998c;
  --sea-ink:#1b7268;
  --sea-t:#e0f2ef;
  --ochre-ink:#87601a;
  --ochre-t:#faf0da;
  --plum-ink:#5f4a9e;
  --plum-t:#eeeafa;
  --control-line:#d3dadf;
  --control-slate:#5b6576;
  --control-line-light:#dbe2e6;
  --control-sea:#eef8f7;
  --bar-track:#cfe3e1;
  --ghost-line:#cdd6dc;
  --night-muted:#c3d8da;
  --night-icon:#9fbfc2;
  --screen:#edf1f4;
  --screen-base:#6a7485;
  --screen-notch:#566070;
  --mail-ink:#1d1d1f;
  --mail-text:#515154;
  --mail-code:#f3f5f7;
  --brand-airbnb:#ff5a5f;
  --strip-ink:#6d7787;
  --decor:#f3f6f8;
  --tile-line:#dde4e9;
  --tile-left:#dbe3e9;
  --tile-right:#c7d2da;
  --coral-side:#cf5536;
  --coral-side-dark:#b4472b;
  --deep-side:#0e2f34;
  --deep-side-dark:#0a2529;
  --window-sky:#eaf3f4;
  --window-glass:#d7e9ec;
  --window-city:#b9d2d7;
  --window-floor:#cfd8de;
  --ochre-detail:#e0a83c;
  --sea-detail:#9cc9c3;
  --strip-icon:#8b95a4;
  --transparent:transparent;
  --shadow-color:rgba(19,60,66,.08);
  --shadow-soft:rgba(19,60,66,.06);
  --shadow-wide:rgba(19,60,66,.12);
  --shadow-tiny:rgba(19,60,66,.05);
  --veil:rgba(19,60,66,.42);
  --r-s:4px;
  --r-m:12px;
  --r-p:999px;
  --radius-control:var(--r-p);
  --radius-card:var(--r-m);
  --s1:8px;
  --s2:12px;
  --s3:16px;
  --s4:24px;
  --s5:32px;
  --s6:48px;
  --s7:96px;
  --shadow:0 1px 2px var(--shadow-soft),0 8px 24px var(--shadow-color);
  --shadow-lg:0 2px 4px var(--shadow-soft),0 24px 48px var(--shadow-wide);
}
* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html {
  background:var(--paper);
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h) + var(--s4));
}
body {
  font-family:var(--sans);
  font-size:var(--body);
  font-weight:400;
  line-height:1.6;
  color:var(--text);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
body.reader-open,body.modal-open {
  overflow:hidden;
}
a {
  color:inherit;
  text-decoration:none;
}
button,input,textarea {
  font:inherit;
}
button {
  cursor:pointer;
}
button:disabled {
  cursor:wait;
  opacity:.65;
}
ul {
  list-style:none;
}
img,svg {
  vertical-align:middle;
}
img {
  max-width:100%;
}
button,a,input,textarea,summary {
  -webkit-tap-highlight-color:var(--transparent);
}
:focus-visible {
  outline:2px solid var(--ink);
  outline-offset:4px;
}
[hidden] {
  display:none !important;
}
.wrap {
  width:min(var(--wrap),calc(100% - 64px));
  margin:0 auto;
}
.mono {
  font-family:var(--mono);
  letter-spacing:0;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
.skip-link {
  position:fixed;
  left:16px;
  top:8px;
  z-index:150;
  transform:translateY(-150%);
  padding:8px 16px;
  background:var(--paper);
  color:var(--ink);
  border-radius:var(--r-s);
}
.skip-link:focus {
  transform:none;
}
.site-head {
  height:var(--header-h);
  background:var(--paper);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:50;
}
.site-head .wrap {
  height:var(--header-h);
  display:flex;
  align-items:center;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--slate);
  flex-shrink:0;
}
.brand img {
  width:28px;
  height:28px;
  flex:none;
}
.brand span {
  font-size:22px;
  font-weight:500;
  letter-spacing:-.01em;
}
.nav {
  display:flex;
  gap:32px;
  margin-left:56px;
}
.nav a {
  font-size:14px;
  font-weight:500;
  color:var(--slate);
  padding:8px 0;
  border-bottom:2px solid var(--transparent);
}
.nav a:hover {
  color:var(--coral-ink);
}
.nav a.on,.nav a[aria-current="page"] {
  border-bottom-color:var(--coral);
}
.head-right {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:16px;
}
.language {
  position:relative;
}
.lang {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:500;
  color:var(--slate);
  background:var(--paper);
  padding:8px 34px 8px 16px;
  border:0;
  border-right:1px solid var(--line);
  min-height:40px;
}
.chevron {
  width:7px;
  height:7px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  flex:none;
  display:inline-block;
  transform:rotate(45deg);
}
.lang .chevron {
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(calc(-50% - .14em)) rotate(45deg);
}
.lang-menu,.filter-menu {
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  right:0;
  min-width:168px;
  padding:8px;
  border:1px solid var(--control-line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--ink);
  box-shadow:var(--shadow-lg);
}
.lang-menu a,.filter-menu button {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:8px 12px;
  text-align:left;
  font-size:14px;
  border:0;
  border-radius:var(--r-s);
  background:var(--paper);
  color:var(--slate);
}
.lang-menu a:hover,.lang-menu a[aria-current],.filter-menu button:hover,.filter-menu [aria-selected="true"] {
  background:var(--ice-2);
  color:var(--sea-ink);
}
.menu-toggle {
  display:none;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid var(--line);
  border-radius:var(--r-s);
  background:var(--paper);
  color:var(--slate);
}
.nav-drawer {
  position:fixed;
  z-index:70;
  left:16px;
  right:auto;
  top:calc(var(--header-h) + 8px);
  width:min(320px,calc(100% - 32px));
  max-height:calc(100dvh - var(--header-h) - 24px);
  overflow-y:auto;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  box-shadow:var(--shadow-lg);
  padding:12px;
  text-align:left;
}
.nav-drawer a {
  display:flex;
  align-items:center;
  min-height:44px;
  padding:8px 16px;
  border-radius:var(--r-s);
  font-size:14px;
}
.nav-drawer a:hover,.nav-drawer a[aria-current] {
  background:var(--ice-2);
  color:var(--sea-ink);
}
.x-short {
  display:none;
}
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--sans);
  font-weight:500;
  line-height:1.35;
  border-radius:var(--r-p);
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
  max-width:100%;
}
.btn-sm {
  min-height:40px;
  padding:8px 24px;
  font-size:14px;
}
.btn-coral {
  background:var(--coral);
  color:var(--paper);
  border:1px solid var(--coral);
}
.btn-coral:hover {
  background:var(--coral-d);
  color:var(--paper);
  border-color:var(--coral-d);
}
.btn-line {
  background:var(--paper);
  color:var(--slate);
  border:1px solid var(--control-line);
}
.btn-line:hover {
  background:var(--paper);
  border-color:var(--sea);
  color:var(--sea-ink);
}
.btn-slate {
  background:var(--control-slate);
  color:var(--paper);
  border:1px solid var(--control-slate);
}
.btn-slate:hover {
  background:var(--slate);
  color:var(--paper);
  border-color:var(--slate);
}
.btn-white {
  background:var(--paper);
  color:var(--deep);
  border:1px solid var(--paper);
}
.btn-white:hover {
  background:var(--ice);
  color:var(--deep);
  border-color:var(--ice);
}
.btn-lg {
  min-height:56px;
  padding:12px 48px;
  font-size:18px;
  border-radius:var(--r-s);
}
.hero {
  position:relative;
  background:var(--ice);
  padding:96px 0 136px;
  overflow:hidden;
}
.hero-art {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
.hero-art .arc {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:240px;
}
.hero-art .apps {
  position:absolute;
  top:28px;
  left:calc(50% + 72px);
  display:flex;
  align-items:center;
  gap:16px;
}
.app {
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--paper);
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.app.big {
  width:56px;
  height:56px;
  background:var(--deep);
}
.app i {
  position:absolute;
  top:-2px;
  right:-2px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--coral);
  border:2px solid var(--paper);
}
.hero .wrap {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,460fr) minmax(0,764fr);
  gap:56px;
  align-items:start;
}
.hero-copy {
  padding-top:32px;
  min-width:0;
}
.hero h1 {
  font-size:var(--h1);
  line-height:64px;
  font-weight:500;
  letter-spacing:-.01em;
  color:var(--slate);
}
.hero h1 em {
  font-style:normal;
  color:var(--sea);
}
.lead {
  font-size:18px;
  line-height:30px;
  color:var(--text);
  margin-top:24px;
  max-width:440px;
}
.addr {
  margin-top:32px;
  background:var(--paper);
  border-radius:var(--r-m);
  padding:16px 24px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.addr > svg {
  flex:none;
}
.addr > div {
  min-width:0;
}
.addr-lbl {
  font-size:12px;
  color:var(--muted);
  line-height:1.4;
}
.addr-val {
  font-family:var(--mono);
  font-size:22px;
  letter-spacing:0;
  color:var(--ink);
  white-space:nowrap;
  line-height:1.4;
  overflow-x:auto;
  scrollbar-width:thin;
}
.addr-val b {
  font-weight:400;
  color:var(--muted);
}
.btn-hero {
  min-height:56px;
  width:100%;
  font-size:18px;
  margin-top:16px;
  padding:12px 20px;
}
.btn-hero.btn-line {
  border-color:var(--control-line-light);
  box-shadow:0 1px 2px var(--shadow-tiny);
}
.ttl {
  margin-top:24px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.ttl-k {
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  color:var(--slate);
}
.ttl-v {
  font-family:var(--mono);
  font-size:16px;
  color:var(--ink);
  letter-spacing:0;
}
.chip {
  min-height:32px;
  padding:4px 16px;
  font-size:14px;
  border-radius:var(--r-p);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:500;
  line-height:1.35;
}
.chip-slate {
  background:var(--control-slate);
  color:var(--paper);
  border:1px solid var(--control-slate);
}
.chip-line {
  border:1px solid var(--sea);
  color:var(--sea-ink);
  background:var(--control-sea);
}
.bar {
  height:4px;
  background:var(--bar-track);
  border-radius:var(--r-p);
  margin-top:16px;
  overflow:hidden;
}
.bar span {
  display:block;
  width:0;
  height:100%;
  background:var(--sea);
  transition:width 1s linear;
}
.fine {
  font-size:12px;
  color:var(--muted);
  margin-top:12px;
}
.win {
  display:grid;
  grid-template-columns:64px 240px minmax(0,1fr);
  height:640px;
  min-height:600px;
  background:var(--paper);
  border-radius:var(--r-m);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
  margin-top:48px;
}
.rail {
  background:var(--deep);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:24px 0;
  gap:8px;
}
.rail-mark {
  margin-bottom:24px;
}
.rail a,.rail button {
  width:40px;
  height:40px;
  border:0;
  background:var(--transparent);
  color:var(--night-icon);
  border-radius:var(--r-s);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.rail a.on {
  background:var(--deep-2);
  color:var(--paper);
}
.rail a em {
  position:absolute;
  top:4px;
  right:2px;
  min-width:16px;
  height:16px;
  border-radius:var(--r-p);
  background:var(--coral);
  color:var(--paper);
  font-size:12px;
  line-height:16px;
  font-style:normal;
  text-align:center;
  font-weight:600;
}
.list {
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  background:var(--paper);
  min-height:0;
  min-width:0;
}
.list-head {
  height:56px;
  flex:none;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  gap:8px;
}
.list-head h2 {
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  line-height:1.4;
}
.count {
  font-size:12px;
  color:var(--muted);
}
.refresh {
  margin-left:auto;
  width:32px;
  height:32px;
  border-radius:var(--r-s);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--text);
  flex:none;
}
.mail-list {
  overflow-y:auto;
  min-height:0;
  flex:1;
}
.row {
  width:100%;
  height:76px;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border:0;
  border-bottom:1px solid var(--line);
  position:relative;
  text-align:left;
  background:var(--paper);
  color:var(--text);
}
.row.on,.row.is-active {
  background:var(--ice-2);
  color:var(--text);
}
.row.on::before,.row.is-active::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--coral);
}
.av {
  width:36px;
  height:36px;
  border-radius:50%;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  font-size:14px;
  color:var(--paper);
  background:var(--deep);
}
.av-apple {
  background:var(--mail-ink);
  color:var(--paper);
}
.av-bnb {
  background:var(--brand-airbnb);
  color:var(--paper);
}
.row-main {
  min-width:0;
  flex:1;
}
.row-top {
  display:flex;
  align-items:center;
  gap:8px;
  line-height:20px;
}
.row-top b {
  font-size:14px;
  font-weight:600;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.row-top time {
  margin-left:auto;
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
  flex:none;
}
.row-sub {
  display:block;
  font-size:14px;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:20px;
  margin-top:4px;
}
.demo {
  display:inline-block;
  font-size:12px;
  line-height:18px;
  padding:0 6px;
  border-radius:var(--r-s);
  background:var(--ochre-t);
  color:var(--ochre-ink);
  font-weight:500;
  flex:none;
}
.list-empty {
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--muted);
  font-size:12px;
  padding:24px;
  text-align:center;
}
.read {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  background:var(--paper);
  color:var(--text);
}
.reader-actions {
  display:none;
}
.read-head {
  padding:16px 24px;
  border-bottom:1px solid var(--line);
  flex:none;
}
.read-subj {
  font-size:18px;
  font-weight:500;
  color:var(--ink);
  line-height:28px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-wrap:anywhere;
}
.from {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
}
.from .av {
  width:36px;
  height:36px;
}
.from > div {
  min-width:0;
}
.from-n {
  font-size:14px;
  font-weight:600;
  color:var(--ink);
  line-height:20px;
  overflow-wrap:anywhere;
}
.from-t {
  font-size:12px;
  color:var(--muted);
  line-height:18px;
  overflow-wrap:anywhere;
}
.from-t .mono {
  color:var(--text);
}
.from time {
  margin-left:auto;
  font-size:12px;
  color:var(--muted);
  align-self:center;
  flex:none;
}
.read-body {
  flex:1;
  min-height:0;
  background:var(--bg);
  padding:24px;
  overflow:auto;
  overscroll-behavior:contain;
}
.mail {
  background:var(--paper);
  border-radius:var(--r-m);
  border:1px solid var(--line);
  padding:32px 32px 24px;
  text-align:center;
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.mail-brand {
  font-size:14px;
  font-weight:600;
  color:var(--mail-ink);
  letter-spacing:.02em;
}
.mail h3 {
  font-size:22px;
  font-weight:500;
  color:var(--mail-ink);
  margin-top:16px;
  line-height:1.4;
}
.mail p {
  font-size:14px;
  color:var(--mail-text);
  line-height:1.7;
  margin-top:12px;
}
.code {
  margin:24px auto 0;
  font-family:var(--mono);
  font-size:36px;
  letter-spacing:.24em;
  padding:12px 16px 12px 24px;
  background:var(--mail-code);
  border-radius:var(--r-s);
  color:var(--mail-ink);
  line-height:1.3;
}
.mail .note {
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-size:12px;
  color:var(--muted);
}
.read-foot {
  min-height:64px;
  flex:none;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 24px;
}
.read-foot .btn-sm {
  min-height:36px;
  padding:6px 16px;
}
.read-foot > span {
  margin-left:auto;
  font-size:12px;
  color:var(--muted);
}
.mail-frame {
  display:block;
  width:100%;
  min-height:340px;
  border:0;
  background:var(--paper);
  color:var(--ink);
}
.mail-text {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:14px/1.8 var(--mono);
  color:var(--ink);
  background:var(--paper);
  padding:24px;
}
.is-real [data-demo-brand],.is-real .demo-pill {
  display:none;
}
.empty-host {
  display:grid;
  place-items:center;
}
.empty-state {
  width:min(420px,calc(100% - 32px));
  min-height:0;
  height:auto;
  padding:20px;
  background:var(--ice-2);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  margin:24px auto;
  text-align:center;
}
.empty-state h3 {
  font-size:18px;
  font-weight:500;
  color:var(--ink);
}
.empty-state p {
  font-size:14px;
  margin-top:8px;
}
.strip {
  padding:48px 0 64px;
  background:var(--paper);
}
.strip-k {
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  color:var(--muted);
  text-align:center;
}
.strip ul {
  display:flex;
  justify-content:space-between;
  gap:24px;
  margin-top:24px;
  padding:0 32px;
}
.strip li {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:500;
  color:var(--strip-ink);
}
.strip li svg {
  flex:none;
}
.sec {
  padding:96px 0;
}
.sec-h {
  text-align:center;
}
.sec-h h2,.h2 {
  font-size:var(--h2);
  line-height:1.35;
  font-weight:400;
  color:var(--ink);
  letter-spacing:-.01em;
}
.sec-h h2 em,.h2 em {
  font-style:normal;
  color:var(--coral);
}
.sec-h p {
  font-size:18px;
  line-height:30px;
  margin:20px auto 0;
  max-width:600px;
}
.eyebrow {
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--muted);
  margin:0 0 20px;
}
.eyebrow + h1,.eyebrow + h2,.eyebrow + h3 {
  margin-top:20px;
}
.section-intro {
  margin-top:20px;
}
.points {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  margin-top:56px;
}
.pt {
  background:var(--paper);
  border-radius:var(--r-m);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.pt-art {
  height:200px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pt-body {
  padding:32px;
  text-align:center;
}
.pt-body .eyebrow {
  color:inherit;
  margin-bottom:20px;
}
.pt h3 {
  font-size:22px;
  font-weight:500;
  color:var(--ink);
  line-height:1.45;
  margin-top:20px;
}
.pt p:not(.eyebrow) {
  font-size:16px;
  margin-top:12px;
}
.pt.c1 .pt-art {
  background:var(--coral-t);
  color:var(--coral-ink);
}
.pt.c1 .eyebrow {
  color:var(--coral-ink);
}
.pt.c2 .pt-art {
  background:var(--sea-t);
  color:var(--sea-ink);
}
.pt.c2 .eyebrow {
  color:var(--sea-ink);
}
.pt.c3 .pt-art {
  background:var(--ochre-t);
  color:var(--ochre-ink);
}
.pt.c3 .eyebrow {
  color:var(--ochre-ink);
}
.limits {
  margin-top:64px;
  background:var(--deep);
  color:var(--paper);
  border-radius:var(--r-m);
  padding:32px 48px;
  display:flex;
  align-items:center;
  gap:48px;
}
.limits-t {
  display:flex;
  align-items:center;
  gap:16px;
  color:var(--paper);
  font-size:22px;
  font-weight:500;
  white-space:nowrap;
}
.limits p {
  color:var(--night-muted);
  font-size:14px;
  line-height:1.7;
  flex:1;
}
.limits p b {
  color:var(--paper);
  font-weight:600;
}
.flow {
  background:var(--bg);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.flow-grid {
  display:grid;
  grid-template-columns:minmax(0,600fr) minmax(0,624fr);
  gap:56px;
  margin-top:64px;
  align-items:center;
}
.laptop {
  position:relative;
}
.screen {
  background:var(--slate);
  border-radius:var(--r-m) var(--r-m) 0 0;
  padding:16px 16px 0;
  width:calc(100% - 40px);
  margin:0 auto;
}
.screen-in {
  background:var(--screen);
  height:340px;
  border-radius:var(--r-s) var(--r-s) 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.base {
  height:16px;
  background:var(--screen-base);
  border-radius:0 0 var(--r-m) var(--r-m);
  width:100%;
  position:relative;
}
.base::after {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:120px;
  height:6px;
  margin-left:-60px;
  background:var(--screen-notch);
  border-radius:0 0 var(--r-s) var(--r-s);
}
.portal {
  width:300px;
  background:var(--paper);
  border-radius:var(--r-m);
  padding:24px;
  box-shadow:var(--shadow);
  margin-left:-120px;
}
.portal-t {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:600;
  color:var(--ink);
}
.portal small {
  display:block;
  font-size:12px;
  color:var(--muted);
  margin-top:4px;
}
.field {
  margin-top:16px;
  font-size:12px;
  color:var(--muted);
}
.input {
  margin-top:4px;
  height:40px;
  border:1px solid var(--coral);
  border-radius:var(--r-s);
  display:flex;
  align-items:center;
  padding:0 12px;
  font-family:var(--mono);
  font-size:14px;
  color:var(--ink);
  background:var(--paper);
}
.input i {
  width:1px;
  height:18px;
  background:var(--coral);
  margin-left:2px;
}
.agree {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--text);
  margin-top:12px;
}
.agree span {
  width:14px;
  height:14px;
  border-radius:var(--r-s);
  background:var(--sea);
  color:var(--paper);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.portal .go {
  margin-top:16px;
  height:36px;
  border-radius:var(--r-s);
  background:var(--slate);
  color:var(--paper);
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:500;
}
.toast {
  position:absolute;
  right:24px;
  top:48px;
  width:236px;
  background:var(--paper);
  color:var(--text);
  border-radius:var(--r-m);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.toast-h {
  background:var(--deep);
  color:var(--paper);
  font-size:12px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px;
}
.toast-b {
  padding:12px;
  font-size:12px;
  color:var(--text);
  line-height:1.6;
}
.toast-b b {
  display:block;
  font-size:14px;
  color:var(--ink);
  font-weight:600;
}
.steps {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.step {
  background:var(--paper);
  color:var(--text);
  border-radius:var(--r-m);
  padding:32px 28px;
  box-shadow:var(--shadow);
}
.step-i {
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--paper);
  font-weight:600;
  font-size:16px;
}
.step h3 {
  font-size:18px;
  font-weight:600;
  margin-top:24px;
  line-height:1.4;
}
.step p {
  font-size:16px;
  margin-top:8px;
}
.s1 .step-i {
  background:var(--plum-ink);
  color:var(--paper);
}
.s1 h3 {
  color:var(--plum-ink);
}
.s2 .step-i {
  background:var(--coral);
  color:var(--paper);
}
.s2 h3 {
  color:var(--coral-ink);
}
.s3 .step-i {
  background:var(--sea);
  color:var(--paper);
}
.s3 h3 {
  color:var(--sea-ink);
}
.s4 .step-i {
  background:var(--ochre-ink);
  color:var(--paper);
}
.s4 h3 {
  color:var(--ochre-ink);
}
.fwd {
  position:relative;
  overflow:hidden;
  background:var(--paper);
}
.fwd-bg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.fwd .wrap {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,520fr) minmax(0,704fr);
  gap:56px;
  align-items:center;
}
.fwd .h2 {
  margin-top:20px;
}
.fwd .h2 em {
  color:var(--sea);
}
.fwd p.desc {
  font-size:16px;
  margin-top:24px;
  max-width:500px;
}
.ticks {
  margin-top:24px;
  display:grid;
  gap:12px;
}
.ticks li {
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:16px;
  color:var(--text);
}
.ticks svg {
  flex:none;
  margin-top:4px;
}
.fwd-cta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
  margin-top:32px;
}
.link {
  font-size:16px;
  font-weight:500;
  color:var(--sea-ink);
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.link:hover {
  color:var(--coral-ink);
}
.forward-art {
  width:100%;
  height:auto;
}
.scenes {
  background:var(--ice-2);
}
.scene {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:64px;
  align-items:center;
}
.scene-first {
  margin-top:64px;
}
.scene + .scene {
  margin-top:96px;
}
.scene figure {
  height:400px;
  border-radius:var(--r-m);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.scene img,.scene figure > svg {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.scene h3 {
  font-size:36px;
  line-height:1.35;
  font-weight:400;
  color:var(--ink);
  margin-top:20px;
}
.scene p:not(.eyebrow) {
  font-size:16px;
  margin-top:16px;
  max-width:480px;
}
.scene .link {
  margin-top:24px;
}
.scene .eyebrow.k1 {
  color:var(--coral-ink);
}
.scene .eyebrow.k2 {
  color:var(--plum-ink);
}
.faq-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 48px;
  margin-top:56px;
}
.faq-grid details {
  border-top:1px solid var(--line);
  padding:24px 0;
}
.faq-grid summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:18px;
  font-weight:500;
  color:var(--ink);
}
.faq-grid summary::-webkit-details-marker {
  display:none;
}
.faq-grid summary svg {
  flex:none;
  transition:transform .2s;
}
.faq-grid details[open] summary svg {
  transform:rotate(45deg);
}
.faq-grid details p {
  font-size:16px;
  margin-top:12px;
  max-width:540px;
}
.faq-more {
  text-align:center;
  margin-top:32px;
}
.cta {
  background:var(--ice);
  position:relative;
  overflow:hidden;
  padding:128px 0 112px;
  text-align:center;
}
.cta-arc {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:120px;
}
.cta .wrap {
  position:relative;
}
.cta h2 {
  font-size:36px;
  font-weight:400;
  color:var(--ink);
  line-height:1.35;
}
.cta p {
  font-size:18px;
  margin-top:20px;
}
.cta-btns {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:32px;
}
.cta-btns .btn {
  min-height:56px;
  padding:12px 48px;
  font-size:18px;
}
.foot {
  background:var(--paper);
  border-top:1px solid var(--line);
  padding:64px 0 32px;
}
.foot-grid {
  display:grid;
  grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));
  gap:48px;
}
.foot-brand p {
  font-size:14px;
  color:var(--muted);
  margin-top:16px;
  max-width:360px;
}
.foot-brand .mail-l {
  margin-top:16px;
  font-family:var(--mono);
  font-size:14px;
  padding-inline:16px;
}
.foot h4 {
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--slate);
}
.foot ul {
  margin-top:16px;
  display:grid;
  gap:12px;
}
.foot li a {
  font-size:14px;
  color:var(--text);
  overflow-wrap:anywhere;
}
.foot li a:hover {
  color:var(--coral-ink);
}
.foot-bot {
  margin-top:48px;
  padding-top:24px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-size:12px;
  color:var(--muted);
}
.shell-toast {
  position:fixed;
  z-index:140;
  left:50%;
  bottom:24px;
  width:max-content;
  max-width:min(430px,calc(100% - 32px));
  transform:translate(-50%,12px);
  padding:14px 20px;
  border-radius:var(--r-m);
  background:var(--deep);
  color:var(--paper);
  box-shadow:var(--shadow-lg);
  font-size:14px;
  line-height:1.6;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s,transform .18s,visibility .18s;
  overflow-wrap:anywhere;
}
.shell-toast.show {
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.field-group {
  display:grid;
  gap:8px;
}
.field-group label {
  font-size:14px;
  font-weight:500;
  color:var(--ink);
}
.text-field,input:not([type="checkbox"]):not([type="radio"]):not([data-alias-prefix]),textarea {
  min-width:0;
  min-height:44px;
  width:100%;
  border:1px solid var(--control-line);
  border-radius:var(--r-s);
  padding:10px 14px;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  background:var(--paper);
  color:var(--ink);
}
input::placeholder,textarea::placeholder {
  color:var(--muted);
  font-size:14px;
}
input:focus,textarea:focus {
  outline:none;
  border-color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink);
}
.field-help,.field-error {
  font-size:14px;
  line-height:1.6;
}
.field-help {
  color:var(--muted);
}
.field-error {
  color:var(--coral-ink);
}
.actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.surface-card {
  background:var(--paper);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  padding:32px;
  box-shadow:var(--shadow);
}
.surface-card h2,.surface-card h3 {
  font-size:22px;
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.status-pill {
  display:inline-flex;
  align-items:center;
  width:fit-content;
  gap:8px;
  padding:4px 12px;
  font-size:12px;
  line-height:1.5;
  border-radius:var(--r-p);
  background:var(--sea-t);
  color:var(--sea-ink);
  margin:0;
}
.status-pill.is-idle {
  background:var(--ochre-t);
  color:var(--ochre-ink);
}
.status-pill.is-error {
  background:var(--coral-t);
  color:var(--coral-ink);
}
.filter {
  position:relative;
  width:fit-content;
}
.filter-trigger {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:40px;
  padding:8px 16px;
  font-size:14px;
  line-height:1.4;
  border:1px solid var(--control-line);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--slate);
}
.filter-menu {
  left:0;
  right:auto;
  min-width:180px;
}
.table-scroll {
  overflow-x:auto;
  margin-top:24px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:14px;
}
th,td {
  padding:16px;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
}
th {
  font-size:12px;
  font-weight:500;
  background:var(--ice-2);
  color:var(--slate);
}
tbody tr:last-child td {
  border-bottom:0;
}
.modal-backdrop {
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:var(--veil);
}
.modal {
  width:min(420px,100%);
  max-height:calc(100dvh - 48px);
  overflow:auto;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
  box-shadow:var(--shadow-lg);
}
.modal h2 {
  font-size:22px;
  line-height:1.4;
  color:var(--ink);
  font-weight:500;
}
.modal-title {
  display:flex;
  align-items:center;
  gap:12px;
}
.modal p {
  margin-top:16px;
  font-size:14px;
}
.modal .actions {
  justify-content:flex-end;
}
.auth-layout {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(var(--wrap),calc(100% - 64px));
  margin:64px auto 96px;
  gap:64px;
  align-items:center;
}
.auth-story {
  padding:32px 0 var(--s6);
}
.auth-story h1 {
  font-size:44px;
  font-weight:500;
  line-height:1.3;
  color:var(--slate);
}
.auth-story p {
  margin-top:24px;
  max-width:480px;
}
.login-card {
  padding:40px;
  border-radius:var(--r-m);
  background:var(--ice-2);
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.login-card h2 {
  font-size:22px;
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.login-card form {
  display:grid;
  gap:20px;
  margin-top:24px;
}
.login-notice {
  margin:16px 0;
  padding:12px 16px;
  font-size:14px;
  background:var(--sea-t);
  color:var(--sea-ink);
  border-radius:var(--r-s);
  overflow-wrap:anywhere;
}
.login-secondary {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.login-secondary .btn {
  min-height:40px;
  background:var(--paper);
  color:var(--slate);
  border:1px solid var(--control-line);
}
.desk {
  padding:48px 0 96px;
}
.desk-session {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  padding-bottom:32px;
}
.desk-session [data-session-email] {
  font-family:var(--mono);
  font-size:14px;
  overflow-wrap:anywhere;
}
.desk-session [data-logout] {
  margin-left:auto;
}
.alias-surface {
  padding:32px;
  background:var(--ice-2);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--r-m);
}
.alias-compose {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:24px;
}
.alias-input {
  display:flex;
  align-items:center;
  gap:12px;
  flex:1;
  min-width:0;
}
.alias-input input {
  border-radius:var(--r-p);
}
.alias-prefix {
  min-width:0;
  min-height:44px;
  width:100%;
  border:1px solid var(--control-line);
  border-radius:var(--r-p);
  padding:10px 16px;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  background:var(--paper);
  color:var(--ink);
}
.alias-suffix {
  flex:none;
  font:14px var(--mono);
  color:var(--slate);
}
.alias-compose .btn {
  min-height:44px;
  font-size:14px;
  flex:none;
}
.alias-list {
  display:grid;
  gap:12px;
  margin-top:28px;
}
.alias-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  background:var(--paper);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  padding:16px 20px;
}
.alias-address {
  font:14px/1.6 var(--mono);
  overflow-wrap:anywhere;
  min-width:0;
}
.alias-row .actions {
  margin:0 0 0 auto;
}
.archive-surface {
  padding:40px 0;
  margin-top:32px;
}
.archive-toolbar {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:24px;
}
.archive-toolbar h2 {
  font-size:22px;
  font-weight:500;
  color:var(--ink);
  margin-right:auto;
}
.archive-list {
  display:grid;
  gap:12px;
}
.archive-row {
  display:block;
  width:100%;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
  text-align:left;
}
.archive-row-main {
  display:flex;
  align-items:center;
  gap:16px;
}
.archive-row-subject {
  min-width:0;
  flex:1;
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.archive-row-meta {
  display:flex;
  align-items:center;
  gap:12px;
  flex:none;
  font-size:12px;
  color:var(--muted);
}
.archive-sender {
  font-size:14px;
  color:var(--muted);
  margin-top:8px;
  overflow-wrap:anywhere;
}
.archive-empty {
  margin:24px 0 0;
  width:100%;
  min-height:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.archive-empty h3 {
  font-size:18px;
  font-weight:500;
  color:var(--ink);
}
.archive-empty p {
  font-size:14px;
  margin-top:8px;
}
.archive-detail {
  margin-top:24px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  overflow:hidden;
  background:var(--paper);
  color:var(--text);
}
.archive-detail-head {
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:24px;
  border-bottom:1px solid var(--line);
}
.archive-detail-head h2 {
  font-size:22px;
  font-weight:500;
  color:var(--ink);
}
.archive-detail-head .actions {
  margin:0 0 0 auto;
  flex:none;
  align-self:flex-start;
}
.archive-detail-body {
  padding:24px;
  overflow:auto;
  max-height:640px;
}
.surface-safety {
  padding:32px;
  margin-top:32px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.twofa-idle {
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.twofa-idle > div {
  flex:1;
  min-width:240px;
}
.twofa-idle h2 {
  font-size:22px;
  line-height:1.4;
  font-weight:500;
  color:var(--ink);
}
.twofa-status {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
  font-size:14px;
}
.twofa-idle [data-twofa-start] {
  align-self:center;
  flex:none;
}
.twofa-steps {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin-top:24px;
}
.twofa-steps li {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
}
.twofa-steps .step-i {
  width:28px;
  height:28px;
  font-size:12px;
  background:var(--deep);
  color:var(--paper);
}
.twofa-setup {
  margin-top:28px;
  margin-bottom:24px;
  padding-top:24px;
  border-top:1px solid var(--line);
  color:var(--ink);
}
.setup-grid {
  display:grid;
  grid-template-columns:192px minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.twofa-qr {
  width:192px;
  height:192px;
  aspect-ratio:1;
  padding:8px;
  object-fit:contain;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:var(--r-s);
}
.twofa-secret {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:16px 0 24px;
}
.twofa-secret code {
  font:14px/1.6 var(--mono);
  color:var(--ink);
  overflow-wrap:anywhere;
}
.twofa-secret .btn {
  width:auto;
  flex:none;
}
.twofa-confirm-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.twofa-confirm-row input {
  width:160px;
}
.twofa-confirm-row .btn {
  min-height:44px;
  margin:0;
}
.article-wrap {
  width:min(1120px,calc(100% - 64px));
  margin:0 auto;
}
.article-hero {
  padding:48px 0;
}
.breadcrumb {
  font-size:14px;
  margin-bottom:24px;
  color:var(--muted);
}
.article-hero h1 {
  font-size:44px;
  line-height:1.3;
  font-weight:500;
  color:var(--slate);
}
.article-layout {
  display:grid;
  width:1120px;
  max-width:100%;
  grid-template-columns:minmax(0,1fr) 248px;
  gap:64px;
  align-items:start;
  padding-bottom:96px;
}
.prose {
  font-size:16px;
  line-height:1.9;
  color:var(--text);
  min-width:0;
}
.prose h2 {
  font-size:26px;
  line-height:1.4;
  font-weight:500;
  color:var(--ink);
  margin:40px 0 20px;
}
.prose h3 {
  font-size:18px;
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
  margin:28px 0 16px;
}
.prose p,.prose ul,.prose ol {
  margin:16px 0;
}
.prose ul,.prose ol {
  padding-left:24px;
  list-style:revert;
}
.prose a:not(.btn) {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.prose .btn-coral {
  color:var(--paper);
  text-decoration:none;
}
.prose .surface-card,.prose .table-scroll {
  margin-top:24px;
  margin-bottom:32px;
}
.article-toc {
  position:sticky;
  top:calc(var(--header-h) + 16px);
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--ice-2);
  color:var(--text);
}
.article-toc h2 {
  font-size:16px;
  color:var(--ink);
  font-weight:500;
}
.article-toc ol {
  padding-left:18px;
  font-size:14px;
  display:grid;
  gap:12px;
  margin-top:16px;
}
.article-toc .count {
  display:block;
  margin-top:16px;
}
.recommend-float {
  position:fixed;
  z-index:45;
  right:24px;
  bottom:24px;
  width:min(320px,calc(100% - 32px));
  border:1px solid var(--line);
  border-radius:var(--r-m);
  overflow:hidden;
  background:var(--paper);
  color:var(--text);
  box-shadow:var(--shadow-lg);
}
.recommend-float .float-art {
  padding:24px;
  background:var(--ice);
  color:var(--deep);
}
.recommend-float .float-body {
  padding:24px;
}
.recommend-float h2 {
  font-size:20px;
  line-height:1.4;
  font-weight:500;
  color:var(--ink);
}
.recommend-float .btn {
  margin-top:24px;
  height:auto;
  white-space:normal;
  line-height:1.35;
}
.float-close {
  position:absolute;
  top:8px;
  right:8px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--slate);
}
@keyframes rise {
  from { opacity:0; transform:translateY(12px); }
  to { opacity:1; transform:none; }
}
@keyframes drop {
  from { opacity:0; transform:translateY(-8px); }
  to { opacity:1; transform:none; }
}
.win {
  animation:rise .6s ease-out;
}
.row {
  animation:drop .4s ease-out;
}
.row:nth-child(2) {
  animation-delay:.12s;
}
.pt,.step {
  transition:transform .2s,box-shadow .2s;
}
.pt:hover,.step:hover {
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
}
@media (max-width:1100px) {
  .nav {
    margin-left:32px;
    gap:20px;
  }
  .head-right {
    gap:8px;
  }
  .hero {
    padding-top:80px;
  }
  .hero .wrap {
    grid-template-columns:minmax(0,360fr) minmax(0,616fr);
    gap:32px;
  }
  .hero h1 {
    font-size:44px;
    line-height:1.18;
  }
  .addr {
    padding:16px;
    gap:12px;
  }
  .addr-val {
    font-size:18px;
  }
  .win {
    grid-template-columns:48px 190px minmax(0,1fr);
  }
  .row {
    gap:8px;
    padding:12px;
  }
  .row-top {
    gap:4px;
  }
  .row-top time {
    font-size:10px;
  }
  .read-head,.read-body,.read-foot {
    padding-left:16px;
    padding-right:16px;
  }
  .mail {
    padding:24px 16px;
  }
  .code {
    font-size:28px;
  }
  .read-foot {
    flex-wrap:wrap;
    gap:8px;
  }
  .read-foot > span {
    display:none;
  }
  .hero-art .apps {
    left:58%;
    gap:12px;
  }
  .strip ul {
    padding:0;
    flex-wrap:wrap;
    justify-content:center;
  }
  .strip li {
    font-size:16px;
  }
  .flow-grid {
    gap:32px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .screen-in {
    height:310px;
  }
  .portal {
    margin-left:0;
    width:260px;
    padding:20px;
  }
  .toast {
    width:200px;
    top:28px;
    right:-8px;
  }
  .step {
    padding:24px 20px;
  }
  .fwd .wrap {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px;
  }
  .scene {
    gap:40px;
  }
  .scene figure {
    height:340px;
  }
  .foot-grid {
    gap:32px;
  }
  .auth-layout {
    gap:40px;
  }
  .auth-story h1 {
    font-size:36px;
  }
}
@media (max-width:960px) {
  .auth-layout {
    grid-template-columns:minmax(0,1fr);
    max-width:var(--wrap);
    gap:24px;
  }
  .auth-story {
    padding:0 0 var(--s6);
  }
}
@media (max-width:860px) {
  .site-head .wrap {
    gap:16px;
  }
  .menu-toggle {
    display:inline-flex;
    order:-1;
    flex:none;
  }
  .nav {
    display:none;
  }
  .head-right {
    gap:12px;
  }
  .hero {
    padding:64px 0 96px;
  }
  .hero .wrap {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
  .hero-copy {
    padding-top:0;
    max-width:560px;
  }
  .hero h1 {
    font-size:48px;
    line-height:1.2;
  }
  .lead {
    max-width:520px;
  }
  .hero-art .apps {
    top:24px;
    left:auto;
    right:32px;
  }
  .hero-art .apps .app {
    width:32px;
    height:32px;
  }
  .hero-art .apps .app.big {
    width:40px;
    height:40px;
  }
  .win {
    grid-template-columns:56px 240px minmax(0,1fr);
    margin-top:0;
    height:640px;
  }
  .read-body {
    padding:20px;
  }
  .points {
    gap:20px;
  }
  .pt-body {
    padding:24px 20px;
  }
  .pt h3 {
    font-size:20px;
  }
  .limits {
    flex-wrap:wrap;
    padding:32px;
    gap:24px;
  }
  .limits p {
    min-width:240px;
  }
  .flow-grid {
    grid-template-columns:minmax(0,1fr);
    gap:48px;
  }
  .laptop {
    max-width:600px;
    width:100%;
    margin:auto;
  }
  .portal {
    margin-left:-100px;
    width:300px;
    padding:24px;
  }
  .toast {
    right:24px;
    width:236px;
  }
  .steps {
    gap:24px;
  }
  .fwd .wrap {
    grid-template-columns:minmax(0,1fr);
  }
  .forward-art {
    max-width:700px;
    margin:0 auto;
  }
  .scene {
    gap:32px;
  }
  .scene h3 {
    font-size:28px;
  }
  .scene figure {
    height:300px;
  }
  .faq-grid {
    gap:0 32px;
  }
  .faq-grid summary {
    font-size:16px;
  }
  .foot-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px;
  }
  .foot-brand {
    grid-column:1 / -1;
  }
  .foot-brand p {
    max-width:560px;
  }
  .foot-bot {
    flex-direction:column;
    gap:12px;
  }
  .alias-compose {
    flex-wrap:wrap;
  }
  .alias-input {
    flex-basis:100%;
  }
  .article-layout {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  .article-toc {
    position:static;
    grid-row:1;
  }
}
@media (max-width:560px) {
  :root {
    --h1:36px;
    --h2:28px;
    --h3:20px;
  }
  .wrap,.article-wrap,.auth-layout {
    width:calc(100% - 32px);
  }
  .site-head .wrap {
    gap:10px;
  }
  .brand span {
    font-size:20px;
  }
  .brand img {
    width:26px;
    height:26px;
  }
  .head-right {
    gap:8px;
  }
  .lang {
    padding:8px 26px 8px 8px;
    min-height:36px;
    border-right:0;
    background:var(--paper);
    color:var(--slate);
  }
  .lang .lang-name {
    display:none;
  }
  .lang .chevron {
    right:9px;
  }
  .head-auth {
    display:none;
  }
  .hero {
    padding:48px 0 80px;
    overflow:hidden;
  }
  .hero h1 {
    font-size:36px;
    line-height:1.25;
  }
  .hero-art .apps {
    display:none;
  }
  .hero-art .arc {
    height:100px;
  }
  .hero-copy {
    max-width:none;
  }
  .lead {
    font-size:16px;
    line-height:1.8;
    margin-top:20px;
  }
  .addr {
    margin-top:24px;
    padding:16px;
  }
  .addr-val {
    font-size:18px;
  }
  .btn-hero {
    min-height:52px;
    height:auto;
    font-size:16px;
    white-space:normal;
  }
  .ttl {
    gap:10px;
    margin-top:20px;
  }
  .ttl .chip {
    padding-inline:12px;
    font-size:12px;
  }
  .win {
    grid-template-columns:44px minmax(0,1fr);
    min-height:0;
    height:340px;
    animation:none;
    transform:none;
  }
  .rail {
    padding:20px 0;
  }
  .rail a,.rail button {
    width:36px;
    height:36px;
  }
  .rail-mark {
    margin-bottom:16px;
  }
  .mail-list {
    overflow-y:auto;
  }
  .row {
    padding:12px 16px;
    gap:12px;
  }
  .row-top {
    gap:8px;
  }
  .row-top time {
    font-size:12px;
  }
  .win > .read:not(.mobile-reader) {
    display:none;
  }
  .hero,.hero .wrap,.win {
    transform:none;
    animation:none;
  }
  .mobile-reader {
    position:fixed;
    z-index:90;
    inset:0;
    height:100dvh;
    width:100%;
    padding-top:var(--header-h);
    display:flex;
    background:var(--paper);
    color:var(--text);
    overflow:hidden;
    transform:none;
    animation:none;
  }
  .reader-actions {
    position:sticky;
    top:0;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:56px;
    padding:8px 16px;
    background:var(--paper);
    color:var(--slate);
    border-bottom:1px solid var(--line);
    flex:none;
    z-index:2;
  }
  .reader-actions [data-reader-close] {
    margin-right:auto;
  }
  .mobile-reader .read-head {
    padding:16px;
  }
  .mobile-reader .read-body {
    overflow:auto;
    padding:16px;
  }
  .mobile-reader .read-foot {
    padding:12px 16px;
  }
  .mobile-reader .mail {
    padding:28px 20px;
    min-height:100%;
  }
  .mobile-reader .from time {
    font-size:12px;
  }
  .reader-open .hero-art {
    visibility:hidden;
  }
  .strip {
    padding:32px 0 48px;
  }
  .strip ul {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 12px;
  }
  .strip li {
    font-size:14px;
    gap:8px;
  }
  .strip li svg {
    width:24px;
    height:24px;
  }
  .sec {
    padding:64px 0;
  }
  .sec-h h2,.h2 {
    font-size:28px;
  }
  .sec-h p {
    font-size:16px;
    line-height:1.8;
  }
  .points {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    margin-top:32px;
  }
  .pt-art {
    height:180px;
  }
  .pt-body {
    padding:28px 24px;
  }
  .pt h3 {
    font-size:22px;
  }
  .limits {
    margin-top:40px;
    padding:24px;
    gap:20px;
    align-items:flex-start;
  }
  .limits-t {
    font-size:20px;
  }
  .limits p {
    flex-basis:100%;
    min-width:0;
  }
  .flow-grid {
    margin-top:40px;
    gap:32px;
  }
  .screen {
    width:calc(100% - 24px);
    padding:10px 10px 0;
  }
  .screen-in {
    height:300px;
  }
  .portal {
    width:calc(100% - 32px);
    margin:28px 0 0;
    padding:20px 16px;
  }
  .portal .input {
    padding-inline:8px;
    font-size:12px;
  }
  .toast {
    top:12px;
    right:8px;
    width:190px;
  }
  .toast-b {
    display:none;
  }
  .steps {
    gap:16px;
  }
  .step {
    padding:24px 16px;
  }
  .step h3 {
    font-size:16px;
    margin-top:20px;
  }
  .step p {
    font-size:14px;
  }
  .fwd .wrap {
    gap:24px;
  }
  .fwd-cta {
    gap:20px;
  }
  .fwd-cta .btn-lg {
    min-height:48px;
    padding:12px 32px;
    font-size:16px;
  }
  .scene {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .scene-first {
    margin-top:40px;
  }
  .scene + .scene {
    margin-top:56px;
  }
  .scene figure {
    height:260px;
  }
  .scene + .scene figure {
    grid-row:1;
  }
  .scene h3 {
    font-size:28px;
  }
  .faq-grid {
    grid-template-columns:minmax(0,1fr);
    margin-top:32px;
  }
  .faq-grid details {
    padding:20px 0;
  }
  .faq-grid details p {
    padding-bottom:4px;
  }
  .cta {
    padding:96px 0 64px;
  }
  .cta-arc {
    height:64px;
  }
  .cta h2 {
    font-size:28px;
  }
  .cta p {
    font-size:16px;
  }
  .cta-btns {
    flex-direction:column;
    align-items:center;
  }
  .cta-btns .btn {
    width:100%;
    height:auto;
    min-height:52px;
    padding:12px 24px;
    font-size:16px;
    white-space:normal;
  }
  .foot {
    padding:48px 0 24px;
  }
  .foot-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 24px;
  }
  .foot-brand {
    grid-column:1 / -1;
  }
  .foot-bot {
    margin-top:32px;
  }
  .foot li a {
    display:inline-block;
    max-width:100%;
  }
  .auth-layout {
    margin-top:40px;
    margin-bottom:64px;
  }
  .auth-story h1 {
    font-size:32px;
    line-height:1.3;
  }
  .login-card {
    padding:24px;
  }
  .desk {
    padding:32px 0 64px;
  }
  .desk-session [data-logout] {
    margin-left:0;
  }
  .alias-surface,.surface-safety {
    padding:24px 20px;
  }
  .alias-compose,.alias-input {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  .alias-compose .btn {
    width:100%;
  }
  .alias-row {
    padding:16px;
  }
  .alias-address {
    width:100%;
  }
  .alias-row .actions {
    width:100%;
    margin:0;
    gap:8px;
  }
  .alias-row .btn-sm {
    padding:8px 14px;
  }
  .archive-row-main {
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .archive-row-subject {
    max-width:100%;
  }
  .archive-row-meta {
    flex-wrap:wrap;
  }
  .archive-detail-head {
    flex-wrap:wrap;
    padding:20px;
  }
  .archive-detail-head .actions {
    margin:0;
  }
  .archive-detail-body {
    padding:16px;
  }
  .twofa-idle > div {
    min-width:0;
    flex-basis:100%;
  }
  .twofa-steps {
    flex-direction:column;
    gap:16px;
  }
  .setup-grid {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  .twofa-qr {
    width:192px;
    height:192px;
  }
  .twofa-confirm-row {
    align-items:center;
  }
  .twofa-confirm-row input {
    flex:1;
    width:100px;
  }
  .twofa-confirm-row .btn {
    padding-inline:16px;
    font-size:14px;
  }
  .article-hero {
    padding:40px 0 32px;
  }
  .article-hero h1 {
    font-size:32px;
  }
  .article-layout {
    padding-bottom:64px;
  }
  .prose h2 {
    font-size:24px;
  }
  .recommend-float {
    right:16px;
    bottom:16px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none !important;
    transition:none !important;
  }
}

/* Mail engine */
.row > time {
  flex:none;
  margin-left:auto;
  align-self:center;
  color:var(--muted);
  font-size:var(--micro);
  line-height:1.4;
  white-space:nowrap;
}
.row > .row-main {
  flex:1;
  min-width:0;
}
.row-top .unread-dot {
  width:6px;
  height:6px;
  flex:none;
  margin-left:auto;
  border-radius:var(--r-p);
  background:var(--coral);
}
.row-top .demo {
  flex-shrink:0;
}
.inline-mail-notice {
  margin-bottom:var(--s3);
  padding:var(--s2) var(--s3);
  border:1px solid var(--line);
  border-radius:var(--r-s);
  background:var(--ochre-t);
  color:var(--ochre-ink);
  font-size:var(--small);
}
.read.empty-host {
  display:grid;
  place-items:center;
}
.read .empty-state {
  margin:var(--s3);
}
.mail .code {
  max-width:100%;
  overflow-wrap:anywhere;
}
.address-attention {
  outline:2px solid var(--sea);
  outline-offset:4px;
}
.read.is-real .read-body {
  padding:var(--s3);
  background:var(--paper);
  color:var(--ink);
}

/* Access */
.access-page {
  display:flow-root;
  background:var(--bg);
  color:var(--text);
}
.access-page .auth-layout {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:var(--s7);
  margin-top:var(--s6);
}
.access-page .auth-story {
  padding-top:var(--s5);
  padding-bottom:var(--s6);
}
.access-page .login-card {
  background:var(--paper);
  color:var(--text);
  min-width:0;
}
.access-card-head {
  display:flex;
  align-items:center;
  gap:var(--s2);
  padding-bottom:var(--s4);
  margin-bottom:var(--s4);
  border-bottom:1px solid var(--line);
  font-size:var(--small);
  color:var(--slate);
  font-weight:500;
}
.access-card-intro {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.8;
}
.access-submit {
  width:100%;
  min-height:48px;
}
.access-small {
  font-size:var(--micro);
  line-height:1.8;
  color:var(--muted);
  margin-top:var(--s4);
}
.access-small a {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.access-error {
  margin-top:var(--s4);
  padding:var(--s2) var(--s3);
  border-radius:var(--r-s);
  background:var(--coral-t);
  color:var(--coral-ink);
}
.access-route {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s3);
  margin-top:var(--s5);
  color:var(--sea-ink);
  font-size:var(--small);
}
.access-route-tag {
  display:inline-flex;
  align-items:center;
  gap:var(--s2);
  padding:var(--s2) var(--s3);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--slate);
}
.auth-story .access-return {
  margin-top:var(--s6);
  padding-left:var(--s4);
  border-left:2px solid var(--coral);
}
.access-return h2 {
  font-size:var(--lead);
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.auth-story .access-return p {
  margin-top:var(--s2);
  font-size:var(--small);
}
.access-return .link {
  margin-top:var(--s3);
  font-size:var(--small);
}
.login-card .digit-field,.surface-safety .digit-field {
  font-family:var(--mono);
  letter-spacing:.15em;
}
.login-secondary .btn:hover {
  background:var(--ice-2);
  color:var(--sea-ink);
  border-color:var(--sea);
}

/* Keyring */
.keyring-title {
  display:flex;
  align-items:center;
  gap:var(--s3);
  min-width:0;
}
.keyring-title > img {
  flex:none;
}
.keyring-title > div {
  min-width:0;
}
.keyring-title h1 {
  font-size:var(--h3);
  line-height:1.4;
  font-weight:500;
  color:var(--slate);
}
.keyring-title p {
  margin-top:4px;
}
.desk-feedback {
  display:flex;
  align-items:center;
  gap:var(--s3);
  flex-wrap:wrap;
  margin-bottom:var(--s5);
}
.desk-feedback [data-desk-error] {
  flex:1;
  min-width:0;
  padding:var(--s2) var(--s3);
  border:1px solid var(--line);
  border-radius:var(--r-s);
  background:var(--coral-t);
  color:var(--coral-ink);
}
.desk-feedback > .btn {
  margin-left:auto;
}
.key-issue {
  display:grid;
  grid-template-columns:minmax(0,300fr) minmax(0,900fr);
  gap:var(--s6);
  align-items:start;
}
.key-issue-copy {
  padding-top:var(--s4);
}
.key-section-symbol {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:var(--r-m);
  background:var(--coral-t);
  color:var(--coral-ink);
  margin-bottom:var(--s4);
}
.key-issue-copy h2 {
  font-size:var(--h2);
  line-height:1.35;
  font-weight:400;
  color:var(--ink);
}
.key-issue-copy p {
  margin-top:var(--s4);
  font-size:var(--small);
  line-height:1.8;
}
.key-issue .alias-surface {
  background:var(--ice-2);
  color:var(--text);
  min-width:0;
}
.issue-heading {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s2);
  margin-bottom:var(--s4);
}
.issue-heading h3 {
  margin-right:auto;
  font-size:var(--lead);
  font-weight:500;
  color:var(--ink);
}
.compose-label {
  display:block;
  margin-bottom:var(--s2);
  font-size:var(--small);
  color:var(--ink);
  font-weight:500;
}
.key-issue .alias-compose {
  margin-top:0;
  gap:var(--s2);
}
.alias-compose .btn {
  padding-inline:var(--s3);
}
.alias-compose + .field-help {
  margin-top:var(--s2);
  font-size:var(--micro);
}
.alias-empty-note {
  margin-top:28px;
  padding:var(--s4);
  border:1px dashed var(--control-line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
}
.alias-empty-note h3 {
  font-size:var(--lead);
  font-weight:500;
  color:var(--ink);
}
.alias-empty-note p {
  margin-top:var(--s1);
  font-size:var(--small);
}
.alias-row {
  gap:var(--s2);
  padding:var(--s3);
}
.alias-row .actions {
  flex-wrap:wrap;
  gap:var(--s1);
}
.alias-row .btn-sm {
  min-height:36px;
  padding:6px var(--s2);
  font-size:var(--micro);
}
.alias-stats-panel {
  margin-top:var(--s4);
  padding:var(--s4);
  border:1px solid var(--control-line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
}
.stats-heading {
  display:flex;
  align-items:center;
  gap:var(--s3);
  justify-content:space-between;
}
.stats-heading h3 {
  font-size:var(--lead);
  color:var(--ink);
  font-weight:500;
}
.alias-stats-panel > .mono {
  margin-top:var(--s2);
  font-size:var(--small);
  overflow-wrap:anywhere;
}
.alias-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s3);
  margin:var(--s4) 0;
}
.alias-metrics > div {
  padding-left:var(--s3);
  border-left:2px solid var(--line);
}
.alias-metrics dt {
  font-size:var(--micro);
  color:var(--muted);
}
.alias-metrics dd {
  margin-top:var(--s1);
  font-size:var(--h3);
  color:var(--ink);
}
.alias-stats-panel h4 {
  font-size:var(--small);
  font-weight:500;
  color:var(--ink);
}
.stats-senders {
  display:grid;
  gap:var(--s2);
  margin-top:var(--s2);
}
.stats-senders li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s3);
  font-size:var(--small);
  overflow-wrap:anywhere;
}
.stats-senders b {
  flex:none;
  font-weight:500;
}
.key-records {
  margin-top:var(--s7);
  padding:var(--s6);
  background:var(--ice);
  color:var(--text);
  border-radius:var(--r-m);
}
.records-intro {
  display:flex;
  align-items:center;
  gap:var(--s5);
  margin-bottom:var(--s5);
}
.records-intro > div {
  flex:1;
  min-width:0;
}
.records-intro h2 {
  font-size:var(--h3);
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.records-intro .section-intro {
  max-width:720px;
  font-size:var(--small);
}
.records-illustration {
  flex:none;
}
.key-records .eyebrow {
  color:var(--sea-ink);
}
.key-records .archive-toolbar h3 {
  font-size:var(--lead);
  font-weight:500;
  margin-right:auto;
  color:var(--ink);
}
.key-records .archive-empty {
  margin-top:0;
  background:var(--paper);
  color:var(--text);
  border-color:var(--control-line);
}
.archive-row:hover {
  border-color:var(--sea);
  background:var(--ice-2);
  color:var(--text);
}
.archive-sender {
  display:block;
}
.archive-detail-identity {
  min-width:0;
  flex:1;
}
.archive-detail-identity h2,.archive-detail-identity p {
  overflow-wrap:anywhere;
}
.archive-detail-identity p {
  margin-top:var(--s2);
  font-size:var(--small);
}
.archive-detail-identity time {
  display:block;
  margin-top:var(--s1);
  color:var(--muted);
  font-size:var(--micro);
}
.archive-detail-controls {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  flex:none;
  gap:var(--s3);
}
.archive-detail-controls .actions {
  margin:0;
}
.archive-detail-controls .btn {
  align-self:flex-start;
  height:auto;
}
.archive-attachments {
  padding:var(--s4);
  border-top:1px solid var(--line);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s2);
}
.archive-attachments h3 {
  width:100%;
  font-size:var(--small);
  font-weight:500;
  color:var(--ink);
}
.archive-attachments .btn {
  white-space:normal;
  height:auto;
  overflow-wrap:anywhere;
  text-align:left;
}
.safety-description {
  margin-top:var(--s2);
  max-width:760px;
  font-size:var(--small);
}
.setup-instructions {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.8;
}
.twofa-setup h3 {
  font-size:var(--lead);
  font-weight:500;
  color:var(--ink);
}
.twofa-disable-panel {
  margin-top:var(--s4);
  max-width:760px;
}
.twofa-disable-panel p {
  margin-bottom:var(--s3);
  font-size:var(--small);
}
.delete-symbol {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:none;
  border-radius:var(--r-p);
  background:var(--coral-t);
  color:var(--coral-ink);
  font-weight:600;
}
@media (max-width:1100px) {
  .access-page .auth-layout {
    gap:var(--s6);
  }
  .key-issue {
    grid-template-columns:minmax(0,240fr) minmax(0,700fr);
    gap:var(--s5);
  }
  .key-issue-copy h2 {
    font-size:28px;
  }
  .key-issue .alias-surface {
    padding:var(--s4);
  }
  .key-issue .alias-compose {
    flex-wrap:wrap;
  }
  .key-issue .alias-input {
    flex-basis:100%;
  }
  .key-records {
    padding:var(--s5);
  }
}
@media (max-width:960px) {
  .access-page .auth-layout {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
    max-width:var(--wrap);
  }
  .access-page .auth-story {
    padding-top:0;
  }
  .access-route {
    margin-top:var(--s4);
  }
  .auth-story .access-return {
    margin-top:var(--s5);
  }
  .key-issue {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s4);
  }
  .key-issue-copy {
    padding-top:0;
  }
  .key-issue-copy h2 br {
    display:none;
  }
  .key-issue-copy p {
    max-width:660px;
    margin-top:var(--s2);
  }
  .key-section-symbol {
    margin-bottom:var(--s3);
  }
  .key-issue .alias-compose {
    flex-wrap:nowrap;
  }
  .key-issue .alias-input {
    flex-basis:auto;
  }
  .key-records {
    margin-top:var(--s6);
  }
}
@media (max-width:720px) {
  .alias-row .alias-address {
    width:100%;
    flex-basis:100%;
    overflow-wrap:anywhere;
  }
  .alias-row .actions {
    margin-left:auto;
  }
  .key-issue .alias-compose,.key-issue .alias-input {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  .key-issue .alias-compose .btn {
    width:100%;
    min-height:44px;
    font-size:var(--small);
  }
  .alias-suffix {
    padding-left:var(--s3);
  }
  .archive-row-main {
    flex-direction:column;
    align-items:flex-start;
  }
  .archive-row-subject {
    max-width:100%;
  }
  .archive-row-meta {
    flex-wrap:wrap;
  }
  .archive-detail-head {
    flex-wrap:wrap;
  }
  .archive-detail-controls {
    width:100%;
    align-items:flex-start;
  }
  .archive-detail-controls .actions {
    margin:0;
  }
}
@media (max-width:560px) {
  .access-page .auth-layout {
    margin-top:var(--s5);
    margin-bottom:var(--s6);
  }
  .access-page .auth-story h1 {
    font-size:var(--h2);
    line-height:1.35;
  }
  .access-route {
    gap:var(--s2);
    font-size:var(--micro);
  }
  .access-route-tag {
    padding:var(--s2);
  }
  .access-route > svg {
    width:24px;
  }
  .auth-story .access-return {
    padding-left:var(--s3);
  }
  .login-secondary .btn {
    flex:1;
    padding-inline:var(--s3);
  }
  .desk-session {
    align-items:flex-start;
    padding-bottom:var(--s4);
  }
  .keyring-title h1 {
    font-size:var(--lead);
  }
  .desk-session [data-session-email] {
    font-size:var(--micro);
  }
  .desk-feedback {
    margin-bottom:var(--s4);
  }
  .desk-feedback [data-desk-error] {
    flex-basis:100%;
  }
  .key-issue .alias-surface {
    padding:var(--s4) var(--s3);
  }
  .alias-row .actions {
    margin:0;
    width:100%;
  }
  .alias-empty-note {
    padding:var(--s3);
  }
  .alias-stats-panel {
    padding:var(--s3);
  }
  .stats-heading {
    flex-wrap:wrap;
  }
  .alias-metrics {
    gap:var(--s2);
  }
  .alias-metrics > div {
    padding-left:var(--s2);
  }
  .key-records {
    padding:var(--s4) var(--s3);
    margin-top:var(--s6);
  }
  .records-intro {
    gap:var(--s3);
  }
  .records-illustration {
    display:none;
  }
  .records-intro h2 {
    font-size:var(--lead);
  }
  .archive-toolbar {
    gap:var(--s2);
  }
  .key-records .archive-toolbar h3 {
    width:100%;
  }
  .archive-row {
    padding:var(--s3);
  }
  .archive-detail-head {
    padding:var(--s3);
  }
  .archive-detail-head h2 {
    font-size:var(--lead);
  }
  .archive-attachments {
    padding:var(--s3);
  }
  .surface-safety {
    padding:var(--s4) var(--s3);
  }
  .twofa-idle h2 {
    font-size:var(--lead);
  }
  .twofa-confirm-row .btn {
    white-space:normal;
    min-height:44px;
  }
  .mobile-reader {
    border-radius:0;
  }
  .read.empty-host.mobile-reader {
    display:flex;
  }
}


/* Targeted component and interaction repairs. */
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.reader-letterhead {
  min-width: 0;
  max-width: 100%;
}

.site-head {
  position: sticky;
  top: 0;
}

[data-site-nav] a {
  white-space: nowrap;
}

.brand-name {
  display: inline-block;
  flex-shrink: 0;
  width: auto;
  max-width: none;
  overflow: visible;
  white-space: nowrap;
}

html[lang="zh"] h1,
html[lang="zh"] h2 {
  text-wrap: balance;
}

.archive-detail {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.archive-detail iframe {
  display: block;
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.status-pill.is-active {
  background: color-mix(in srgb, var(--sea-ink) 12%, var(--paper));
  color: var(--sea-ink);
}

.status-pill.is-paused {
  background: color-mix(in srgb, var(--ink) 10%, var(--paper));
  color: var(--ink);
}

[data-reader]:not(.mobile-reader) [data-reader-close] {
  display: none;
}

.alias-input input.alias-prefix {
  padding-left:16px;
  border:0;
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--ink);
  box-shadow:none;
}

.auth-card h2 {
  font-size: 22px;
  line-height: 1.35;
}

.empty-host {
  display: grid;
  place-items: center;
  min-width: 0;
}

.empty-state {
  box-sizing: border-box;
  width: min(420px, calc(100% - 32px));
  max-width: 420px;
  min-height: 0;
  height: auto;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
  background: var(--paper);
  color: var(--ink);
  overflow-wrap: anywhere;
}

[data-filter-trigger] {
  margin-block: 16px;
}

[data-twofa-confirm] {
  margin-top: 24px;
}

[data-2fa-badge] {
  margin:0;
}

.twofa-status {
  margin-bottom: 20px;
}

.twofa-status [data-2fa-badge] {
  margin: 0;
}


.site-header {
  position:sticky;
  top:0;
  background:var(--paper);
  color:var(--slate);
  border-bottom:1px solid var(--line);
}

.empty-host {
  display: grid;
  place-items: center;
}

.empty-host > .empty-state {
  box-sizing: border-box;
  width: min(420px, calc(100% - 32px));
  min-height: 0;
  height: auto;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--ink) 18%, var(--paper));
  background: var(--paper);
  color: var(--ink);
}

.twofa-status {
  display: flex;
  align-items: center;
}

.twofa-status .status-pill,
.twofa-status [data-2fa-badge] {
  margin: 0;
}

.custom-select,
.filter-trigger {
  margin-block: 16px;
}


/* Privacy notice */
.privacy-hero {
  padding:var(--s6) 0 var(--s6);
  background:var(--ice-2);
  color:var(--text);
  border-bottom:1px solid var(--line);
}
.privacy-hero h1 {
  max-width:800px;
  font-size:44px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:-.01em;
  color:var(--slate);
}
.privacy-lead {
  max-width:720px;
  font-size:var(--lead);
  line-height:1.8;
}
.privacy-policy-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s2) var(--s4);
  margin-top:var(--s4);
  font-size:var(--micro);
  color:var(--text);
}
.privacy-policy-meta a {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
.legal-glance.privacy-glance {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4);
  margin-top:var(--s6);
}
.privacy-overview-card {
  min-width:0;
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
}
.privacy-card-symbol {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:var(--r-s);
  background:var(--sea-t);
  color:var(--sea-ink);
  margin-bottom:var(--s4);
}
.privacy-overview-card h2 {
  font-size:var(--lead);
  font-weight:500;
  line-height:1.5;
  color:var(--ink);
}
.privacy-overview-card p {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.8;
}
.privacy-overview-card > a {
  display:inline-block;
  margin-top:var(--s4);
  color:var(--sea-ink);
  font-size:var(--small);
  text-decoration:underline;
  text-underline-offset:3px;
}
.privacy-layout {
  padding-top:var(--s6);
}
.privacy-prose > section + section {
  margin-top:var(--s6);
  padding-top:var(--s4);
  border-top:1px solid var(--line);
}
.privacy-prose > section > h2 {
  margin-top:0;
}
.privacy-prose h2 {
  font-size:26px;
  line-height:1.45;
  font-weight:500;
}
.privacy-prose h3 {
  font-size:var(--lead);
  line-height:1.5;
  font-weight:500;
}
.privacy-boundary-note {
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  border-left:3px solid var(--sea);
  border-radius:var(--r-s);
  background:var(--ice-2);
  color:var(--text);
}
.privacy-boundary-note strong {
  font-weight:500;
  color:var(--ink);
}
.privacy-boundary-note p {
  margin:var(--s2) 0 0;
  font-size:var(--small);
}
.privacy-prose .privacy-timeline {
  display:grid;
  gap:var(--s4);
  list-style:none;
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.privacy-timeline li {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:var(--s4);
  align-items:start;
}
.privacy-time-value {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border:1px solid var(--control-line);
  border-radius:var(--r-s);
  background:var(--paper);
  color:var(--sea-ink);
  font-family:var(--mono);
  font-size:var(--lead);
  line-height:1.4;
  letter-spacing:0;
}
.privacy-timeline h3 {
  margin:0;
  font-size:var(--body);
}
.privacy-timeline p {
  margin:var(--s1) 0 0;
  font-size:var(--small);
}
.privacy-retention-table {
  background:var(--paper);
  color:var(--text);
}
.privacy-retention-table table {
  min-width:640px;
}
.privacy-retention-table caption {
  padding:var(--s3);
  text-align:left;
  font-size:var(--small);
  font-weight:500;
  color:var(--ink);
  background:var(--bg);
}
.privacy-retention-table thead th {
  font-size:var(--small);
}
.privacy-retention-table tbody th {
  width:25%;
  vertical-align:top;
  background:var(--paper);
  color:var(--ink);
  font-size:var(--small);
}
.privacy-retention-table td {
  vertical-align:top;
  line-height:1.8;
}
.privacy-choice-list {
  display:grid;
  gap:var(--s4);
  margin:var(--s4) 0 var(--s5);
}
.privacy-choice-list > div {
  padding-bottom:var(--s4);
  border-bottom:1px solid var(--line);
}
.privacy-choice-list dt {
  font-weight:500;
  color:var(--ink);
}
.privacy-choice-list dd {
  margin-top:var(--s1);
  font-size:var(--small);
}
.privacy-contact {
  margin-top:var(--s5);
  padding:var(--s5);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--ice);
  color:var(--text);
}
.privacy-contact h3 {
  margin:0;
}
.privacy-contact p {
  margin:var(--s2) 0 0;
  font-size:var(--small);
}
.privacy-contact .actions {
  margin-top:var(--s4);
}
@media (max-width:860px) {
  .privacy-hero h1 {
    font-size:36px;
  }
  .legal-glance.privacy-glance {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s3);
    margin-top:var(--s5);
  }
  .privacy-overview-card {
    padding:var(--s4);
  }
  .privacy-card-symbol {
    margin-bottom:var(--s3);
  }
  .privacy-layout {
    padding-top:var(--s5);
  }
  .privacy-lead {
    font-size:var(--body);
  }
}
@media (max-width:560px) {
  .privacy-hero {
    padding:var(--s5) 0;
  }
  .privacy-hero h1 {
    font-size:32px;
    line-height:1.35;
  }
  .privacy-policy-meta {
    align-items:flex-start;
    flex-direction:column;
    gap:var(--s1);
  }
  .privacy-prose h2 {
    font-size:24px;
  }
  .privacy-prose > section + section {
    margin-top:var(--s5);
  }
  .privacy-boundary-note {
    padding:var(--s3);
  }
  .privacy-prose .privacy-timeline {
    padding:var(--s3);
  }
  .privacy-timeline li {
    grid-template-columns:52px minmax(0,1fr);
    gap:var(--s3);
  }
  .privacy-contact {
    padding:var(--s4);
  }
  .privacy-contact .btn {
    height:auto;
    white-space:normal;
  }
}


/* Usage rules */
.usage-hero {
  padding:var(--s6) 0 var(--s6);
  border-bottom:1px solid var(--line);
  background:var(--ice-2);
  color:var(--text);
}
.usage-hero h1 {
  max-width:900px;
  font-size:44px;
  line-height:1.3;
  font-weight:500;
  color:var(--slate);
}
.usage-hero .eyebrow {
  color:var(--sea-ink);
}
.usage-lead {
  max-width:760px;
  font-size:var(--lead);
  line-height:1.8;
}
.usage-version {
  margin-top:var(--s4);
  max-width:820px;
  font-size:var(--micro);
  line-height:1.8;
  color:var(--text);
}
.usage-glance.legal-glance {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4);
  margin-top:var(--s6);
}
.usage-glance-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
}
.usage-glance-symbol {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin-bottom:var(--s4);
  border-radius:var(--r-s);
  background:var(--ice);
  color:var(--sea-ink);
}
.usage-glance-card h2 {
  font-size:var(--lead);
  line-height:1.4;
  font-weight:500;
  color:var(--ink);
}
.usage-glance-card p {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.8;
}
.usage-glance-card > a {
  display:inline-block;
  margin-top:var(--s4);
  font-size:var(--small);
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.usage-glance-card > a:hover {
  color:var(--coral-ink);
}
.usage-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 224px;
  gap:var(--s6);
  align-items:start;
  padding-top:var(--s6);
  padding-bottom:var(--s7);
}
.usage-prose > section + section {
  margin-top:var(--s6);
}
.usage-prose > section > h2 {
  margin-top:0;
}
.prose.usage-prose h2 {
  font-size:26px;
  line-height:1.4;
  font-weight:500;
  color:var(--ink);
  margin-bottom:20px;
}
.prose.usage-prose h3 {
  font-size:var(--lead);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
.usage-prose .table-scroll {
  margin-top:var(--s4);
  margin-bottom:var(--s5);
}
.usage-prose table {
  min-width:560px;
  line-height:1.7;
}
.usage-table-caption {
  padding:var(--s3);
  text-align:left;
  font-size:var(--small);
  font-weight:500;
  background:var(--paper);
  color:var(--ink);
  border-bottom:1px solid var(--line);
}
.usage-prose tbody th {
  width:22%;
  font-size:var(--small);
  font-weight:500;
  background:var(--paper);
  color:var(--ink);
}
.usage-conduct-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s4);
  margin:var(--s4) 0 var(--s5);
}
.usage-conduct-card {
  min-width:0;
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--ice-2);
  color:var(--text);
}
.usage-conduct-restricted {
  background:var(--bg);
  color:var(--text);
}
.usage-conduct-heading {
  display:flex;
  align-items:center;
  gap:var(--s2);
}
.usage-conduct-icon {
  width:32px;
  height:32px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:var(--r-p);
  background:var(--sea-t);
  color:var(--sea-ink);
}
.usage-conduct-restricted .usage-conduct-icon {
  background:var(--coral-t);
  color:var(--coral-ink);
}
.usage-prose .usage-conduct-heading h3 {
  margin:0;
}
.usage-prose .usage-conduct-list {
  display:grid;
  gap:var(--s4);
  list-style:none;
  padding:0;
  margin:var(--s4) 0 0;
}
.usage-conduct-list li {
  display:grid;
  gap:var(--s1);
  font-size:var(--small);
  line-height:1.8;
}
.usage-conduct-list strong {
  font-weight:500;
  color:var(--ink);
}
.usage-support {
  display:flex;
  align-items:center;
  gap:var(--s4);
  margin-top:var(--s5);
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--ice-2);
  color:var(--text);
}
.usage-support > div {
  min-width:0;
  flex:1;
}
.usage-prose .usage-support h3 {
  margin:0;
}
.usage-prose .usage-support p {
  margin:var(--s2) 0 0;
  font-size:var(--small);
}
.usage-support > .btn {
  flex:none;
  white-space:normal;
  height:auto;
}
.usage-end {
  margin-top:var(--s6);
  padding-top:var(--s5);
  border-top:1px solid var(--line);
}
.usage-prose .usage-end > p {
  margin:0;
  color:var(--ink);
}
.usage-end .actions {
  margin-top:var(--s4);
  gap:var(--s4);
}
.usage-toc a {
  text-underline-offset:3px;
}
.usage-toc a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
}
.usage-toc-note {
  margin-top:var(--s4);
  padding-top:var(--s4);
  border-top:1px solid var(--control-line);
  font-size:var(--small);
  line-height:1.8;
}
.usage-toc-note a {
  color:var(--sea-ink);
  text-decoration:underline;
}
@media (max-width:860px) {
  .usage-hero h1 {
    font-size:36px;
  }
  .usage-glance.legal-glance {
    gap:var(--s3);
    margin-top:var(--s5);
  }
  .usage-glance-card {
    padding:var(--s3);
  }
  .usage-layout {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
    padding-bottom:var(--s6);
  }
  .usage-toc {
    position:static;
    grid-row:1;
  }
  .usage-toc ol {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s2) var(--s5);
  }
  .usage-support {
    flex-wrap:wrap;
  }
}
@media (max-width:560px) {
  .usage-hero {
    padding:var(--s5) 0;
  }
  .usage-hero h1 {
    font-size:var(--h2);
    line-height:1.35;
  }
  .usage-lead {
    font-size:var(--body);
  }
  .usage-glance.legal-glance {
    grid-template-columns:minmax(0,1fr);
  }
  .usage-glance-card {
    padding:var(--s4);
  }
  .usage-glance-symbol {
    margin-bottom:var(--s3);
  }
  .usage-layout {
    padding-top:var(--s5);
  }
  .prose.usage-prose h2 {
    font-size:24px;
  }
  .usage-conduct-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .usage-toc ol {
    grid-template-columns:minmax(0,1fr);
  }
  .usage-support {
    padding:var(--s3);
  }
  .usage-support > div {
    flex-basis:100%;
  }
  .usage-support > .btn {
    max-width:100%;
    line-height:1.35;
  }
}


/* Public Wi-Fi guide */
.wifi-hero {
  padding:var(--s7) 0 0;
  background:var(--ice);
  color:var(--text);
}
.wifi-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--s6);
  align-items:center;
}
.wifi-hero-copy {
  min-width:0;
}
.wifi-hero-copy .eyebrow {
  color:var(--sea-ink);
}
.wifi-hero h1 {
  font-size:44px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:-.01em;
  color:var(--slate);
}
.wifi-lead {
  max-width:500px;
  font-size:var(--lead);
  line-height:1.8;
}
.wifi-hero-copy .actions {
  margin-top:var(--s5);
}
.wifi-hero-copy .btn {
  min-height:48px;
  padding:var(--s2) var(--s5);
  white-space:normal;
}
.wifi-hero-note {
  max-width:460px;
  margin-top:var(--s4);
  font-size:var(--small);
  color:var(--text);
}
.wifi-portal-figure {
  min-width:0;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--control-line-light);
  border-radius:var(--r-m);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.wifi-portal-top {
  display:flex;
  align-items:center;
  gap:var(--s2);
  min-height:80px;
  padding:var(--s3) var(--s4);
  border-bottom:1px solid var(--line);
  background:var(--paper);
  color:var(--slate);
}
.wifi-symbol {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:none;
  border-radius:var(--r-p);
  background:var(--sea-t);
  color:var(--sea-ink);
}
.wifi-portal-top > div {
  min-width:0;
}
.wifi-portal-top strong {
  display:block;
  font-size:var(--small);
  font-weight:500;
}
.wifi-portal-top > div > span {
  display:block;
  font-size:var(--micro);
  color:var(--muted);
  margin-top:4px;
}
.wifi-figure-tag {
  margin-left:auto;
  padding:4px var(--s2);
  border-radius:var(--r-p);
  background:var(--coral-t);
  color:var(--coral-ink);
  font-size:var(--micro);
  flex:none;
}
.wifi-portal-content {
  display:grid;
  grid-template-columns:144px minmax(0,1fr);
  min-height:340px;
}
.wifi-portal-sidebar {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--s3);
  padding:var(--s4) var(--s2);
  background:var(--deep);
  color:var(--night-muted);
  text-align:center;
}
.wifi-portal-sidebar > span {
  font-size:var(--micro);
}
.wifi-portal-sidebar small {
  font-size:var(--micro);
  line-height:1.8;
}
.wifi-portal-paper {
  min-width:0;
  padding:var(--s5) var(--s4);
  background:var(--bg);
  color:var(--text);
}
.wifi-portal-paper h2 {
  font-size:var(--lead);
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.wifi-portal-paper > p {
  font-size:var(--small);
  margin-top:var(--s2);
}
.wifi-mock-label {
  display:block;
  font-size:var(--micro);
  line-height:1.5;
  color:var(--text);
  margin-top:var(--s4);
  margin-bottom:var(--s1);
}
.wifi-mock-field {
  padding:var(--s2);
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--control-line);
  border-radius:var(--r-s);
  font-size:var(--small);
  line-height:1.5;
  white-space:nowrap;
  overflow-x:auto;
}
.wifi-mock-submit {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:var(--s1) var(--s3);
  margin-top:var(--s3);
  border-radius:var(--r-p);
  background:var(--control-slate);
  color:var(--paper);
  font-size:var(--small);
}
.wifi-mail-preview {
  display:flex;
  align-items:center;
  gap:var(--s2);
  margin-top:var(--s4);
  padding-top:var(--s3);
  border-top:1px solid var(--line);
}
.wifi-mail-stamp {
  display:grid;
  place-items:center;
  flex:none;
  width:36px;
  height:36px;
  border-radius:var(--r-p);
  background:var(--sea-t);
  color:var(--sea-ink);
  font-size:var(--small);
  font-weight:500;
}
.wifi-mail-preview strong,.wifi-mini-letter strong {
  display:block;
  color:var(--ink);
  font-size:var(--small);
  font-weight:500;
}
.wifi-mail-preview > div > span,.wifi-mini-letter > div > span {
  display:block;
  color:var(--text);
  font-size:var(--micro);
  margin-top:4px;
}
.wifi-portal-figure figcaption {
  padding:var(--s2) var(--s4);
  border-top:1px solid var(--line);
  background:var(--paper);
  color:var(--muted);
  font-size:var(--micro);
}
.wifi-page-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s3) var(--s5);
  margin-top:var(--s7);
  padding:var(--s4) 0;
  border-top:1px solid var(--bar-track);
  font-size:var(--small);
}
.wifi-page-nav > span {
  margin-right:auto;
  color:var(--text);
}
.wifi-page-nav a {
  color:var(--sea-ink);
}
.wifi-page-nav a:hover {
  color:var(--coral-ink);
}
.wifi-heading {
  max-width:720px;
}
.wifi-heading h2 {
  font-size:var(--h2);
  font-weight:400;
  line-height:1.35;
  letter-spacing:-.01em;
  color:var(--ink);
}
.wifi-heading .section-intro {
  font-size:var(--body);
  line-height:1.8;
}
.wifi-place-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s5);
  margin-top:var(--s6);
}
.wifi-place-card {
  border:1px solid var(--line);
  border-radius:var(--r-m);
  overflow:hidden;
  background:var(--paper);
  color:var(--text);
}
.wifi-place-art {
  display:grid;
  place-items:center;
  height:168px;
}
.wifi-place-hotel {
  background:var(--ice);
  color:var(--sea-ink);
}
.wifi-place-airport {
  background:var(--bg);
  color:var(--slate);
}
.wifi-place-cafe {
  background:var(--coral-t);
  color:var(--coral-ink);
}
.wifi-place-body {
  padding:var(--s5);
}
.wifi-card-label {
  font-size:var(--micro);
  font-weight:500;
  color:var(--muted);
}
.wifi-place-body h3 {
  margin-top:var(--s2);
  font-size:var(--lead);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
.wifi-place-body > p:not(.wifi-card-label) {
  margin-top:var(--s3);
  font-size:var(--small);
  line-height:1.8;
}
.wifi-place-facts {
  display:grid;
  gap:var(--s3);
  padding-top:var(--s4);
  margin-top:var(--s4);
  border-top:1px solid var(--line);
}
.wifi-place-facts > div {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:var(--s2);
  font-size:var(--small);
  line-height:1.7;
}
.wifi-place-facts dt {
  color:var(--slate);
  font-weight:500;
}
.wifi-place-facts dd {
  min-width:0;
}
.wifi-section-note {
  max-width:960px;
  font-size:var(--small);
  line-height:1.8;
  margin-top:var(--s5);
}
.wifi-section-note a {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.wifi-decision-section {
  background:var(--bg);
  color:var(--text);
  border-block:1px solid var(--line);
}
.wifi-decision-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4);
  margin-top:var(--s6);
}
.wifi-decision-card {
  min-width:0;
  padding:var(--s5);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
}
.wifi-decision-number {
  display:inline-flex;
  font:var(--small)/1.5 var(--mono);
  color:var(--sea-ink);
  padding-bottom:var(--s2);
  border-bottom:2px solid var(--sea);
}
.wifi-decision-card h3 {
  margin-top:var(--s4);
  font-size:var(--lead);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
.wifi-decision-card > p {
  margin-top:var(--s3);
  font-size:var(--small);
  line-height:1.8;
}
.wifi-decision-card .wifi-decision-result {
  margin-top:var(--s4);
  padding-top:var(--s3);
  border-top:1px solid var(--line);
  color:var(--sea-ink);
}
.wifi-decision-follow {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s3) var(--s5);
  margin-top:var(--s5);
  font-size:var(--small);
}
.wifi-decision-follow .link {
  font-size:var(--small);
}
.wifi-walk-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--s4);
  margin-top:var(--s6);
  padding:0;
  list-style:none;
}
.wifi-walk-step {
  min-width:0;
}
.wifi-step-heading {
  display:flex;
  align-items:center;
  gap:var(--s2);
  margin-bottom:var(--s4);
}
.wifi-step-number {
  display:grid;
  place-items:center;
  flex:none;
  width:32px;
  height:32px;
  border-radius:var(--r-p);
  background:var(--deep);
  color:var(--paper);
  font:var(--small)/1 var(--mono);
}
.wifi-step-heading h3 {
  font-size:var(--lead);
  font-weight:500;
  line-height:1.5;
  color:var(--ink);
}
.wifi-step-screen {
  min-height:214px;
  padding:var(--s4) var(--s3);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.wifi-screen-label {
  display:flex;
  align-items:center;
  gap:var(--s1);
  min-height:24px;
  font-size:var(--small);
  font-weight:500;
  color:var(--slate);
}
.wifi-step-screen .wifi-mock-label {
  margin-top:var(--s3);
}
.wifi-example-address {
  font-size:var(--micro);
  color:var(--ink);
  line-height:1.8;
  white-space:nowrap;
  overflow-x:auto;
}
.wifi-screen-action {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:36px;
  padding:var(--s1) var(--s2);
  margin-top:var(--s3);
  border:1px solid var(--sea);
  border-radius:var(--r-p);
  background:var(--control-sea);
  color:var(--sea-ink);
  font-size:var(--micro);
}
.wifi-screen-neutral {
  border-color:var(--control-line);
  background:var(--paper);
  color:var(--slate);
}
.wifi-step-screen .wifi-mock-field {
  font-size:var(--micro);
  padding:var(--s1);
}
.wifi-mini-letter {
  display:flex;
  align-items:center;
  gap:var(--s2);
  margin-top:var(--s4);
  padding-block:var(--s2);
  border-block:1px solid var(--line);
}
.wifi-screen-caption {
  display:block;
  margin-top:var(--s3);
  font-size:var(--micro);
  color:var(--muted);
}
.wifi-example-code {
  font-size:var(--h3);
  color:var(--ink);
  letter-spacing:.12em;
  margin-top:var(--s2);
}
.wifi-walk-step > p {
  margin-top:var(--s4);
  font-size:var(--small);
  line-height:1.8;
}
.wifi-walk-step > .link {
  margin-top:var(--s3);
  font-size:var(--small);
}
.wifi-inline-advice {
  display:flex;
  align-items:flex-start;
  gap:var(--s3);
  padding:var(--s4);
  margin-top:var(--s6);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--ice-2);
  color:var(--sea-ink);
}
.wifi-inline-advice > svg {
  flex:none;
}
.wifi-inline-advice p {
  font-size:var(--small);
  line-height:1.8;
}
.wifi-inline-advice strong {
  font-weight:500;
}
.wifi-time-section {
  background:var(--ice-2);
  color:var(--text);
}
.wifi-time-grid {
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  align-items:start;
  gap:var(--s7);
}
.wifi-time-link {
  margin-top:var(--s4);
  font-size:var(--small);
}
.wifi-time-panel {
  padding:var(--s5);
  background:var(--paper);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--r-m);
}
.wifi-time-list {
  display:grid;
  gap:var(--s4);
}
.wifi-time-list > div {
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:var(--s4);
  align-items:start;
}
.wifi-time-list dt {
  color:var(--ink);
  font-size:var(--small);
  font-weight:500;
}
.wifi-time-list dt .mono {
  display:block;
  color:var(--sea-ink);
  font-size:var(--h3);
  font-weight:400;
  line-height:1.4;
  margin-bottom:4px;
}
.wifi-time-list dd {
  font-size:var(--small);
  line-height:1.8;
}
.wifi-time-note {
  margin-top:var(--s4);
  padding-top:var(--s4);
  border-top:1px solid var(--line);
  font-size:var(--micro);
  color:var(--muted);
}
.wifi-alternative-grid {
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:var(--s7);
  align-items:start;
}
.wifi-alternative-copy {
  margin-top:var(--s4);
  font-size:var(--small);
  line-height:1.8;
}
.wifi-alternative-panel {
  border:1px solid var(--line);
  border-radius:var(--r-m);
  padding:var(--s5);
  background:var(--bg);
  color:var(--text);
}
.wifi-alternative-item {
  display:flex;
  align-items:flex-start;
  gap:var(--s3);
}
.wifi-alternative-item + .wifi-alternative-item {
  padding-top:var(--s4);
  margin-top:var(--s4);
  border-top:1px solid var(--line);
}
.wifi-alternative-index {
  display:grid;
  place-items:center;
  flex:none;
  width:32px;
  height:32px;
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--sea-ink);
  border:1px solid var(--control-line);
  font:var(--small)/1 var(--mono);
}
.wifi-alternative-item > div {
  min-width:0;
}
.wifi-alternative-item h3 {
  font-size:var(--lead);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
.wifi-alternative-item p {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.8;
}
.wifi-alternative-item .link {
  margin-top:var(--s3);
  font-size:var(--small);
}
.wifi-boundary-section {
  padding:var(--s7) 0;
  background:var(--ice);
  color:var(--text);
}
.wifi-boundary-grid {
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:var(--s7);
}
.wifi-boundary-copy h3 {
  font-size:var(--lead);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
.wifi-boundary-copy p {
  margin-top:var(--s2);
  font-size:var(--body);
  line-height:1.8;
}
.wifi-boundary-copy h3:not(:first-child) {
  margin-top:var(--s5);
}
.wifi-boundary-copy .link {
  margin-top:var(--s4);
  font-size:var(--small);
}
.wifi-final {
  margin-top:var(--s7);
  padding-top:var(--s6);
  border-top:1px solid var(--bar-track);
  text-align:center;
}
.wifi-final h2 {
  margin:var(--s4) auto 0;
  max-width:800px;
  font-size:var(--h2);
  font-weight:400;
  line-height:1.35;
  color:var(--ink);
}
.wifi-final .section-intro {
  max-width:600px;
  margin-inline:auto;
  font-size:var(--body);
  line-height:1.8;
}
.wifi-final .actions {
  justify-content:center;
  margin-top:var(--s5);
}
.wifi-final .btn {
  min-height:48px;
  padding:var(--s2) var(--s6);
  white-space:normal;
}
.wifi-final-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--s3) var(--s4);
  margin-top:var(--s4);
  font-size:var(--small);
  color:var(--sea-ink);
}
.wifi-final-links a:hover {
  color:var(--coral-ink);
}
@media (max-width:1100px) {
  .wifi-hero-grid {
    gap:var(--s5);
  }
  .wifi-hero h1 {
    font-size:36px;
  }
  .wifi-portal-content {
    grid-template-columns:104px minmax(0,1fr);
  }
  .wifi-portal-paper {
    padding:var(--s4) var(--s3);
  }
  .wifi-figure-tag {
    display:none;
  }
  .wifi-place-grid {
    gap:var(--s4);
  }
  .wifi-place-body {
    padding:var(--s4);
  }
  .wifi-decision-card {
    padding:var(--s4);
  }
  .wifi-time-grid,.wifi-alternative-grid,.wifi-boundary-grid {
    gap:var(--s6);
  }
  .wifi-time-list > div {
    grid-template-columns:120px minmax(0,1fr);
    gap:var(--s3);
  }
  .wifi-walk-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s5);
  }
}
@media (max-width:860px) {
  .wifi-hero {
    padding-top:var(--s6);
  }
  .wifi-hero-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s6);
  }
  .wifi-hero-copy {
    max-width:620px;
  }
  .wifi-hero h1 {
    font-size:44px;
  }
  .wifi-portal-figure {
    width:100%;
    max-width:620px;
  }
  .wifi-portal-content {
    grid-template-columns:144px minmax(0,1fr);
    min-height:300px;
  }
  .wifi-portal-paper {
    padding:var(--s5);
  }
  .wifi-figure-tag {
    display:inline-flex;
  }
  .wifi-page-nav {
    margin-top:var(--s6);
    gap:var(--s3) var(--s4);
  }
  .wifi-page-nav > span {
    flex-basis:100%;
  }
  .wifi-place-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s4);
  }
  .wifi-place-card {
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
  }
  .wifi-place-art {
    height:100%;
    min-height:240px;
  }
  .wifi-place-art svg {
    width:160px;
    max-width:100%;
  }
  .wifi-place-body {
    padding:var(--s5);
  }
  .wifi-decision-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .wifi-decision-card {
    padding:var(--s5);
  }
  .wifi-time-grid,.wifi-alternative-grid,.wifi-boundary-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
  }
  .wifi-time-list > div {
    grid-template-columns:160px minmax(0,1fr);
  }
  .wifi-final {
    margin-top:var(--s6);
  }
}
@media (max-width:560px) {
  .wifi-hero {
    padding-top:var(--s6);
  }
  .wifi-hero h1 {
    font-size:32px;
    line-height:1.35;
  }
  .wifi-lead {
    font-size:var(--body);
  }
  .wifi-hero-copy .actions {
    gap:var(--s2);
    align-items:stretch;
  }
  .wifi-hero-copy .btn {
    padding-inline:var(--s4);
  }
  .wifi-hero-note {
    font-size:var(--micro);
  }
  .wifi-portal-top {
    padding:var(--s3);
  }
  .wifi-portal-content {
    grid-template-columns:72px minmax(0,1fr);
    min-height:0;
  }
  .wifi-portal-sidebar {
    padding:var(--s3) var(--s1);
  }
  .wifi-portal-sidebar > svg {
    width:48px;
    height:64px;
  }
  .wifi-portal-sidebar > span,.wifi-portal-sidebar small {
    display:none;
  }
  .wifi-portal-paper {
    padding:var(--s4) var(--s3);
  }
  .wifi-portal-paper h2 {
    font-size:var(--body);
  }
  .wifi-portal-paper > p {
    font-size:var(--micro);
  }
  .wifi-portal-paper .wifi-mock-field {
    font-size:var(--micro);
  }
  .wifi-figure-tag {
    display:none;
  }
  .wifi-mail-preview {
    gap:var(--s1);
  }
  .wifi-mail-preview .wifi-mail-stamp {
    width:28px;
    height:28px;
  }
  .wifi-mail-preview strong {
    font-size:var(--micro);
  }
  .wifi-portal-figure figcaption {
    padding:var(--s2) var(--s3);
  }
  .wifi-page-nav {
    gap:var(--s2) var(--s4);
    font-size:var(--micro);
  }
  .wifi-place-grid,.wifi-decision-grid,.wifi-walk-grid {
    margin-top:var(--s5);
  }
  .wifi-place-card {
    grid-template-columns:minmax(0,1fr);
  }
  .wifi-place-art {
    height:144px;
    min-height:0;
  }
  .wifi-place-art svg {
    width:200px;
  }
  .wifi-place-body,.wifi-decision-card {
    padding:var(--s4);
  }
  .wifi-place-facts > div {
    grid-template-columns:64px minmax(0,1fr);
  }
  .wifi-walk-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
  }
  .wifi-step-heading {
    margin-bottom:var(--s3);
  }
  .wifi-step-screen {
    min-height:0;
    padding:var(--s4);
  }
  .wifi-step-screen .wifi-mock-field,.wifi-example-address {
    font-size:var(--small);
  }
  .wifi-screen-action {
    width:fit-content;
    min-width:140px;
  }
  .wifi-walk-step > p {
    margin-top:var(--s3);
  }
  .wifi-inline-advice {
    padding:var(--s3);
    gap:var(--s2);
    margin-top:var(--s5);
  }
  .wifi-time-panel,.wifi-alternative-panel {
    padding:var(--s4);
  }
  .wifi-time-list > div {
    grid-template-columns:96px minmax(0,1fr);
    gap:var(--s3);
  }
  .wifi-alternative-item {
    gap:var(--s2);
  }
  .wifi-alternative-item h3 {
    font-size:var(--body);
  }
  .wifi-boundary-section {
    padding:64px 0;
  }
  .wifi-final {
    padding-top:var(--s5);
  }
  .wifi-final .btn {
    padding-inline:var(--s5);
  }
}


/* Shared page components. */
.timeline article {
  align-items:start;
}
.timeline article h2,
.timeline article h3 {
  margin-top:0;
}
.decision-card {
  border:1px solid var(--line);
  border-radius:var(--r-m);
}
.decision-card h2 {
  font-size:22px;
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.alias-input:has(.alias-prefix) {
  border:1px solid var(--control-line);
  border-radius:var(--r-p);
  padding-right:var(--s3);
  background:var(--paper);
  color:var(--ink);
}
.alias-input:has(.alias-prefix):focus-within {
  border-color:var(--ink);
  box-shadow:0 0 0 1px var(--ink);
}
.inbox-empty {
  width:min(420px,calc(100% - 32px));
  max-width:420px;
  min-height:0;
  height:auto;
  padding:16px;
  margin:16px auto;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--ink);
  text-align:center;
  overflow-wrap:anywhere;
}


/* Notes index and reading components. */
.notes-page {
  background:var(--bg);
  color:var(--text);
}
.notes-hero {
  padding:var(--s7) 0 var(--s6);
  border-bottom:1px solid var(--line);
  background:var(--ice-2);
  color:var(--text);
}
.notes-hero .eyebrow {
  margin:0 0 20px;
  color:var(--sea-ink);
}
.notes-hero h1 {
  max-width:900px;
  font-size:44px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:-.01em;
  color:var(--slate);
}
.notes-count {
  display:table;
  width:fit-content;
  margin:var(--s4) 0 0;
  padding:4px var(--s2);
  border:1px solid var(--bar-track);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--sea-ink);
  font-size:var(--micro);
  line-height:1.5;
}
.notes-lead {
  max-width:640px;
  font-size:var(--lead);
  line-height:1.8;
}
.notes-list-section {
  padding:var(--s6) 0 var(--s7);
}
.notes-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--s5);
}
.notes-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--s5);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
  box-shadow:0 1px 2px var(--shadow-soft);
  transition:border-color .18s,box-shadow .18s;
}
.notes-card:hover {
  border-color:var(--sea);
  background:var(--paper);
  color:var(--text);
  box-shadow:var(--shadow);
}
.notes-card:focus-visible {
  outline-offset:5px;
}
.notes-card-top {
  display:flex;
  align-items:center;
  gap:var(--s3);
  margin-bottom:var(--s5);
}
.notes-card-top > svg {
  margin-left:auto;
  flex:none;
  color:var(--sea-ink);
}
.notes-tag {
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:4px var(--s2);
  border-radius:var(--r-p);
  background:var(--ice-2);
  color:var(--sea-ink);
  font-size:var(--micro);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.notes-card-title {
  font-size:var(--h3);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
  overflow-wrap:anywhere;
}
.notes-card-description {
  margin-top:var(--s3);
  margin-bottom:var(--s5);
  font-size:var(--body);
  line-height:1.8;
}
.notes-card-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s2) var(--s4);
  margin-top:auto;
  padding-top:var(--s4);
  border-top:1px solid var(--line);
  font-size:var(--micro);
  line-height:1.6;
  color:var(--muted);
}
.notes-card-meta time {
  color:var(--slate);
}
.notes-noscript {
  padding:var(--s5);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--text);
}
.notes-noscript ul {
  display:grid;
  gap:var(--s3);
  margin-top:var(--s4);
}
.notes-noscript a {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.notes-article {
  background:var(--paper);
  color:var(--text);
}
.notes-article-hero {
  padding:var(--s6) 0;
  border-bottom:1px solid var(--line);
  background:var(--ice-2);
  color:var(--text);
}
.notes-article-hero .breadcrumb {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s1) var(--s2);
  margin-bottom:var(--s5);
  font-size:var(--small);
  line-height:1.8;
  color:var(--muted);
}
.notes-article-hero .breadcrumb a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.notes-article-hero .eyebrow {
  margin-bottom:20px;
  color:var(--sea-ink);
}
.notes-article-hero h1 {
  max-width:940px;
  font-size:44px;
  line-height:1.3;
  letter-spacing:-.01em;
  font-weight:500;
  color:var(--slate);
  overflow-wrap:anywhere;
}
.notes-article-hero h1 em {
  font-style:normal;
  color:var(--sea-ink);
}
.notes-article-lead {
  max-width:800px;
  font-size:var(--lead);
  line-height:1.8;
  margin-top:20px;
}
.notes-article-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s2) var(--s3);
  margin-top:var(--s5);
  font-size:var(--micro);
  color:var(--text);
}
.notes-meta-pill {
  display:inline-flex;
  align-items:center;
  width:fit-content;
  gap:var(--s1);
  padding:4px var(--s2);
  border:1px solid var(--control-line-light);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--slate);
  line-height:1.5;
}
.notes-article-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 248px;
  align-items:start;
  gap:var(--s6);
  padding-top:var(--s6);
  padding-bottom:var(--s7);
}
.notes-prose {
  min-width:0;
  font-size:var(--body);
  font-weight:400;
  line-height:1.9;
}
.notes-prose > section + section {
  margin-top:var(--s6);
}
.notes-prose > section > h2:first-child {
  margin-top:0;
}
.prose.notes-prose h2 {
  margin:var(--s6) 0 20px;
  font-size:26px;
  font-weight:500;
  line-height:1.45;
  color:var(--ink);
  scroll-margin-top:calc(var(--header-h) + var(--s4));
}
.prose.notes-prose h3 {
  margin:var(--s5) 0 var(--s3);
  font-size:var(--lead);
  font-weight:500;
  line-height:1.5;
  color:var(--ink);
}
.notes-prose strong {
  font-weight:500;
  color:var(--ink);
}
.notes-prose p,.notes-prose li {
  overflow-wrap:anywhere;
}
.notes-prose figure,.notes-prose .table-scroll {
  margin-top:var(--s4);
  margin-bottom:var(--s5);
}
.notes-prose figcaption {
  margin-top:var(--s2);
  font-size:var(--micro);
  line-height:1.8;
  color:var(--muted);
}
.notes-prose .table-scroll table {
  min-width:560px;
}
.notes-prose table caption {
  padding:var(--s3);
  text-align:left;
  font-size:var(--small);
  font-weight:500;
  background:var(--bg);
  color:var(--ink);
}
.notes-prose table th {
  font-weight:500;
}
.notes-prose code {
  padding:2px 6px;
  border-radius:var(--r-s);
  background:var(--bg);
  color:var(--ink);
  font:var(--small)/1.6 var(--mono);
  overflow-wrap:anywhere;
}
.notes-prose pre {
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--ink);
  font:var(--small)/1.8 var(--mono);
}
.notes-prose pre code {
  padding:0;
}
.notes-callout {
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  border-left:3px solid var(--sea);
  border-radius:var(--r-s);
  background:var(--ice-2);
  color:var(--text);
}
.notes-callout > :first-child {
  margin-top:0;
}
.notes-callout > :last-child {
  margin-bottom:0;
}
.notes-prose blockquote {
  margin:var(--s5) 0;
  padding:var(--s4) var(--s5);
  border-left:3px solid var(--coral);
  border-radius:var(--r-s);
  background:var(--bg);
  color:var(--slate);
}
.notes-toc {
  position:sticky;
  top:calc(var(--header-h) + var(--s3));
  min-width:0;
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.notes-toc h2,.notes-toc summary {
  font-size:var(--body);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
.notes-toc ol {
  display:grid;
  gap:var(--s2);
  margin-top:var(--s3);
  padding-left:var(--s3);
  list-style:decimal;
  font-size:var(--small);
  line-height:1.7;
}
.notes-toc a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.notes-toc .count,.notes-toc [data-post-count] {
  display:block;
  margin:var(--s3) 0 0;
  font-size:var(--micro);
  color:var(--muted);
}
.notes-toc details > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s3);
  list-style:none;
  cursor:pointer;
}
.notes-toc details > summary::-webkit-details-marker {
  display:none;
}
.notes-toc details[open] > summary .chevron {
  transform:rotate(225deg);
}
.notes-toc details:not([open]) > :not(summary) {
  display:none;
}
.notes-article-end {
  margin-top:var(--s6);
  padding:var(--s5);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--ice);
  color:var(--text);
}
.prose .notes-article-end h2 {
  margin:0;
  font-size:var(--h3);
  line-height:1.45;
  font-weight:500;
  color:var(--ink);
}
.prose .notes-article-end p {
  margin:20px 0 0;
}
.notes-article-end .actions {
  margin-top:var(--s5);
  gap:var(--s3);
}
.prose .notes-article-end .btn {
  min-height:44px;
  max-width:100%;
  padding:var(--s2) var(--s4);
  font-size:var(--small);
  height:auto;
  white-space:normal;
  line-height:1.35;
  text-align:center;
  text-decoration:none;
}
.prose .notes-article-end .btn-coral {
  background:var(--coral);
  color:var(--paper);
  border-color:var(--coral);
}
.prose .notes-article-end .btn-coral:hover {
  background:var(--coral-d);
  color:var(--paper);
  border-color:var(--coral-d);
}
.notes-recommend .float-art {
  display:flex;
  align-items:center;
  gap:var(--s3);
  padding:var(--s4) var(--s4);
  background:var(--ice);
  color:var(--deep);
}
.notes-recommend .float-art > svg {
  flex:none;
}
.notes-recommend .float-art > span {
  padding-right:var(--s4);
  font-size:var(--micro);
  font-weight:500;
}
.notes-recommend .float-body {
  padding:var(--s4);
}
.notes-recommend h2 {
  font-size:var(--lead);
  line-height:1.5;
}
.notes-recommend p {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.8;
}
.notes-recommend .btn {
  display:inline-flex;
  width:auto;
  min-height:40px;
  max-width:100%;
  margin-top:var(--s4);
  padding:var(--s2) var(--s3);
  font-size:var(--small);
  white-space:normal;
  height:auto;
  line-height:1.35;
  text-align:center;
}
.notes-recommend .float-close {
  background:var(--paper);
  color:var(--slate);
  border-color:var(--control-line);
}
@media (max-width:860px) {
  .notes-hero {
    padding:var(--s6) 0;
  }
  .notes-hero h1,.notes-article-hero h1 {
    font-size:36px;
    line-height:1.35;
  }
  .notes-grid {
    gap:var(--s4);
  }
  .notes-card {
    padding:var(--s4);
  }
  .notes-article-layout {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
    padding-top:var(--s5);
    padding-bottom:var(--s6);
  }
  .notes-toc {
    position:static;
    grid-row:1;
    padding:var(--s3) var(--s4);
  }
  .notes-toc ol {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--s5);
  }
  .notes-article-lead {
    font-size:var(--body);
  }
}
@media (max-width:560px) {
  .notes-hero {
    padding:var(--s6) 0 var(--s5);
  }
  .notes-hero h1,.notes-article-hero h1 {
    font-size:32px;
    line-height:1.35;
  }
  .notes-lead {
    font-size:var(--body);
  }
  .notes-list-section {
    padding:var(--s5) 0 var(--s6);
  }
  .notes-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s4);
  }
  .notes-card {
    padding:var(--s4);
  }
  .notes-card-top {
    margin-bottom:var(--s4);
  }
  .notes-card-title {
    font-size:var(--lead);
  }
  .notes-card-description {
    font-size:var(--small);
    margin-bottom:var(--s4);
  }
  .notes-card-meta {
    padding-top:var(--s3);
  }
  .notes-article-hero {
    padding:var(--s5) 0;
  }
  .notes-article-hero .breadcrumb {
    margin-bottom:var(--s4);
    font-size:var(--micro);
  }
  .notes-article-meta {
    margin-top:var(--s4);
  }
  .prose.notes-prose h2 {
    font-size:24px;
  }
  .notes-toc ol {
    grid-template-columns:minmax(0,1fr);
  }
  .notes-article-end {
    padding:var(--s4);
    margin-top:var(--s5);
  }
  .notes-article-end .actions {
    align-items:stretch;
  }
  .notes-article-end .btn {
    flex:1 1 100%;
  }
  .notes-prose blockquote {
    padding:var(--s3) var(--s4);
  }
  .notes-recommend {
    width:min(320px,calc(100% - 32px));
  }
}


/* Portal article */
.portal-article-hero {
  padding:var(--s7) 0 var(--s6);
  border-bottom:1px solid var(--line);
  background:var(--ice-2);
  color:var(--text);
}
.portal-article-hero .breadcrumb {
  margin-bottom:var(--s5);
}
.portal-article-hero .breadcrumb a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.portal-article-hero .eyebrow {
  color:var(--sea-ink);
}
.portal-article-hero h1 {
  max-width:960px;
}
.portal-article-lead {
  max-width:720px;
  font-size:var(--lead);
  line-height:1.8;
}
.portal-article-meta {
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s1) var(--s2);
  max-width:100%;
  margin-top:var(--s4);
  padding:var(--s1) var(--s3);
  border:1px solid var(--control-line);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--text);
  font-size:var(--micro);
  line-height:1.5;
}
.portal-reading-map {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s3) var(--s6);
  margin-top:var(--s6);
  padding-top:var(--s4);
  border-top:1px solid var(--line);
  color:var(--sea-ink);
  font-size:var(--small);
}
.portal-reading-map > span {
  display:inline-flex;
  align-items:center;
  gap:var(--s2);
}
.portal-reading-map svg {
  flex:none;
}
.portal-article-layout {
  padding-top:var(--s6);
}
.portal-prose > section + section {
  margin-top:var(--s6);
}
.portal-prose > section > h2 {
  margin-top:0;
}
.portal-prose li {
  margin:var(--s1) 0;
}
.portal-prose strong {
  font-weight:500;
  color:var(--ink);
}
.portal-article-note {
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  border-left:3px solid var(--sea);
  border-radius:var(--r-s);
  background:var(--ice-2);
  color:var(--text);
}
.portal-article-note p {
  margin:var(--s1) 0 0;
  font-size:var(--small);
}
.portal-check-table {
  background:var(--paper);
  color:var(--text);
}
.portal-check-table table {
  min-width:600px;
}
.portal-check-table caption {
  padding:var(--s3);
  text-align:left;
  font-size:var(--small);
  font-weight:500;
  background:var(--bg);
  color:var(--ink);
  border-bottom:1px solid var(--line);
}
.portal-check-table th,.portal-check-table td {
  vertical-align:top;
  line-height:1.8;
}
.portal-check-table tbody th {
  width:25%;
  font-size:var(--small);
  font-weight:500;
  background:var(--paper);
  color:var(--ink);
}
.portal-clock-list {
  display:grid;
  gap:var(--s4);
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.portal-clock-list > div {
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:start;
  gap:var(--s4);
}
.portal-clock-list dt {
  font-size:var(--small);
  font-weight:500;
  color:var(--sea-ink);
}
.portal-clock-list dd {
  font-size:var(--small);
  line-height:1.8;
}
.portal-prose .portal-example-list {
  padding-left:var(--s4);
  margin:var(--s4) 0 var(--s5);
}
.portal-example-list li {
  padding-left:var(--s1);
}
.portal-example-list li::marker {
  font-family:var(--mono);
  color:var(--sea-ink);
}
.portal-article-toc {
  z-index:3;
}
.portal-article-toc summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s3);
  list-style:none;
  cursor:pointer;
  font-size:var(--body);
  font-weight:500;
  color:var(--ink);
}
.portal-article-toc summary::-webkit-details-marker {
  display:none;
}
.portal-article-toc details[open] summary .chevron {
  transform:rotate(225deg);
}
.portal-article-toc ol {
  line-height:1.5;
  gap:var(--s2);
}
.portal-article-toc a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.portal-toc-count {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-top:var(--s4);
  padding:4px var(--s2);
  border:1px solid var(--control-line);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--sea-ink);
  font-size:var(--micro);
  line-height:1.5;
}
.portal-toc-count:has([data-post-count][hidden]):not(:has(noscript)) {
  display:none;
}
.portal-article-cta {
  margin-top:var(--s5);
  padding:var(--s5);
  border:1px solid var(--bar-track);
  border-radius:var(--r-m);
  background:var(--ice);
  color:var(--text);
}
.portal-cta-symbol {
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--sea-ink);
}
.portal-prose .portal-article-cta h3 {
  margin:var(--s4) 0 0;
  font-size:var(--h3);
  line-height:1.4;
  font-weight:500;
  color:var(--ink);
}
.portal-prose .portal-article-cta p {
  margin:var(--s2) 0 0;
}
.portal-article-cta .actions {
  margin-top:var(--s5);
}
.portal-prose .portal-article-cta .btn-coral {
  background:var(--coral);
  color:var(--paper);
  border-color:var(--coral);
}
.portal-prose .portal-article-cta .btn-coral:hover {
  background:var(--coral-d);
  color:var(--paper);
  border-color:var(--coral-d);
}
.portal-recommend {
  z-index:45;
}
.portal-recommend .float-art {
  display:flex;
  align-items:center;
  gap:var(--s3);
  padding:var(--s3) var(--s6) var(--s3) var(--s4);
  font-size:var(--small);
  color:var(--deep);
  background:var(--ice);
}
.portal-recommend .float-art svg {
  flex:none;
}
.portal-recommend .float-body {
  padding:var(--s4);
}
.portal-recommend .float-body h2 {
  font-size:var(--lead);
}
.portal-recommend .float-body p {
  margin-top:var(--s2);
  font-size:var(--small);
  line-height:1.7;
}
.portal-float-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s2);
  margin-top:var(--s4);
}
.portal-recommend .portal-float-actions .btn {
  flex:1;
  min-width:0;
  max-width:100%;
  min-height:40px;
  height:auto;
  margin-top:0;
  padding:var(--s1) var(--s2);
  white-space:normal;
  line-height:1.35;
  text-align:center;
}
@media (max-width:860px) {
  .portal-article-layout {
    gap:var(--s5);
  }
  .portal-article-toc {
    padding:var(--s3) var(--s4);
  }
  .portal-article-toc ol {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--s5);
  }
}
@media (max-width:560px) {
  .portal-article-hero {
    padding:var(--s7) 0 var(--s5);
  }
  .portal-article-hero h1 {
    font-size:32px;
    line-height:1.35;
  }
  .portal-article-lead {
    font-size:var(--body);
  }
  .portal-article-meta {
    gap:6px var(--s1);
    padding-inline:var(--s2);
  }
  .portal-reading-map {
    gap:var(--s3) var(--s4);
    margin-top:var(--s5);
    font-size:var(--micro);
  }
  .portal-article-layout {
    padding-top:var(--s5);
  }
  .portal-prose > section + section {
    margin-top:var(--s5);
  }
  .portal-article-note {
    padding:var(--s3);
  }
  .portal-clock-list {
    padding:var(--s3);
  }
  .portal-clock-list > div {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s1);
  }
  .portal-article-toc ol {
    grid-template-columns:minmax(0,1fr);
  }
  .portal-article-cta {
    padding:var(--s4);
  }
  .portal-article-cta .btn {
    white-space:normal;
    height:auto;
  }
  .portal-recommend .float-art {
    padding-block:var(--s2);
  }
  .portal-recommend .float-art svg {
    width:24px;
    height:28px;
  }
  .portal-recommend .float-body {
    padding:var(--s3);
  }
  .portal-recommend .float-body p {
    font-size:var(--micro);
  }
}


/* Delivery test article */
.matrix-hero {
  padding:var(--s7) 0 var(--s6);
  border-bottom:1px solid var(--line);
  background:var(--ice-2);
  color:var(--text);
}
.matrix-hero .breadcrumb {
  margin-bottom:var(--s5);
}
.matrix-hero .breadcrumb a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.matrix-hero .eyebrow {
  color:var(--sea-ink);
  margin-bottom:20px;
}
.matrix-hero h1 {
  max-width:960px;
  font-size:44px;
  line-height:1.3;
  font-weight:500;
  color:var(--slate);
  letter-spacing:-.01em;
}
.matrix-deck {
  max-width:740px;
  font-size:var(--lead);
  line-height:1.8;
}
.matrix-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s2);
  margin-top:var(--s4);
}
.matrix-meta > * {
  display:inline-flex;
  align-items:center;
  padding:4px var(--s2);
  border:1px solid var(--control-line-light);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--text);
  font-size:var(--micro);
  line-height:1.5;
}
.matrix-summary {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s3);
  margin-top:var(--s6);
  padding-top:var(--s4);
  border-top:1px solid var(--bar-track);
  font-size:var(--small);
  color:var(--sea-ink);
}
.matrix-summary > span {
  display:inline-flex;
  align-items:center;
  gap:var(--s2);
}
.matrix-summary b {
  font-weight:500;
}
.matrix-summary > svg {
  flex:none;
  color:var(--muted);
}
.matrix-layout {
  padding-top:var(--s6);
}
.matrix-prose > section + section {
  margin-top:var(--s6);
}
.matrix-prose > section > h2 {
  margin-top:0;
}
.matrix-prose li {
  margin-block:6px;
}
.matrix-prose strong {
  color:var(--ink);
  font-weight:500;
}
.matrix-prose .matrix-table {
  margin-top:var(--s4);
  margin-bottom:var(--s5);
}
.matrix-table table {
  min-width:660px;
  line-height:1.75;
}
.matrix-table caption {
  padding:var(--s3);
  text-align:left;
  font-size:var(--small);
  font-weight:500;
  background:var(--bg);
  color:var(--ink);
}
.matrix-table thead th {
  font-size:var(--small);
}
.matrix-table tbody th {
  width:16%;
  font-size:var(--small);
  font-weight:500;
  background:var(--paper);
  color:var(--ink);
}
.matrix-table th,.matrix-table td {
  vertical-align:top;
}
.matrix-evidence {
  margin:var(--s4) 0 var(--s5);
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--bg);
  color:var(--text);
}
.matrix-prose .matrix-evidence h3 {
  margin:0 0 var(--s3);
}
.matrix-prose .matrix-evidence ul {
  margin:0;
}
.matrix-toc {
  z-index:3;
}
.matrix-toc ol {
  gap:6px;
}
.matrix-toc li {
  margin:0;
}
.matrix-toc a:hover {
  color:var(--sea-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.matrix-toc .matrix-count {
  display:inline-flex;
  width:fit-content;
  margin-top:var(--s4);
  padding:4px var(--s2);
  border:1px solid var(--control-line);
  border-radius:var(--r-p);
  background:var(--paper);
  color:var(--sea-ink);
  font-size:var(--micro);
}
.matrix-end-card {
  margin-top:var(--s5);
  padding:var(--s5);
  border:1px solid var(--bar-track);
  border-radius:var(--r-m);
  background:var(--ice);
  color:var(--text);
}
.matrix-end-symbol {
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin-bottom:var(--s4);
  border-radius:var(--r-m);
  background:var(--paper);
  color:var(--sea-ink);
}
.matrix-prose .matrix-end-card h3 {
  margin:0;
  font-size:var(--h3);
  line-height:1.4;
  font-weight:500;
}
.matrix-prose .matrix-end-card p {
  margin:var(--s3) 0 0;
}
.matrix-end-card .actions {
  margin-top:var(--s5);
}
.matrix-end-card .btn {
  min-height:44px;
  height:auto;
  white-space:normal;
  text-align:center;
}
.matrix-end-card .btn-coral {
  background:var(--coral);
  color:var(--paper);
  border-color:var(--coral);
}
.matrix-end-card .btn-coral:hover {
  background:var(--coral-d);
  color:var(--paper);
  border-color:var(--coral-d);
}
.matrix-float {
  width:min(296px,calc(100% - 32px));
  z-index:45;
}
.matrix-float .float-art {
  display:flex;
  align-items:center;
  gap:var(--s2);
  padding:var(--s3) var(--s6) var(--s3) var(--s3);
  background:var(--ice);
  color:var(--deep);
  font-size:var(--micro);
}
.matrix-float .float-art > svg {
  flex:none;
}
.matrix-float .float-body {
  padding:var(--s3);
}
.matrix-float h2 {
  font-size:var(--lead);
}
.matrix-float p {
  margin-top:var(--s1);
  font-size:var(--small);
  line-height:1.7;
}
.matrix-float-actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s1);
  margin-top:var(--s3);
}
.matrix-float .matrix-float-actions .btn {
  margin-top:0;
  padding-inline:var(--s3);
  max-width:100%;
  min-height:40px;
  height:auto;
  white-space:normal;
  line-height:1.35;
  text-align:center;
}
.matrix-float .float-close {
  position:absolute;
  top:var(--s1);
  right:var(--s1);
  background:var(--paper);
  color:var(--slate);
  border:1px solid var(--control-line);
}
@media (min-width:861px) {
  .matrix-toc {
    max-height:calc(100dvh - var(--header-h) - 32px);
    overflow-y:auto;
    scrollbar-width:thin;
  }
}
@media (max-width:860px) {
  .matrix-toc ol {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--s1) var(--s5);
  }
  .matrix-hero h1 {
    font-size:36px;
  }
}
@media (max-width:560px) {
  .matrix-hero {
    padding-top:var(--s7);
    padding-bottom:var(--s5);
  }
  .matrix-hero h1 {
    font-size:32px;
    line-height:1.35;
  }
  .matrix-hero h1 br {
    display:none;
  }
  .matrix-deck {
    font-size:var(--body);
  }
  .matrix-meta {
    gap:var(--s1);
  }
  .matrix-summary {
    gap:var(--s2);
    margin-top:var(--s5);
    font-size:var(--micro);
  }
  .matrix-summary > span {
    gap:4px;
  }
  .matrix-summary > svg {
    width:16px;
  }
  .matrix-layout {
    padding-top:var(--s5);
  }
  .matrix-toc {
    padding:var(--s4);
  }
  .matrix-toc ol {
    gap:var(--s1) var(--s4);
    font-size:var(--micro);
  }
  .matrix-prose > section + section {
    margin-top:var(--s5);
  }
  .matrix-evidence,.matrix-end-card {
    padding:var(--s4);
  }
  .matrix-prose .matrix-end-card h3 {
    font-size:var(--lead);
  }
  .matrix-float {
    width:min(280px,calc(100% - 32px));
  }
  .matrix-float .float-art {
    padding-block:var(--s1);
  }
  .matrix-float .float-art > svg {
    width:20px;
    height:24px;
  }
  .matrix-float .float-body {
    padding:var(--s2) var(--s3);
  }
  .matrix-float h2 {
    font-size:var(--small);
  }
  .matrix-float p {
    font-size:var(--micro);
  }
  .matrix-float-actions {
    margin-top:var(--s2);
  }
}


/* Local audit repairs. */
.field-note {
  min-width:0;
}
[data-alias-form] input.alias-prefix {
  padding-left:16px;
  border-radius:var(--r-p);
}
.site-head .language [data-lang-trigger] .chevron {
  position:absolute;
  top:50%;
  transform:translateY(calc(-50% - .14em)) rotate(45deg);
}
.article-cta {
  min-width:0;
}


/* Alias prefix control alignment. */
.alias-compose input.alias-prefix[data-alias-prefix] {
  padding-left:16px;
  border-radius:var(--r-p);
}