/* ============================================================================
   CANIPUS · 321b · THE ATELIER ON THE PAGES A DOCTOR OR A HOSPITAL OPENS.
   The portals took the company desk's language on 3 Oct 2026 (321). These are
   the pages they open from it: Check it and the check card (check.html), the
   comparison (compare.html), a record and a company (item.html, /i/<id>), the
   enquiry (enquire.html, a doctor's and a hospital's) and the CDSCO register
   (cdsco.html). The same picture opening, the same serif with a teal italic,
   the same mono kicker, numbered chapters with outlined numbers, glass cards
   with a hairline, and buttons with light in them.

   Loaded after each page's own style and after atelier-p.css (whose tokens and
   chapter heads it uses). It only restyles: every button still calls what it
   called, every number still comes from the database, every word was already
   on the page. Sizes come from type.css steps. The body carries atp, atx and
   one of atx-check, atx-compare, atx-item, atx-enq, atx-reg.
   Phone under 700 · tablet 700 to 919 · laptop 920 up.
   ============================================================================ */

/* ============ THE PICTURES: one opening per page, the phone's own crop ============ */
body.atx{ --x-pic:url(/dr-check.jpg); --x-pic-m:url(/dr-check-m.jpg); }
body.atx-compare{ --x-pic:url(/dr-compare.jpg); --x-pic-m:url(/dr-compare-m.jpg); }
body.atx-enq{ --x-pic:url(/dr-ask.jpg); --x-pic-m:url(/dr-ask-m.jpg); }
body.atx-enq.atx-h{ --x-pic:url(/hs-find.jpg); --x-pic-m:url(/hs-find-m.jpg); }
body.atx-reg{ --x-pic:url(/dr-register.jpg); --x-pic-m:url(/dr-register-m.jpg); }
/* the faded band the cinema pages had: the opening now carries the picture */
body.atx .cn-band{ display:none; }

/* ============ THE BAR: glass, a hairline; on a tablet and a laptop it floats ============ */
body.atx .page > .bar{ background:linear-gradient(180deg, rgba(16,30,58,0.86), rgba(10,22,44,0.82)); border-bottom:1px solid var(--at-hair); backdrop-filter:blur(22px) saturate(1.35); -webkit-backdrop-filter:blur(22px) saturate(1.35); }
body.atx .page > .bar .brand{ letter-spacing:.2em; }
body.atx .page > .bar > i:last-child, body.atx .page > .bar #barKind{ font-family:var(--mono); font-size:var(--t-label); letter-spacing:.18em; text-transform:uppercase; color:var(--at-teal); }
body.atx .page > .bar .back{ border-radius:12px; transition:background .2s ease; }
body.atx .page > .bar .back:hover{ background:rgba(153,189,208,0.08); }
@media (min-width:700px){
  body.atx .page > .bar{ top:12px; margin:12px 0 0; padding:8px 16px 8px 12px; border:0; border-radius:18px;
    box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.07), 0 26px 50px -30px rgba(0,0,0,0.9); }
  body.atx .page > .bar .back{ margin-left:-4px; }
}

/* ============ THE OPENING: the page's own head, on its picture ============ */
body.atx.atx-check #main > .hd, body.atx.atx-check #main > .fh, body.atx.atx-check #main > .card > .named,
body.atx.atx-compare .pick > .hd, body.atx.atx-compare .ledger .main > .hd,
body.atx.atx-enq #view > .hd, body.atx.atx-reg #main > .hd{
  position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch;
  min-height:360px; margin-top:20px; padding:46px 48px 40px; border-radius:30px; background:#0B1630; box-shadow:0 50px 90px -50px rgba(0,0,0,0.8); }
body.atx.atx-check #main > .hd::before, body.atx.atx-check #main > .fh::before, body.atx.atx-check #main > .card > .named::before,
body.atx.atx-compare .pick > .hd::before, body.atx.atx-compare .ledger .main > .hd::before,
body.atx.atx-enq #view > .hd::before, body.atx.atx-reg #main > .hd::before{
  content:''; position:absolute; inset:-2%; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg, rgba(9,18,36,0.97) 0%, rgba(9,18,36,0.88) 32%, rgba(9,18,36,0.4) 60%, rgba(9,18,36,0.08) 86%), linear-gradient(0deg, rgba(9,18,36,0.92) 0%, rgba(9,18,36,0) 46%), var(--x-pic) 72% center / cover no-repeat;
  animation:atKb 34s ease-in-out infinite alternate; }
/* the hairline is drawn over the picture, so it runs unbroken round the whole card */
body.atx.atx-check #main > .hd::after, body.atx.atx-check #main > .fh::after, body.atx.atx-check #main > .card > .named::after,
body.atx.atx-compare .pick > .hd::after, body.atx.atx-compare .ledger .main > .hd::after,
body.atx.atx-enq #view > .hd::after, body.atx.atx-reg #main > .hd::after{
  content:''; position:absolute; inset:0; z-index:3; border-radius:inherit; box-shadow:inset 0 0 0 1px var(--at-hair2); pointer-events:none; }
/* the kicker, the serif line, the sentence */
body.atx.atx-check #main > .hd .k, body.atx.atx-check #main > .fh > .k, body.atx.atx-check #main > .card > .named .k,
body.atx.atx-compare .pick > .hd .k, body.atx.atx-compare .ledger .main > .hd .k,
body.atx.atx-enq #view > .hd .k, body.atx.atx-reg #main > .hd .k{
  font-family:var(--mono); font-size:var(--t-label); letter-spacing:.18em; line-height:1.6; text-transform:uppercase; color:var(--at-teal); }
body.atx.atx-check #main > .hd h1, body.atx.atx-check #main > .fh h2, body.atx.atx-check #main > .card > .named h2,
body.atx.atx-compare .pick > .hd h1, body.atx.atx-compare .ledger .main > .hd h1,
body.atx.atx-enq #view > .hd h1, body.atx.atx-reg #main > .hd h1{
  margin:14px 0 0; font-family:var(--at-serif); font-weight:400; font-size:clamp(calc(var(--t-h1) * 1.25), 4.3vw, var(--t-display)); line-height:.98; letter-spacing:-0.01em;
  max-width:15ch; color:var(--headline); text-wrap:balance; text-shadow:none; }
body.atx.atx-check #main > .hd h1 em, body.atx.atx-compare .pick > .hd h1 em, body.atx.atx-compare .ledger .main > .hd h1 em, body.atx.atx-enq #view > .hd h1 em, body.atx.atx-reg #main > .hd h1 em{ font-style:italic; color:var(--at-teal2); }
body.atx.atx-check #main > .hd p, body.atx.atx-compare .pick > .hd p, body.atx.atx-compare .ledger .main > .hd p, body.atx.atx-enq #view > .hd p, body.atx.atx-reg #main > .hd p{
  margin:16px 0 0; max-width:56ch; font-size:var(--t-lead); line-height:1.6; color:#CFE0F3; }
/* a long name: a little smaller, a little wider */
body.atx.atx-check #main > .card > .named h2, body.atx.atx-check #main > .fh h2, body.atx.atx-compare .ledger .main > .hd h1{ font-size:clamp(calc(var(--t-h1) * 1.15), 3.5vw, calc(var(--t-h1) * 1.75)); line-height:1.02; max-width:24ch; }
@media (min-width:700px) and (max-width:919px){
  body.atx.atx-check #main > .hd, body.atx.atx-check #main > .fh, body.atx.atx-check #main > .card > .named,
  body.atx.atx-compare .pick > .hd, body.atx.atx-compare .ledger .main > .hd,
  body.atx.atx-enq #view > .hd, body.atx.atx-reg #main > .hd{ min-height:330px; padding:40px 36px 34px; }
  body.atx.atx-check #main > .hd h1, body.atx.atx-compare .pick > .hd h1, body.atx.atx-enq #view > .hd h1, body.atx.atx-reg #main > .hd h1{ font-size:calc(var(--t-h1) * 1.45); }
}
/* the phone: the picture on top, the words under it on the card's own navy */
@media (max-width:699px){
  body.atx.atx-check #main > .hd, body.atx.atx-check #main > .fh, body.atx.atx-check #main > .card > .named,
  body.atx.atx-compare .pick > .hd, body.atx.atx-compare .ledger .main > .hd,
  body.atx.atx-enq #view > .hd, body.atx.atx-reg #main > .hd{ display:block; min-height:0; margin-top:14px; padding:178px 20px 22px; border-radius:24px; }
  body.atx.atx-check #main > .hd::before, body.atx.atx-check #main > .fh::before, body.atx.atx-check #main > .card > .named::before,
  body.atx.atx-compare .pick > .hd::before, body.atx.atx-compare .ledger .main > .hd::before,
  body.atx.atx-enq #view > .hd::before, body.atx.atx-reg #main > .hd::before{
    inset:0 0 auto 0; height:214px; animation:none;
    background:linear-gradient(180deg, rgba(11,22,48,0) 30%, rgba(11,22,48,0.74) 70%, #0B1630 100%), var(--x-pic-m) center / cover no-repeat; }
  body.atx.atx-check #main > .hd h1, body.atx.atx-compare .pick > .hd h1, body.atx.atx-enq #view > .hd h1, body.atx.atx-reg #main > .hd h1{ font-size:calc(var(--t-h1) * 1.3); max-width:none; }
  body.atx.atx-check #main > .card > .named h2, body.atx.atx-check #main > .fh h2, body.atx.atx-compare .ledger .main > .hd h1{ font-size:calc(var(--t-h1) * 1.1); max-width:none; }
  body.atx.atx-check #main > .hd p, body.atx.atx-compare .pick > .hd p, body.atx.atx-compare .ledger .main > .hd p, body.atx.atx-enq #view > .hd p, body.atx.atx-reg #main > .hd p{ font-size:var(--t-body); }
  /* an answer comes first on a phone: its opening is a band */
  body.atx.atx-check #main > .fh, body.atx.atx-check #main > .card > .named, body.atx.atx-compare .ledger .main > .hd{ padding-top:112px; }
  body.atx.atx-check #main > .fh::before, body.atx.atx-check #main > .card > .named::before, body.atx.atx-compare .ledger .main > .hd::before{ height:148px; }
}

/* ============ THE DOOR: a page that opens on one note (signed out, or a page that could not come)
   opens on its picture too, the note's words on it and its one button lit ============ */
body.atx.atx-check #main > .note:only-child, body.atx.atx-compare #view > .note:only-child, body.atx.atx-enq #view > .note:only-child, body.atx.atx-reg #main > .empty:only-child{
  position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; text-align:left;
  min-height:400px; margin-top:20px; padding:46px 48px 42px; border-radius:30px; background:#0B1630; box-shadow:0 50px 90px -50px rgba(0,0,0,0.8); }
body.atx.atx-check #main > .note:only-child::before, body.atx.atx-compare #view > .note:only-child::before, body.atx.atx-enq #view > .note:only-child::before, body.atx.atx-reg #main > .empty:only-child::before{
  content:''; position:absolute; inset:-2%; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg, rgba(9,18,36,0.97) 0%, rgba(9,18,36,0.88) 32%, rgba(9,18,36,0.4) 60%, rgba(9,18,36,0.08) 86%), linear-gradient(0deg, rgba(9,18,36,0.92) 0%, rgba(9,18,36,0) 46%), var(--x-pic) 72% center / cover no-repeat;
  animation:atKb 34s ease-in-out infinite alternate; }
body.atx.atx-check #main > .note:only-child::after, body.atx.atx-compare #view > .note:only-child::after, body.atx.atx-enq #view > .note:only-child::after, body.atx.atx-reg #main > .empty:only-child::after{
  content:''; position:absolute; inset:0; z-index:3; border-radius:inherit; box-shadow:inset 0 0 0 1px var(--at-hair2); pointer-events:none; }
body.atx.atx-check #main > .note:only-child .k, body.atx.atx-compare #view > .note:only-child .k, body.atx.atx-enq #view > .note:only-child .k, body.atx.atx-reg #main > .empty:only-child .k{
  display:block; margin:0; font-family:var(--mono); font-size:var(--t-label); letter-spacing:.18em; line-height:1.6; text-transform:uppercase; color:var(--at-teal); }
body.atx.atx-compare #view > .note.amber:only-child .k{ color:var(--at-amber); }
body.atx.atx-check #main > .note:only-child b, body.atx.atx-compare #view > .note:only-child b, body.atx.atx-enq #view > .note:only-child b, body.atx.atx-reg #main > .empty:only-child b{
  display:block; margin:14px 0 0; max-width:15ch; font-family:var(--at-serif); font-weight:400; font-size:clamp(calc(var(--t-h1) * 1.25), 4.3vw, var(--t-display)); line-height:.98; letter-spacing:-0.01em; color:var(--headline); text-wrap:balance; }
body.atx.atx-check #main > .note:only-child p, body.atx.atx-compare #view > .note:only-child p, body.atx.atx-enq #view > .note:only-child p, body.atx.atx-reg #main > .empty:only-child p{
  margin:16px 0 0; max-width:52ch; font-size:var(--t-lead); line-height:1.6; color:#CFE0F3; }
body.atx.atx-check #main > .note:only-child .go, body.atx.atx-compare #view > .note:only-child .go, body.atx.atx-enq #view > .note:only-child .go, body.atx.atx-reg #main > .empty:only-child .go{
  display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:0; margin-top:26px; padding:14px 26px; border:0; border-radius:14px; font-size:var(--t-chip); font-weight:600; color:#062024;
  background:var(--at-btn); box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
@media (max-width:699px){
  body.atx.atx-check #main > .note:only-child, body.atx.atx-compare #view > .note:only-child, body.atx.atx-enq #view > .note:only-child, body.atx.atx-reg #main > .empty:only-child{ display:block; min-height:0; margin-top:14px; padding:178px 20px 24px; border-radius:24px; }
  body.atx.atx-check #main > .note:only-child::before, body.atx.atx-compare #view > .note:only-child::before, body.atx.atx-enq #view > .note:only-child::before, body.atx.atx-reg #main > .empty:only-child::before{
    inset:0 0 auto 0; height:214px; animation:none; background:linear-gradient(180deg, rgba(11,22,48,0) 30%, rgba(11,22,48,0.74) 70%, #0B1630 100%), var(--x-pic-m) center / cover no-repeat; }
  body.atx.atx-check #main > .note:only-child b, body.atx.atx-compare #view > .note:only-child b, body.atx.atx-enq #view > .note:only-child b, body.atx.atx-reg #main > .empty:only-child b{ font-size:calc(var(--t-h1) * 1.3); max-width:none; }
  body.atx.atx-check #main > .note:only-child p, body.atx.atx-compare #view > .note:only-child p, body.atx.atx-enq #view > .note:only-child p, body.atx.atx-reg #main > .empty:only-child p{ font-size:var(--t-body); }
}

/* ============ CHAPTERS on these pages: the portal's head, a little tighter ============ */
body.atx .at-ch{ margin:54px 0 20px; }
body.atx .at-chs button, body.atx .at-chs a{ white-space:nowrap; }
@media (max-width:699px){ body.atx .at-ch{ margin:40px 0 14px; } }
/* the outlined number a section head carries when the page draws the head itself */
body.atx .x-num{ font-family:var(--at-serif); font-weight:400; font-style:normal; line-height:.82; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.5); letter-spacing:0; }

/* ============ BUTTONS: the light inside them ============ */
body.atx .x-go{ background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }


/* ==========================================================================
   1 · CHECK IT (check.html): the box, the card, the need, her history
   ========================================================================== */
@media (min-width:920px){
  body.atx.atx-check:not(.wide) .page{ max-width:1040px; padding-left:32px; padding-right:32px; }
}
/* the path: one glass line, the stop lit */
body.atx.atx-check .ck-path{ margin-top:16px; padding:10px 16px; border-radius:16px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair); letter-spacing:.12em; }
body.atx.atx-check .ck-path .dots i{ width:8px; height:8px; }
body.atx.atx-check .ck-path .dots i.on{ background:var(--at-teal); box-shadow:0 0 10px rgba(64,201,190,0.8); }
body.atx.atx-check .ck-path b{ color:var(--headline); }
body.atx.atx-check .ck-path a{ color:var(--at-teal2); }

/* the box */
body.atx.atx-check .cbar{ margin-top:18px; border-radius:22px; padding:14px 14px 14px 20px; align-items:flex-end;
  background:linear-gradient(165deg, rgba(20,38,70,0.84), rgba(8,20,40,0.9));
  box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.08), 0 40px 80px -46px rgba(0,0,0,0.9);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
body.atx.atx-check .cbar:focus-within{ box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.75), 0 0 0 5px rgba(64,201,190,0.12), 0 40px 80px -46px rgba(0,0,0,0.9); }
body.atx.atx-check .cbar textarea{ font-size:var(--t-lead); }
body.atx.atx-check .cbar .go{ width:46px; height:46px; background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.9), inset 0 1px 0 rgba(255,255,255,0.4); transition:transform .18s ease, filter .2s ease; }
body.atx.atx-check .cbar .go:hover{ transform:translateY(-1px); filter:brightness(1.05); }
body.atx.atx-check .cbar .cam{ width:46px; height:46px; background:rgba(153,189,208,0.08); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-check .shot{ border-radius:16px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair); }
body.atx.atx-check .cq{ border-radius:18px; box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.08), 0 24px 44px -30px rgba(0,0,0,0.9); }
body.atx.atx-check .cq-n{ font-family:var(--at-serif); font-weight:400; font-size:calc(var(--t-h3) * 1.1); }
body.atx.atx-check .ex{ margin-top:14px; gap:8px; }
body.atx.atx-check .ex .exk{ color:var(--at-teal); letter-spacing:.18em; }
body.atx.atx-check .ex button{ padding:8px 14px; background:rgba(153,189,208,0.06); box-shadow:inset 0 0 0 1px var(--at-hair2); transition:box-shadow .2s ease, color .2s ease, transform .18s ease; }
body.atx.atx-check .ex button:hover{ transform:translateY(-1px); }
/* the way into the register: a glass card with its own picture */
body.atx.atx-check .toreg{ gap:16px; margin-top:20px; padding:14px 18px 14px 14px; border-radius:20px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair2), 0 30px 60px -40px rgba(0,0,0,0.9); transition:transform .25s ease, box-shadow .25s ease; }
body.atx.atx-check .toreg::before{ content:''; flex:none; width:84px; height:62px; border-radius:13px; background:url(/dr-register-m.jpg) 60% center / cover no-repeat; box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-check .toreg b{ letter-spacing:.18em; color:var(--at-teal); }
body.atx.atx-check .toreg span{ margin-top:6px; font-family:var(--at-serif); font-size:var(--t-lead2); line-height:1.25; color:var(--headline); }
body.atx.atx-check .toreg:hover{ transform:translateY(-2px); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.4), 0 30px 60px -36px rgba(0,0,0,0.9); }
@media (max-width:699px){ body.atx.atx-check .toreg::before{ width:64px; height:52px; } body.atx.atx-check .toreg span{ font-size:var(--t-lead); } }

/* her checks and searches: chapter 01, each row a glass card */
body.atx.atx-check .mine{ margin-top:0; }
body.atx.atx-check .mine .at-ch{ margin-top:50px; }
body.atx.atx-check .seeall{ font-size:var(--t-label2); letter-spacing:.14em; text-transform:uppercase; color:var(--at-teal2); padding:8px 0 8px 10px; }
body.atx.atx-check .mine .list, body.atx.atx-check .hx-list .list{ gap:8px; }
body.atx.atx-check .mc{ border-radius:18px; padding:14px 16px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); transition:transform .22s ease, box-shadow .22s ease; }
body.atx.atx-check .mc:hover{ transform:translateY(-1px); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.35), 0 24px 44px -30px rgba(0,0,0,0.9); }
body.atx.atx-check .mc.hr .tt b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); line-height:1.15; letter-spacing:0; }
body.atx.atx-check .mc.hr .tag{ border-radius:7px; letter-spacing:.16em; }
body.atx.atx-check .mine .more, body.atx.atx-check #hxMore{ border-radius:16px; letter-spacing:.14em; box-shadow:inset 0 0 0 1px var(--at-hair2); }

/* the waiting card, did you mean, the notes */
body.atx.atx-check .wait, body.atx.atx-check .note, body.atx.atx-check .hx-empty, body.atx.atx-check .emp{ border-radius:24px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); }
body.atx.atx-check .wait .k, body.atx.atx-check .note .k, body.atx.atx-check .mean .k, body.atx.atx-check .claims .k{ letter-spacing:.18em; }
body.atx.atx-check .note b, body.atx.atx-check .mean h2, body.atx.atx-check .hx-empty b, body.atx.atx-check .emp b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.1; letter-spacing:0; }
body.atx.atx-check .note .go{ border-radius:14px; padding:12px 20px; background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-check .cand{ border-radius:18px; padding:14px 16px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); }
body.atx.atx-check .cand .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); letter-spacing:0; }
body.atx.atx-check .cand.plain{ background:rgba(153,189,208,0.04); box-shadow:inset 0 0 0 1px var(--at-hair2); }

/* her history: its own opening, slimmer */
body.atx.atx-check .hx-top{ margin-top:16px; }
body.atx.atx-check .hx-back{ letter-spacing:.14em; text-transform:uppercase; color:var(--at-teal2); }
body.atx.atx-check #main > .hd.hx-hd{ min-height:280px; margin-top:8px; }
body.atx.atx-check #main > .hd.hx-hd .hx-n{ font-family:var(--mono); font-size:var(--t-label2); letter-spacing:.12em; text-transform:uppercase; color:#CFE0F3; }
body.atx.atx-check .hx-search{ margin-top:20px; border-radius:18px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), 0 24px 44px -34px rgba(0,0,0,0.9); }
body.atx.atx-check .hx-search:focus-within{ box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.7), 0 0 0 4px rgba(64,201,190,0.12); }
body.atx.atx-check .hx-filters button{ padding:9px 15px; background:rgba(153,189,208,0.05); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-check .hx-filters button[aria-pressed="true"]{ background:linear-gradient(160deg, rgba(64,201,190,0.26), rgba(64,201,190,0.1)); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.6), 0 0 22px -8px rgba(64,201,190,0.6); }
body.atx.atx-check .hx-day{ margin:30px 2px 10px; letter-spacing:.18em; color:var(--at-teal); }
@media (max-width:699px){ body.atx.atx-check #main > .hd.hx-hd{ padding-top:112px; } body.atx.atx-check #main > .hd.hx-hd::before{ height:148px; } }

/* THE CARD: the name on the picture, the six words as tiles, the six answers numbered */
body.atx.atx-check #main > .card{ display:flex; flex-direction:column; margin-top:0; }
body.atx.atx-check #main > .card > .named{ order:-1; }
body.atx.atx-check #main > .card > .named .t{ flex:none; }
body.atx.atx-check #main > .card > .named .k{ display:block; }
body.atx.atx-check #main > .card > .named .sub{ margin-top:14px; letter-spacing:.12em; color:#CFE0F3; }
body.atx.atx-check #main > .card > .named .sub b{ color:var(--headline); }
body.atx.atx-check #main > .card > .named .sub em{ color:var(--at-teal2); }
body.atx.atx-check .fwd{ margin-top:16px; padding:14px 18px; border-radius:18px; background:linear-gradient(160deg, rgba(64,201,190,0.12), rgba(64,201,190,0.03)); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.32); }
body.atx.atx-check .fwd b{ letter-spacing:.18em; }
body.atx.atx-check .words{ margin-top:16px; gap:10px; }
body.atx.atx-check .words > div{ border-radius:18px; padding:16px 6px 13px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); }
body.atx.atx-check .words > div b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); letter-spacing:0; text-shadow:none; }
body.atx.atx-check .words > div span{ margin-top:6px; letter-spacing:.14em; color:var(--muted); }
body.atx.atx-check .lines{ margin-top:16px; gap:12px; }
body.atx.atx-check .ln{ position:relative; border-radius:22px; padding:20px 22px 18px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair), inset 0 1px 0 rgba(255,255,255,0.05), var(--at-shadow); }
body.atx.atx-check .ln .top{ gap:16px; align-items:center; }
body.atx.atx-check .ln .n{ width:auto; height:auto; min-width:52px; border-radius:0; background:none; font-family:var(--at-serif); font-size:calc(var(--t-h1) * 1.2); line-height:.8; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.55); letter-spacing:0; }
body.atx.atx-check .ln .q{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.08; letter-spacing:0; }
body.atx.atx-check .ln .top .w{ font-size:var(--t-lead); padding:6px 14px; }
body.atx.atx-check .ln p, body.atx.atx-check .ln .rows, body.atx.atx-check .ln .alike, body.atx.atx-check .ln .doors, body.atx.atx-check .ln .only{ margin-left:68px; }
body.atx.atx-check .ln p{ margin-top:12px; font-size:var(--t-body); line-height:1.6; max-width:72ch; }
body.atx.atx-check .ln .row{ border-radius:12px; padding:8px 12px; background:rgba(7,17,33,0.5); box-shadow:inset 0 0 0 1px rgba(153,189,208,0.08); }
body.atx.atx-check .ln .alike a{ border-radius:12px; background:rgba(7,17,33,0.5); box-shadow:inset 0 0 0 1px var(--at-hair); }
body.atx.atx-check .ln .doors a, body.atx.atx-check .ln .doors button{ border-radius:12px; padding:9px 15px; background:rgba(64,201,190,0.1); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.42); transition:transform .18s ease, background .2s ease; }
body.atx.atx-check .ln .doors a:hover, body.atx.atx-check .ln .doors button:hover{ transform:translateY(-1px); background:rgba(64,201,190,0.16); }
body.atx.atx-check .ln .only{ letter-spacing:.14em; }
@media (max-width:699px){
  body.atx.atx-check .words{ gap:6px; }
  body.atx.atx-check .words > div{ border-radius:14px; padding:12px 4px 10px; }
  body.atx.atx-check .ln{ padding:16px 16px 14px; border-radius:20px; }
  body.atx.atx-check .ln .top{ gap:10px; flex-wrap:wrap; }
  body.atx.atx-check .ln .n{ min-width:34px; font-size:var(--t-h1); }
  body.atx.atx-check .ln .q{ font-size:var(--t-h3); flex:1 1 60%; }
  body.atx.atx-check .ln p, body.atx.atx-check .ln .rows, body.atx.atx-check .ln .alike, body.atx.atx-check .ln .doors, body.atx.atx-check .ln .only{ margin-left:0; }
}
/* the claims off a photographed page */
body.atx.atx-check .claims{ margin-top:24px; }
body.atx.atx-check .cl{ border-radius:18px; padding:14px 16px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair); }
body.atx.atx-check .cl .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); line-height:1.25; color:var(--at-gold-hi); }
/* the foot of the card */
body.atx.atx-check .foot{ margin-top:22px; gap:10px; }
body.atx.atx-check .foot button:not(.o), body.atx.atx-check .foot a:not(.o){ border-radius:14px; padding:15px 12px; background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); transition:transform .18s ease, filter .2s ease; }
body.atx.atx-check .foot .o{ border-radius:14px; background:rgba(153,189,208,0.06); box-shadow:inset 0 0 0 1px var(--at-hair2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
body.atx.atx-check .foot button:hover, body.atx.atx-check .foot a:hover{ transform:translateY(-1px); }
body.atx.atx-check .rule{ margin-top:18px; letter-spacing:.14em; }
body.atx.atx-check .again button{ letter-spacing:.18em; color:var(--at-teal2); }

/* A NEED, ON TWO SIDES: the question on the picture, then the register's answer in numbered chapters */
body.atx.atx-check #main > .fh{ min-height:300px; margin-top:20px; }
body.atx.atx-check #main > .fh .said{ margin-top:12px; font-size:var(--t-lead); color:#CFE0F3; font-style:italic; font-family:var(--at-serif); }
body.atx.atx-check #main > .fh .as{ margin-top:16px; }
body.atx.atx-check #main > .fh .as span{ background:rgba(7,17,33,0.45); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
body.atx.atx-check #main > .fh .as .ak{ background:none; backdrop-filter:none; -webkit-backdrop-filter:none; color:var(--at-teal); letter-spacing:.18em; }
body.atx.atx-check #main > .fh .how, body.atx.atx-check #main > .fh .plainnote{ margin-top:14px; letter-spacing:.12em; color:#AFC6DD; }
body.atx.atx-check #main > .fh .plainnote{ color:var(--at-amber); }
body.atx.atx-check #main > .fh .fq{ margin-top:8px; }
@media (max-width:979px){ body.atx.atx-check #main > .fh .as{ margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; } }
@media (min-width:700px) and (max-width:979px){ body.atx.atx-check #main > .fh .as{ margin-left:-36px; margin-right:-36px; padding-left:36px; padding-right:36px; } }
@media (min-width:980px){ body.atx.atx-check.wide .page{ padding-top:0; } }
body.atx.atx-check .other{ margin-top:26px; gap:8px; }
body.atx.atx-check .tray{ background:linear-gradient(180deg, rgba(16,30,58,0.9), rgba(9,19,38,0.94)); border-top:0; box-shadow:0 -1px 0 var(--at-hair2), 0 -24px 50px -24px rgba(0,0,0,0.7); }
body.atx.atx-check .tray .enq, body.atx.atx-check .enq{ background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
/* the two kinds of question, one to a line now that the box is wider */
body.atx.atx-check .hint{ display:block; margin-top:14px; line-height:2; }
body.atx.atx-check .hint b{ margin-right:6px; }


/* ==========================================================================
   2 · COMPARE (compare.html): the two sides as chapters, the ledger in glass
   ========================================================================== */
/* the record she came from */
body.atx.atx-compare .fromcard{ margin-top:18px; gap:16px; padding:12px 18px 12px 12px; border-radius:20px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.38), inset 0 1px 0 rgba(255,255,255,0.06), 0 30px 60px -40px rgba(0,0,0,0.9); transition:transform .25s ease; }
body.atx.atx-compare .fromcard:hover{ transform:translateY(-1px); }
body.atx.atx-compare .fromcard .im{ width:88px; height:64px; border-radius:13px; box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-compare .fromcard .t i{ letter-spacing:.18em; }
body.atx.atx-compare .fromcard .t b{ margin-top:4px; font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); line-height:1.15; letter-spacing:0; }
/* the phone's two tabs */
body.atx.atx-compare .tabs{ border-radius:18px; padding:5px; background:rgba(7,17,33,0.55); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-compare .tab{ border-radius:14px; letter-spacing:.12em; }
body.atx.atx-compare .tab.on{ background:linear-gradient(160deg, rgba(64,201,190,0.26), rgba(64,201,190,0.1)); color:var(--at-teal2); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.55), 0 0 22px -8px rgba(64,201,190,0.55); }
body.atx.atx-compare .tab.reg.on{ background:linear-gradient(160deg, rgba(169,184,255,0.2), rgba(169,184,255,0.06)); color:var(--reg2); box-shadow:inset 0 0 0 1px var(--regln); }
/* each side opens on a numbered head */
body.atx.atx-compare .sides{ margin-top:6px; }
body.atx.atx-compare .side .sh{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:4px 18px; align-items:center; margin-top:40px; }
body.atx.atx-compare .side .sh::before{ font-family:var(--at-serif); font-size:clamp(calc(var(--t-h1) * 1.35), 4vw, calc(var(--t-display) * 0.95)); line-height:.82; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.5); }
body.atx.atx-compare .side.reg .sh::before{ content:'01'; -webkit-text-stroke-color:rgba(169,184,255,0.6); }
body.atx.atx-compare .side.can .sh::before{ content:'02'; }
body.atx.atx-compare .side .sh .seal{ display:none; }
body.atx.atx-compare .side .sh b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.05; letter-spacing:0; }
body.atx.atx-compare .side .sh small{ margin-top:6px; letter-spacing:.16em; }
body.atx.atx-compare .side.reg .sh small{ color:var(--reg); }
body.atx.atx-compare .side.can .sh small{ color:var(--at-teal); }
body.atx.atx-compare .side .sh .ct{ font-family:var(--at-serif); font-size:var(--t-h2); color:var(--structure); }
body.atx.atx-compare .enqnote{ margin-top:16px; padding:14px 16px; border-radius:18px; background:linear-gradient(160deg, rgba(64,201,190,0.1), rgba(64,201,190,0.02)); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.3); }
body.atx.atx-compare .filter{ margin-top:14px; border-radius:16px; padding:0 14px; background:rgba(7,17,33,0.55); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-compare .filter:focus-within{ box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.7), 0 0 0 4px rgba(64,201,190,0.12); }
body.atx.atx-compare .grp{ margin-top:18px; }
body.atx.atx-compare .grp > i{ letter-spacing:.16em; margin-bottom:10px; }
body.atx.atx-compare .grp > i::after{ background:var(--at-hair); }
body.atx.atx-compare .list{ gap:8px; }
/* one entry to pick: glass, a hairline */
body.atx.atx-compare .pk{ border-radius:18px; padding:12px 14px 12px 12px; min-height:72px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); }
body.atx.atx-compare .pk:hover{ box-shadow:inset 0 0 0 1px var(--at-hair2), 0 24px 44px -30px rgba(0,0,0,0.9); }
body.atx.atx-compare .pk.on.reg{ background:linear-gradient(160deg, rgba(169,184,255,0.12), rgba(169,184,255,0.03)), var(--at-glass2); box-shadow:inset 0 0 0 1.5px var(--regln), 0 0 26px -10px rgba(120,150,255,0.45); }
body.atx.atx-compare .pk.on.can{ background:linear-gradient(160deg, rgba(64,201,190,0.14), rgba(64,201,190,0.03)), var(--at-glass2); box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.65), 0 0 26px -10px rgba(64,201,190,0.5); }
body.atx.atx-compare .pk .cls{ width:50px; height:54px; border-radius:13px; }
body.atx.atx-compare .pk .cls b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); }
body.atx.atx-compare .pk .im{ width:64px; height:50px; border-radius:12px; }
body.atx.atx-compare .pk.has-enq{ border-radius:18px 18px 0 0; }
body.atx.atx-compare .enq{ border-radius:0 0 18px 18px; padding-left:74px; background:linear-gradient(90deg, rgba(64,201,190,0.12), rgba(64,201,190,0.03)); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.3); }
@media (max-width:479px){ body.atx.atx-compare .enq{ padding-left:14px; } }
body.atx.atx-compare .empty{ border-radius:20px; padding:22px 18px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); }
body.atx.atx-compare .empty b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); }
body.atx.atx-compare .more{ border-radius:14px; letter-spacing:.14em; box-shadow:inset 0 0 0 1px var(--at-hair2); }
/* how the sides are found: chapter 03 */
body.atx.atx-compare .how{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 18px; align-items:center; margin-top:56px; padding-top:0; border-top:0; }
body.atx.atx-compare .how::before{ content:'03'; font-family:var(--at-serif); font-size:clamp(calc(var(--t-h1) * 1.35), 4vw, calc(var(--t-display) * 0.95)); line-height:.82; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.5); }
body.atx.atx-compare .how > .k{ letter-spacing:.18em; color:var(--at-teal); }
body.atx.atx-compare .howg{ grid-column:1 / -1; margin-top:14px; gap:12px; }
body.atx.atx-compare .hw{ border-radius:20px; padding:18px 18px 16px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); }
body.atx.atx-compare .hw b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); letter-spacing:0; }
body.atx.atx-compare .hw p{ margin-top:8px; }
/* the tray */
body.atx.atx-compare .tray{ background:linear-gradient(180deg, rgba(16,30,58,0.9), rgba(9,19,38,0.94)); border-top:0; box-shadow:0 -1px 0 var(--at-hair2), 0 -24px 50px -24px rgba(0,0,0,0.7); }
body.atx.atx-compare .tray .chip{ background:rgba(7,17,33,0.6); }
body.atx.atx-compare .tray .hint{ letter-spacing:.16em; }
body.atx.atx-compare .tray .go{ border-radius:14px; background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-compare .tray .go:disabled{ box-shadow:none; }
body.atx.atx-compare .tray .enqgo{ border-radius:14px; }
/* THE LEDGER */
body.atx.atx-compare .face .im{ border-radius:18px; }
body.atx.atx-compare .face > b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); line-height:1.15; letter-spacing:0; }
body.atx.atx-compare .face > i{ letter-spacing:.12em; }
body.atx.atx-compare .face.add .im{ border-radius:18px; font-family:var(--at-serif); }
body.atx.atx-compare .pills{ margin-top:18px; gap:8px; }
body.atx.atx-compare .pill{ padding:10px 14px; letter-spacing:.14em; background:rgba(7,17,33,0.5); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-compare .pill.on{ color:#F8FEFF; background:linear-gradient(160deg, rgba(64,201,190,0.28), rgba(64,201,190,0.12)); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.6), 0 0 22px -8px rgba(64,201,190,0.6); }
body.atx.atx-compare .read{ border-radius:22px; padding:20px 20px 18px; }
body.atx.atx-compare .read .k{ letter-spacing:.18em; }
body.atx.atx-compare .lg{ counter-reset:lgs; }
body.atx.atx-compare .gh{ align-items:center; gap:12px; margin-top:34px; padding-bottom:12px; border-bottom-color:var(--at-hair); }
body.atx.atx-compare .gh > b::before{ counter-increment:lgs; content:counter(lgs, decimal-leading-zero); margin-right:14px; font-family:var(--at-serif); font-weight:400; font-size:var(--t-h1); line-height:.8; letter-spacing:0; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.5); vertical-align:-6px; }
body.atx.atx-compare .gh.register > b::before{ -webkit-text-stroke-color:rgba(169,184,255,0.6); }
body.atx.atx-compare .gh.doctors > b::before{ -webkit-text-stroke-color:rgba(255,196,107,0.55); }
body.atx.atx-compare .gh::before{ display:none; }
body.atx.atx-compare .gh b{ font-family:var(--mono); font-weight:500; font-size:var(--t-label2); letter-spacing:.18em; text-transform:uppercase; }
body.atx.atx-compare .rows{ margin-top:10px; gap:10px; }
body.atx.atx-compare .rw{ border-radius:18px; padding:12px 0 14px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -36px rgba(0,0,0,0.9); }
body.atx.atx-compare .rw.lit{ background:linear-gradient(180deg, rgba(64,201,190,0.08), rgba(64,201,190,0.015)), var(--at-glass2); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.42), 0 0 30px -14px rgba(64,201,190,0.45), 0 24px 44px -36px rgba(0,0,0,0.9); }
body.atx.atx-compare .rw .hd2 b{ letter-spacing:.16em; }
body.atx.atx-compare .rw .rd q{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead); color:var(--at-gold-hi); }
body.atx.atx-compare .src{ letter-spacing:.1em; }
body.atx.atx-compare .note{ border-radius:24px; padding:22px 20px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); }
body.atx.atx-compare .note b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.1; }
body.atx.atx-compare .note .go{ border-radius:14px; padding:12px 20px; background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-compare .wait{ letter-spacing:.18em; color:var(--at-teal); }
/* the sheet: add one more */
body.atx.atx-compare .sheet{ border-radius:28px 28px 0 0; background:linear-gradient(180deg, #16294B, #0B1730); border-top:0; box-shadow:0 -30px 80px -20px rgba(0,0,0,0.85), inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-compare .sheet .t0 b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); letter-spacing:0; }
body.atx.atx-compare .sheet .row button{ border-radius:14px; }
body.atx.atx-compare .sheet .go{ background:var(--at-btn); box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
@media (min-width:700px){ body.atx.atx-compare .sheet{ border-radius:28px; margin-bottom:16px; } }
@media (max-width:699px){
  body.atx.atx-compare .side .sh{ grid-template-columns:auto minmax(0,1fr); margin-top:28px; gap:4px 14px; }
  body.atx.atx-compare .side .sh::before, body.atx.atx-compare .how::before{ font-size:calc(var(--t-h1) * 1.25); }
  body.atx.atx-compare .side .sh .ct{ display:none; }
  body.atx.atx-compare .side .sh b{ font-size:var(--t-h3); }
  body.atx.atx-compare .how{ margin-top:40px; }
  body.atx.atx-compare .gh > b::before{ font-size:var(--t-h2); }
}


/* ==========================================================================
   3 · A RECORD AND A COMPANY (item.html, /i/<id>): the stall as an atelier card
   ========================================================================== */
@media (min-width:700px){ body.atx.atx-item .page > .bar{ margin:12px var(--gut) 0; } }
/* the banner: the face and the sign, one card with a hairline */
body.atx.atx-item .banner{ margin:16px var(--gut) 0; border-radius:28px; overflow:hidden; isolation:isolate; background:#0B1630; box-shadow:inset 0 0 0 1px var(--at-hair2), 0 50px 90px -50px rgba(0,0,0,0.8); }
body.atx.atx-item .banner::after{ content:''; position:absolute; inset:0; z-index:5; border-radius:inherit; box-shadow:inset 0 0 0 1px var(--at-hair2); pointer-events:none; }
body.atx.atx-item .banner .sign .chips{ gap:6px 7px; }
body.atx.atx-item .banner .chip{ padding:5px 10px; }
body.atx.atx-item .banner .sign h1{ font-family:var(--at-serif); font-weight:400; letter-spacing:-0.01em; line-height:1; }
body.atx.atx-item .banner .sign .line{ color:#CFE0F3; }
@media (min-width:700px){
  body.atx.atx-item .banner .sign{ padding:28px 28px 28px 26px; border-left:0; background:linear-gradient(165deg, rgba(20,38,70,0.9), rgba(8,20,40,0.95)); }
  body.atx.atx-item .banner .sign h1{ font-size:clamp(calc(var(--t-h1) * 1.1), 2.8vw, calc(var(--t-h1) * 1.5)); }
  body.atx.atx-item .banner .sign .line{ font-size:var(--t-lead); line-height:1.6; }
  body.atx.atx-item .banner .pic{ min-height:360px; }
}
@media (max-width:699px){
  body.atx.atx-item .banner{ margin:12px 12px 0; border-radius:24px; }
  body.atx.atx-item .banner .sign h1{ font-size:calc(var(--t-h1) * 1.2); }
}
/* the floor: each section a numbered chapter with its name in serif */
body.atx.atx-item .floor{ counter-reset:xsec; }
body.atx.atx-item .sec{ margin-top:44px; }
body.atx.atx-item .sec .h{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:4px 16px; padding-bottom:14px; border-bottom-color:var(--at-hair); }
body.atx.atx-item .sec .h::before{ counter-increment:xsec; content:counter(xsec, decimal-leading-zero); font-family:var(--at-serif); font-size:calc(var(--t-h1) * 1.3); line-height:.82; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.5); }
body.atx.atx-item .sec .h > b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.05; letter-spacing:0; color:var(--headline); text-transform:lowercase; white-space:normal; }
body.atx.atx-item .sec .h > b::first-letter{ text-transform:uppercase; }
body.atx.atx-item .sec .h > span{ letter-spacing:.14em; text-align:right; }
body.atx.atx-item .sec .h button, body.atx.atx-item .sec .h a{ color:var(--at-teal2); letter-spacing:.14em; }
@media (max-width:699px){
  body.atx.atx-item .sec{ margin-top:36px; }
  body.atx.atx-item .sec .h{ grid-template-columns:auto minmax(0,1fr); }
  body.atx.atx-item .sec .h::before{ font-size:var(--t-h1); }
  body.atx.atx-item .sec .h > b{ font-size:var(--t-h3); }
  body.atx.atx-item .sec .h > span{ grid-column:1 / -1; text-align:left; }
}
/* the screen, the board, the brochure, the log */
body.atx.atx-item .tv{ border-radius:20px; padding:6px; background:linear-gradient(160deg, #22385C, #0B1730); box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.1), 0 40px 70px -40px rgba(0,0,0,0.95); }
body.atx.atx-item .tv .screen{ border-radius:15px; }
body.atx.atx-item .tv .screen .play{ background:var(--at-btn); box-shadow:0 12px 30px -8px rgba(64,201,190,0.9), inset 0 1px 0 rgba(255,255,255,0.4); }
body.atx.atx-item .cap{ font-size:var(--t-body); line-height:1.6; }
body.atx.atx-item .cap .k{ letter-spacing:.14em; }
body.atx.atx-item .postrow + .postrow{ margin-top:14px; padding-top:14px; border-top-color:var(--at-hair); }
body.atx.atx-item .board, body.atx.atx-item .csheet .sq, body.atx.atx-item .strip .sq{ border-radius:12px; }
body.atx.atx-item .board{ border-radius:20px; background:rgba(7,17,33,0.45); box-shadow:inset 0 0 0 1px var(--at-hair); }
body.atx.atx-item .more.wide, body.atx.atx-item .strip .more, body.atx.atx-item .csheet .more{ border-radius:14px; letter-spacing:.14em; }
body.atx.atx-item .broch{ border-radius:24px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.05), var(--at-shadow); }
body.atx.atx-item .broch .what .eb, body.atx.atx-item .broch .who .eb{ letter-spacing:.18em; }
body.atx.atx-item .broch .what p{ font-size:var(--t-lead); line-height:1.6; }
body.atx.atx-item .facts{ border-top-color:var(--at-hair); }
body.atx.atx-item .facts > div{ border-color:var(--at-hair) !important; padding:12px 18px 13px; }
body.atx.atx-item .facts .k{ letter-spacing:.14em; }
body.atx.atx-item .pdf{ border-top-color:var(--at-hair); background:linear-gradient(90deg, rgba(64,201,190,0.1), rgba(64,201,190,0.02)); padding:16px 18px; }
body.atx.atx-item .pdf .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); }
body.atx.atx-item .pdf .go{ border-radius:12px; padding:10px 14px; background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-item .en{ border-top-color:var(--at-hair); }
body.atx.atx-item .en .no b{ font-family:var(--at-serif); font-size:var(--t-lead); letter-spacing:0; }
body.atx.atx-item .en.top .no b{ background:var(--at-btn); box-shadow:0 8px 20px -8px rgba(64,201,190,0.8); }
body.atx.atx-item .en p{ font-size:var(--t-body); }
/* a long record name on the wire wrapped nowhere and pushed a phone's page 40 px wide; it wraps now */
body.atx.atx-item .en .r1 .recl{ flex:0 1 auto; min-width:0; overflow-wrap:anywhere; }
body.atx.atx-item .rw{ border-radius:18px; padding:10px 14px 10px 10px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); transition:transform .22s ease; }
body.atx.atx-item .rw:hover{ transform:translateY(-1px); }
body.atx.atx-item .rw .th{ border-radius:13px; }
body.atx.atx-item .rw .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); letter-spacing:0; }
body.atx.atx-item .empty{ border-radius:18px; border-color:var(--at-hair2); }
body.atx.atx-item .locked{ border-radius:22px; background:var(--at-glass); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.32), var(--at-shadow); }
body.atx.atx-item .locked b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); }
body.atx.atx-item .locked a{ border-radius:14px; background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
/* the counter: the company, the counter, the price, the standing */
body.atx.atx-item .counter .card, body.atx.atx-item .counter .rep{ border-radius:20px; padding:16px 18px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.05), 0 30px 60px -40px rgba(0,0,0,0.9); }
body.atx.atx-item .counter .card.amber{ box-shadow:inset 0 0 0 1px rgba(255,196,107,0.38), 0 30px 60px -40px rgba(0,0,0,0.9); }
body.atx.atx-item .counter .card.on{ box-shadow:inset 0 0 0 1px rgba(64,201,190,0.42), 0 30px 60px -40px rgba(0,0,0,0.9); }
body.atx.atx-item .counter .rep{ background:linear-gradient(160deg, rgba(64,201,190,0.12), rgba(64,201,190,0.02) 60%), var(--at-glass); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.38), inset 0 1px 0 rgba(255,255,255,0.06), 0 30px 60px -40px rgba(0,0,0,0.9); }
body.atx.atx-item .counter .card .k, body.atx.atx-item .counter .rep .k{ letter-spacing:.18em; }
body.atx.atx-item .counter .card .co .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); letter-spacing:0; }
body.atx.atx-item .price{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h1); line-height:1.05; letter-spacing:0; }
body.atx.atx-item .price small{ font-family:var(--mono); }
body.atx.atx-item .stand{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); line-height:1.15; }
body.atx.atx-item .acts button{ border-radius:14px; }
body.atx.atx-item .acts .ask, body.atx.atx-item .cta{ background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.4); transition:transform .18s ease, filter .2s ease; }
body.atx.atx-item .acts .ask:hover, body.atx.atx-item .cta:hover{ transform:translateY(-1px); filter:brightness(1.05); }
body.atx.atx-item .acts .g{ background:rgba(153,189,208,0.07); box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.06); }
body.atx.atx-item .acts .g.on{ background:linear-gradient(160deg, rgba(64,201,190,0.24), rgba(64,201,190,0.08)); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.55), 0 0 20px -8px rgba(64,201,190,0.55); }
body.atx.atx-item .acts .g.amb{ background:linear-gradient(160deg, rgba(255,196,107,0.16), rgba(255,196,107,0.04)); box-shadow:inset 0 0 0 1px rgba(255,196,107,0.45); }
body.atx.atx-item .desk-send > button{ border-radius:14px; background:rgba(153,189,208,0.07); box-shadow:inset 0 0 0 1px var(--at-hair2); }
/* a quote in the counter's narrow column: the gold kept, the size brought down */
body.atx.atx-item .counter .ct-th .ct-q strong{ font-size:var(--t-h2); line-height:1.1; }
body.atx.atx-item .cocard{ border-radius:18px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-item .cocard .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead2); }
/* on a phone the counter is the bar at the foot */
body.atx.atx-item .foot{ background:linear-gradient(180deg, rgba(16,30,58,0.9), rgba(9,19,38,0.95)); border-top:0; box-shadow:0 -1px 0 rgba(64,201,190,0.35), 0 -24px 50px -24px rgba(0,0,0,0.7); }
body.atx.atx-item .foot .price{ font-size:var(--t-h3); }
/* the layers: a post, a certificate, a list */
body.atx.atx-item .layer{ background-image:linear-gradient(180deg, #13223E 0%, #0B1730 60%, #0B1730 100%); }
body.atx.atx-item .post .case, body.atx.atx-item .cert, body.atx.atx-item .post .paper{ border-radius:20px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); }
body.atx.atx-item .cert.on{ background:linear-gradient(160deg, rgba(64,201,190,0.12), rgba(64,201,190,0.02)), var(--at-glass); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.45), var(--at-shadow); }
body.atx.atx-item .post .cap{ font-size:var(--t-lead); }
body.atx.atx-item .lsec .eb{ letter-spacing:.18em; }
body.atx.atx-item .rec .th{ border-radius:16px; }
body.atx.atx-item .rec b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-lead); }
/* the sheets: ask, report, a demo or a sample */
body.atx.atx-item .sheet-dim{ background:rgba(3,10,22,0.66); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
body.atx.atx-item .sheet{ border-radius:28px 28px 0 0; padding-top:16px; background:linear-gradient(180deg, #16294B, #0B1730); border-top:0; box-shadow:0 -30px 80px -20px rgba(0,0,0,0.85), inset 0 0 0 1px var(--at-hair2); }
@media (min-width:700px){ body.atx.atx-item .sheet{ border-radius:28px; margin-bottom:16px; } }
body.atx.atx-item .sheet h3{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h1); line-height:1.08; letter-spacing:0; }
body.atx.atx-item .sheet textarea, body.atx.atx-item .sheet .tr-f input{ border:0; border-radius:14px; background:rgba(7,17,33,0.55); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-item .sheet textarea:focus, body.atx.atx-item .sheet .tr-f input:focus{ box-shadow:inset 0 0 0 1.5px var(--at-teal), 0 0 0 4px rgba(64,201,190,0.12); }
body.atx.atx-item .sheet .row button, body.atx.atx-item .sheet .tr-seg button{ border-radius:14px; }
body.atx.atx-item .sheet .go, body.atx.atx-item .sheet .tr-seg button.on{ background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
/* the moment of loading and a record that is not there: they sat under the sky and showed a blank page; now above it */
body.atx.atx-item .loading, body.atx.atx-item .gone{ position:relative; z-index:1; }
body.atx.atx-item .loading{ letter-spacing:.18em; color:var(--at-teal); }
body.atx.atx-item .gone{ max-width:620px; margin:12vh auto 0; padding:52px 28px 46px; border-radius:28px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.06), var(--at-shadow); }
body.atx.atx-item .gone b{ font-family:var(--at-serif); font-weight:400; font-size:calc(var(--t-h1) * 1.3); line-height:1.02; }
body.atx.atx-item .gone p{ font-size:var(--t-lead); color:#CFE0F3; }
body.atx.atx-item .gone a{ display:inline-flex; margin-top:10px; padding:13px 22px; border-radius:14px; letter-spacing:.14em; color:#062024; background:var(--at-btn); box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
@media (max-width:699px){ body.atx.atx-item .gone{ margin:40px 14px 0; padding:40px 20px 34px; border-radius:24px; } }


/* ==========================================================================
   4 · THE ENQUIRY (enquire.html): a doctor's, or a hospital's
   ========================================================================== */
@media (min-width:920px){ body.atx.atx-enq .page:not(.wide){ max-width:780px; } }
/* her own words in the line can run long: a little smaller, a little wider */
@media (min-width:920px){ body.atx.atx-enq #view > .hd h1{ font-size:clamp(calc(var(--t-h1) * 1.2), 3.6vw, calc(var(--t-h1) * 1.6)); max-width:20ch; line-height:1.02; } }
body.atx.atx-enq .bar .steps i{ width:24px; height:4px; }
body.atx.atx-enq .bar .steps i.on{ box-shadow:0 0 10px rgba(64,201,190,0.8); }
body.atx.atx-enq .msg{ border-radius:16px; padding:13px 16px; }
body.atx.atx-enq .who{ margin-top:18px; gap:10px; }
body.atx.atx-enq .co{ border-radius:20px; padding:14px 16px 14px 14px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair2), 0 24px 44px -34px rgba(0,0,0,0.9); }
body.atx.atx-enq .co .cls{ width:52px; height:56px; border-radius:14px; }
body.atx.atx-enq .co .cls b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); }
body.atx.atx-enq .co .t b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); line-height:1.15; letter-spacing:0; }
body.atx.atx-enq .reach{ letter-spacing:.12em; }
/* the form: chapter 01 in its own glass card */
body.atx.atx-enq .card{ margin-top:22px; padding:26px 26px 24px; border-radius:26px; background:linear-gradient(165deg, rgba(20,38,70,0.82), rgba(8,20,40,0.88)); box-shadow:inset 0 0 0 1px var(--at-hair2), inset 0 1px 0 rgba(255,255,255,0.08), 0 50px 100px -50px rgba(0,0,0,0.9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
body.atx.atx-enq .card > h2{ display:flex; align-items:baseline; gap:14px; font-family:var(--at-serif); font-weight:400; font-size:var(--t-h1); line-height:1.05; letter-spacing:0; }
body.atx.atx-enq .card > h2::before{ content:'01'; font-family:var(--at-serif); font-size:calc(var(--t-h1) * 1.15); line-height:.8; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.55); }
body.atx.atx-enq .card > p.sub{ margin-top:10px; font-size:var(--t-body); line-height:1.55; }
body.atx.atx-enq .fld{ margin-top:22px; }
body.atx.atx-enq .fld > label, body.atx.atx-enq .fld > .lb{ letter-spacing:.16em; color:var(--at-teal); }
body.atx.atx-enq .chip{ min-height:42px; padding:9px 16px; background:rgba(7,17,33,0.5); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-enq .chip[aria-pressed="true"]{ background:linear-gradient(160deg, rgba(64,201,190,0.3), rgba(64,201,190,0.12)); color:#F8FEFF; box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.75), 0 0 22px -8px rgba(64,201,190,0.6); }
body.atx.atx-enq .qty, body.atx.atx-enq select, body.atx.atx-enq .in, body.atx.atx-enq textarea{ border-radius:14px; background-color:rgba(7,17,33,0.55); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-enq .qty input{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); }
body.atx.atx-enq .in:focus, body.atx.atx-enq textarea:focus, body.atx.atx-enq select:focus{ box-shadow:inset 0 0 0 1.5px var(--at-teal), 0 0 0 4px rgba(64,201,190,0.12); }
body.atx.atx-enq .private{ margin-top:22px; gap:10px; }
body.atx.atx-enq .private > div{ border-radius:18px; padding:14px 16px; }
body.atx.atx-enq .private b{ letter-spacing:.16em; }
body.atx.atx-enq .go{ border-radius:14px; background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.4); transition:transform .18s ease, filter .2s ease, opacity .2s ease; }
body.atx.atx-enq .go:not(:disabled):hover{ transform:translateY(-1px); filter:brightness(1.05); }
body.atx.atx-enq .go:disabled{ opacity:.45; box-shadow:none; }
body.atx.atx-enq .go.ghost{ background:rgba(153,189,208,0.06); color:var(--at-teal2); box-shadow:inset 0 0 0 1px rgba(64,201,190,0.5); }
/* writing, reading, sending, sent */
body.atx.atx-enq .writing, body.atx.atx-enq .note, body.atx.atx-enq .tr{ border-radius:24px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); }
body.atx.atx-enq .writing .pen{ background:rgba(64,201,190,0.14); }
body.atx.atx-enq .writing b, body.atx.atx-enq .note b{ font-size:var(--t-h2); }
body.atx.atx-enq .tab{ border-radius:16px; padding:10px 14px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair); }
body.atx.atx-enq .tab[aria-selected="true"]{ background:linear-gradient(160deg, rgba(64,201,190,0.22), rgba(64,201,190,0.06)); box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.7); }
body.atx.atx-enq .seg{ border-radius:16px; padding:5px; background:rgba(7,17,33,0.55); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-enq .seg button{ border-radius:12px; }
body.atx.atx-enq .seg button[aria-pressed="true"]{ background:linear-gradient(160deg, rgba(64,201,190,0.26), rgba(64,201,190,0.1)); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.55); }
body.atx.atx-enq .pv .frame{ border-radius:20px; }
body.atx.atx-enq .sendbar{ background:linear-gradient(180deg, rgba(16,30,58,0.9), rgba(9,19,38,0.95)); border-top:0; box-shadow:0 -1px 0 var(--at-hair2), 0 -24px 50px -24px rgba(0,0,0,0.7); }
body.atx.atx-enq .done-h .seal{ background:linear-gradient(160deg, rgba(64,201,190,0.24), rgba(64,201,190,0.06)); }
body.atx.atx-enq .done-h h1{ font-size:clamp(calc(var(--t-h1) * 1.2), 4vw, calc(var(--t-h1) * 1.6)); line-height:1.02; }
body.atx.atx-enq .tr b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); }
body.atx.atx-enq .tl-w{ letter-spacing:.12em; }
@media (max-width:699px){
  body.atx.atx-enq .card{ padding:20px 18px 20px; border-radius:22px; }
  body.atx.atx-enq .card > h2{ font-size:var(--t-h2); }
  body.atx.atx-enq .card > h2::before{ font-size:var(--t-h1); }
  body.atx.atx-enq .private{ grid-template-columns:minmax(0,1fr); }
}


/* ==========================================================================
   5 · THE CDSCO REGISTER (cdsco.html)
   ========================================================================== */
@media (min-width:700px) and (max-width:999px){ body.atx.atx-reg .page{ max-width:740px; } }
@media (min-width:700px){
  body.atx.atx-reg .fbar{ top:calc(var(--head) + 22px); margin:18px 0 0; padding:12px 14px 12px; border:0; border-radius:20px;
    background:linear-gradient(180deg, rgba(16,30,58,0.9), rgba(10,22,44,0.92)); box-shadow:inset 0 0 0 1px var(--at-hair2), 0 26px 50px -30px rgba(0,0,0,0.9); }
}
@media (min-width:1000px){
  body.atx.atx-reg .sheet{ top:calc(var(--head) + var(--fbar) + 40px); max-height:calc(100svh - var(--head) - var(--fbar) - 56px); }
}
body.atx.atx-reg .fb{ border-radius:16px; background:rgba(7,17,33,0.55); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-reg .fb:focus-within{ box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.7), 0 0 0 4px rgba(64,201,190,0.12); }
body.atx.atx-reg .chip{ padding:7px 13px; background:rgba(153,189,208,0.05); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-reg .chip.on{ background:linear-gradient(160deg, rgba(64,201,190,0.28), rgba(64,201,190,0.12)); color:#F8FEFF; box-shadow:inset 0 0 0 1px rgba(123,222,214,0.6), 0 0 20px -8px rgba(64,201,190,0.6); }
body.atx.atx-reg .tally{ margin-top:22px; letter-spacing:.16em; text-transform:uppercase; color:var(--at-teal); }
body.atx.atx-reg .list{ margin-top:12px; gap:10px; }
/* a company: glass, its name in serif */
body.atx.atx-reg .card{ border-radius:22px; padding:18px 18px 15px; background:var(--at-glass2); box-shadow:inset 0 0 0 1px var(--at-hair), 0 24px 44px -34px rgba(0,0,0,0.9); transition:transform .22s ease, box-shadow .22s ease; }
body.atx.atx-reg .card:hover{ transform:translateY(-1px); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.32), 0 24px 44px -30px rgba(0,0,0,0.9); }
body.atx.atx-reg .card.sel{ background:linear-gradient(160deg, rgba(64,201,190,0.12), rgba(64,201,190,0.02)), var(--at-glass2); box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.65), 0 0 30px -12px rgba(64,201,190,0.5); }
body.atx.atx-reg .cn{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h3); line-height:1.15; letter-spacing:0; }
body.atx.atx-reg .ks i{ border-radius:7px; }
body.atx.atx-reg .ps{ border-top-color:var(--at-hair); }
body.atx.atx-reg .cm{ letter-spacing:.12em; }
body.atx.atx-reg .more{ border-radius:16px; background:rgba(153,189,208,0.06); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-reg .empty{ border-radius:24px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); }
body.atx.atx-reg .empty .k{ letter-spacing:.18em; }
body.atx.atx-reg .empty b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.1; }
body.atx.atx-reg .empty .go{ border-radius:14px; padding:12px 20px; background:var(--at-btn); color:#062024; box-shadow:0 14px 30px -14px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
/* the panel beside the list, and the company in it */
@media (min-width:1000px){
  body.atx.atx-reg .sheet{ border-radius:24px; background:var(--at-glass); box-shadow:inset 0 0 0 1px var(--at-hair2), var(--at-shadow); padding:0 22px 24px; }
  body.atx.atx-reg .shead{ margin:0 -22px; padding:12px 14px 11px 22px; border-radius:24px 24px 0 0; background:rgba(7,17,33,0.75); border-bottom-color:var(--at-hair); }
}
body.atx.atx-reg .idle .k, body.atx.atx-reg .sk, body.atx.atx-reg .shead span{ letter-spacing:.18em; color:var(--at-teal); }
body.atx.atx-reg .idle b{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h1); line-height:1.05; }
body.atx.atx-reg .mo .r u{ background:linear-gradient(90deg, rgba(64,201,190,0.25), rgba(123,222,214,0.6)); box-shadow:0 0 12px -4px rgba(64,201,190,0.6); }
body.atx.atx-reg .mo .r s{ font-family:var(--at-serif); font-size:var(--t-lead); }
body.atx.atx-reg .sn{ font-family:var(--at-serif); font-weight:400; font-size:clamp(var(--t-h2), 2.6vw, var(--t-h1)); line-height:1.05; letter-spacing:0; }
body.atx.atx-reg .srow a{ background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-reg .sbody{ counter-reset:xsk; }
body.atx.atx-reg .sk{ display:flex; align-items:center; gap:14px; margin-top:30px; }
body.atx.atx-reg .sk::before{ counter-increment:xsk; content:counter(xsk, decimal-leading-zero); font-family:var(--at-serif); font-size:var(--t-h1); line-height:.8; letter-spacing:0; color:transparent; -webkit-text-stroke:1px rgba(123,222,214,0.5); }
body.atx.atx-reg .lc, body.atx.atx-reg .pr{ border-radius:16px; background:rgba(7,17,33,0.45); box-shadow:inset 0 0 0 1px var(--at-hair); }
body.atx.atx-reg .pr.on{ box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-reg .pr.picked{ background:linear-gradient(160deg, rgba(64,201,190,0.12), rgba(64,201,190,0.02)); box-shadow:inset 0 0 0 1.5px rgba(123,222,214,0.65); }
body.atx.atx-reg .pr .open a.ck, body.atx.atx-reg .pr .open button.ck:not(.o){ border-radius:12px; background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-reg .pr .open button.ck.o{ border-radius:12px; }
body.atx.atx-reg .gap{ border:0; border-radius:18px; background:linear-gradient(160deg, rgba(64,201,190,0.08), rgba(64,201,190,0.02)); box-shadow:inset 0 0 0 1px var(--at-hair2); }
body.atx.atx-reg .gap .gask{ border-radius:12px; }
body.atx.atx-reg .enqbox{ border-radius:22px; padding:20px 20px 18px; background:linear-gradient(160deg, rgba(64,201,190,0.16), rgba(64,201,190,0.04)), var(--at-glass); box-shadow:inset 0 0 0 1px rgba(123,222,214,0.42), 0 0 34px -14px rgba(64,201,190,0.4), var(--at-shadow); }
body.atx.atx-reg .enqbox .k{ letter-spacing:.18em; }
body.atx.atx-reg .enqbox b.t{ font-family:var(--at-serif); font-weight:400; font-size:var(--t-h2); line-height:1.1; }
body.atx.atx-reg .enqbox ol li::before{ font-family:var(--at-serif); font-size:var(--t-small); background:var(--at-btn); }
body.atx.atx-reg .enqbox .acts .ghost{ border-radius:12px; }
body.atx.atx-reg .enq{ border-radius:12px; background:var(--at-btn); color:#062024; box-shadow:0 12px 26px -12px rgba(64,201,190,0.85), inset 0 1px 0 rgba(255,255,255,0.35); }
body.atx.atx-reg .tick{ border-radius:12px; }
body.atx.atx-reg .tray{ background:linear-gradient(180deg, rgba(16,30,58,0.92), rgba(9,19,38,0.96)); border-top:0; box-shadow:0 -1px 0 var(--at-hair2), 0 -24px 50px -24px rgba(0,0,0,0.7); }
body.atx.atx-reg .quiet, body.atx.atx-reg .sfoot{ letter-spacing:.12em; }


/* ==========================================================================
   PAPER: a printed comparison stays white, as before
   ========================================================================== */
@media print{
  body.atx .page > .bar{ display:none !important; }
  body.atx.atx-check #main > .hd, body.atx.atx-check #main > .fh, body.atx.atx-check #main > .card > .named,
  body.atx.atx-compare .pick > .hd, body.atx.atx-compare .ledger .main > .hd,
  body.atx.atx-enq #view > .hd, body.atx.atx-reg #main > .hd{ display:block; min-height:0; padding:0; margin-top:10px; border-radius:0; background:none !important; box-shadow:none !important; }
  body.atx.atx-check #main > .hd::before, body.atx.atx-check #main > .fh::before, body.atx.atx-check #main > .card > .named::before,
  body.atx.atx-compare .pick > .hd::before, body.atx.atx-compare .ledger .main > .hd::before,
  body.atx.atx-enq #view > .hd::before, body.atx.atx-reg #main > .hd::before,
  body.atx.atx-check #main > .hd::after, body.atx.atx-check #main > .fh::after, body.atx.atx-check #main > .card > .named::after,
  body.atx.atx-compare .pick > .hd::after, body.atx.atx-compare .ledger .main > .hd::after,
  body.atx.atx-enq #view > .hd::after, body.atx.atx-reg #main > .hd::after{ display:none !important; }
  body.atx .page h1, body.atx .page h2, body.atx .page p, body.atx.atx-compare .face > b, body.atx.atx-compare .cell, body.atx.atx-compare .rw .rd q{ color:#111 !important; }
  body.atx.atx-compare .rw, body.atx.atx-compare .read{ background:none !important; border:1px solid #bbb; }
  body.atx .x-num, body.atx.atx-compare .gh > b::before{ -webkit-text-stroke:0 !important; color:#137F77 !important; }
}