/* =========================================================
   KF CLINIC — Ficha Digital (Anamnese / Termo)
   Mobile-first · Dark padrão · Toggle claro
   ========================================================= */

:root{
  --gold-1:#E8CE8F; --gold-2:#C9A227; --gold-3:#8C6B18;
  --gold-grad:linear-gradient(120deg,#8C6B18 0%,#C9A227 22%,#F3E2AE 48%,#C9A227 72%,#8C6B18 100%);
  --bg:#050505; --bg-2:#0A0A0A; --surface:#111110; --surface-2:#191817;
  --line:rgba(233,206,143,.18); --line-soft:rgba(255,255,255,.09);
  --ink:#F4F1EA; --ink-2:#B9B4A9; --ink-3:#7F7A71;
  --ok:#4CAF7D; --err:#E36A5B;
  --ff-display:"Cormorant Garamond",Georgia,serif;
  --ff-body:"Inter",system-ui,-apple-system,sans-serif;
  --ff-num:"Teko","Inter",sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --pad:18px;
}
html[data-theme="light"]{
  --bg:#F6F3ED; --bg-2:#EFEBE2; --surface:#FFFFFF; --surface-2:#F2EDE3;
  --line:rgba(140,107,24,.24); --line-soft:rgba(10,10,10,.10);
  --ink:#12100C; --ink-2:#4A463E; --ink-3:#7C7669;
  --gold-2:#9A7B1E; --gold-1:#B08F2C;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--ff-body);font-size:16px;line-height:1.6;font-weight:300;
  overflow-x:hidden;transition:background .45s var(--ease),color .45s var(--ease);
  padding-bottom:env(safe-area-inset-bottom);
}
img,svg,video,canvas{display:block;max-width:100%}
a{color:var(--gold-2);text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul{list-style:none}
::selection{background:var(--gold-2);color:#000}

h1,h2,h3{font-family:var(--ff-display);font-weight:300;line-height:1.1;letter-spacing:-.01em}
.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.it{font-style:italic}

/* ---------- APP SHELL ---------- */
.app{max-width:640px;margin-inline:auto;min-height:100svh;display:flex;flex-direction:column}

.top{
  position:sticky;top:0;z-index:60;padding:12px var(--pad);
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.top__brand{display:flex;align-items:center;gap:10px;min-width:0}
.top__mk{font-family:var(--ff-display);font-size:1.5rem;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.top__div{width:1px;height:24px;background:var(--line)}
.top__tx b{display:block;font-family:var(--ff-display);font-weight:400;font-size:.85rem;letter-spacing:.28em;line-height:1.2}
.top__tx span{display:block;font-size:.46rem;letter-spacing:.3em;color:var(--gold-2)}
.top__act{display:flex;align-items:center;gap:8px;flex:0 0 auto}

.tgl{width:50px;height:26px;border:1px solid var(--line);border-radius:30px;position:relative;flex:0 0 auto}
.tgl__k{position:absolute;left:3px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--gold-grad);transition:transform .4s var(--ease);display:grid;place-items:center}
html[data-theme="light"] .tgl__k{transform:translateX(23px)}
.tgl__k svg{width:11px;height:11px}

.iconbtn{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.iconbtn svg{width:16px;height:16px;fill:none;stroke:var(--ink-2);stroke-width:1.7}

/* progress */
.bar{height:2px;background:var(--line-soft);position:sticky;top:63px;z-index:59}
.bar i{display:block;height:100%;width:0;background:var(--gold-grad);transition:width .5s var(--ease)}

main{flex:1;padding:0 var(--pad) 120px}

/* ---------- ESCOLHA ---------- */
.pick{padding:26px 0 40px;text-align:center}
.pick__eye{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px}
.pick h1{font-size:clamp(1.9rem,8vw,2.7rem);margin-bottom:12px}
.pick p{color:var(--ink-2);font-size:.92rem;max-width:44ch;margin:0 auto 30px}
.cards{display:grid;gap:14px}
.card{
  position:relative;overflow:hidden;text-align:left;width:100%;
  border:1px solid var(--line);background:var(--surface);padding:24px 22px;
  display:flex;gap:18px;align-items:center;transition:.4s var(--ease);
}
.card:active{transform:scale(.985)}
.card::before{content:"";position:absolute;top:0;left:0;height:1px;width:0;background:var(--gold-grad);transition:width .7s var(--ease)}
.card:hover::before,.card:focus-visible::before{width:100%}
.card__ic{width:52px;height:52px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.card__ic svg{width:22px;height:22px;fill:none;stroke:var(--gold-2);stroke-width:1.5}
.card__tx{flex:1;min-width:0}
.card__tx b{display:block;font-family:var(--ff-display);font-size:1.3rem;font-weight:400;line-height:1.15;margin-bottom:6px}
.card__tx span{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.5}
.card__ar{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:var(--gold-2);stroke-width:1.6}
.pick__note{margin-top:26px;font-size:.72rem;color:var(--ink-3);line-height:1.6}

/* ---------- STEPS ---------- */
.step{display:none;animation:fade .45s var(--ease)}
.step.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.step__hd{padding:24px 0 20px;border-bottom:1px solid var(--line-soft);margin-bottom:24px}
.step__n{font-family:var(--ff-num);font-size:.85rem;letter-spacing:.22em;color:var(--gold-2);text-transform:uppercase}
.step__hd h2{font-size:clamp(1.55rem,6.5vw,2.1rem);margin-top:6px}
.step__hd p{font-size:.85rem;color:var(--ink-3);margin-top:8px}

.grp{margin-bottom:30px}
.grp__t{
  font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
}
.grp__t::after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- CAMPOS ---------- */
.f{margin-bottom:18px}
.f > label,.f__l{
  display:block;font-size:.76rem;letter-spacing:.06em;color:var(--ink-2);
  margin-bottom:8px;font-weight:400;
}
.f__l .req{color:var(--gold-2)}
.in,select.in,textarea.in{
  width:100%;background:var(--surface);border:1px solid var(--line-soft);
  padding:15px 16px;font-size:1rem;font-weight:300;color:var(--ink);
  border-radius:0;transition:border-color .3s,background .3s;appearance:none;
}
textarea.in{min-height:92px;resize:vertical;line-height:1.55}
.in:focus{outline:none;border-color:var(--gold-2);background:var(--surface-2)}
.in::placeholder{color:var(--ink-3);opacity:.65}
.in.bad{border-color:var(--err)}
select.in{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A227' stroke-width='1.6'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px;
}
.f__hint{font-size:.7rem;color:var(--ink-3);margin-top:6px}
.f__err{display:none;font-size:.72rem;color:var(--err);margin-top:6px}
.f.bad .f__err{display:block}

.row{display:grid;gap:12px}
.row--2{grid-template-columns:1fr 1fr}
.row--3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:400px){.row--3{grid-template-columns:1fr 1fr}}

/* ---------- SIM / NÃO ---------- */
.yn{
  display:flex;align-items:center;gap:12px;justify-content:space-between;
  padding:14px 0;border-bottom:1px solid var(--line-soft);
}
.yn__q{flex:1;font-size:.92rem;color:var(--ink);line-height:1.45;font-weight:300}
.seg{display:flex;flex:0 0 auto;border:1px solid var(--line-soft);overflow:hidden}
.seg input{position:absolute;opacity:0;width:0;height:0}
.seg label{
  min-width:58px;text-align:center;padding:10px 4px;font-size:.74rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);cursor:pointer;transition:.28s var(--ease);user-select:none;
}
.seg label + label{border-left:1px solid var(--line-soft)}
.seg input:checked + label{background:var(--gold-grad);color:#0A0A0A;font-weight:500}
.seg input:focus-visible + label{outline:2px solid var(--gold-2);outline-offset:-2px}

/* detalhe condicional */
.det{display:none;padding:0 0 16px}
.det.on{display:block;animation:fade .3s var(--ease)}

/* ---------- CHECKBOX / MULTI ---------- */
.chk{
  display:flex;gap:14px;align-items:flex-start;padding:15px 16px;
  border:1px solid var(--line-soft);background:var(--surface);margin-bottom:10px;
  cursor:pointer;transition:.3s var(--ease);
}
.chk:has(input:checked){border-color:var(--gold-2);background:var(--surface-2)}
.chk input{position:absolute;opacity:0;width:0;height:0}
.chk__b{
  width:22px;height:22px;flex:0 0 auto;border:1px solid var(--line);
  display:grid;place-items:center;margin-top:1px;transition:.3s var(--ease);
}
.chk input:checked ~ .chk__b{background:var(--gold-grad);border-color:transparent}
.chk__b svg{width:12px;height:12px;stroke:#0A0A0A;stroke-width:2.6;fill:none;opacity:0;transition:opacity .2s}
.chk input:checked ~ .chk__b svg{opacity:1}
.chk__t{flex:1;font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.chk__t b{display:block;color:var(--ink);font-weight:500;font-size:.9rem;margin-bottom:3px}
.chk input:focus-visible ~ .chk__b{outline:2px solid var(--gold-2);outline-offset:2px}

.pills{display:flex;flex-wrap:wrap;gap:9px}
.pill input{position:absolute;opacity:0;width:0;height:0}
.pill span{
  display:block;padding:10px 16px;border:1px solid var(--line-soft);
  font-size:.78rem;color:var(--ink-2);cursor:pointer;transition:.28s var(--ease);
}
.pill input:checked + span{background:var(--gold-grad);color:#0A0A0A;border-color:transparent;font-weight:500}

/* ---------- TERMO / TEXTO LEGAL ---------- */
.legal{
  border:1px solid var(--line-soft);background:var(--surface);
  padding:20px 18px;max-height:46vh;overflow-y:auto;margin-bottom:18px;
  font-size:.82rem;line-height:1.68;color:var(--ink-2);
  -webkit-overflow-scrolling:touch;
}
.legal h4{
  font-family:var(--ff-body);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-2);margin:22px 0 10px;font-weight:500;
}
.legal h4:first-child{margin-top:0}
.legal p{margin-bottom:11px}
.legal strong{color:var(--ink);font-weight:500}
.legal .warn{
  border-left:2px solid var(--gold-2);padding:10px 0 10px 14px;margin:14px 0;
  color:var(--ink);font-weight:400;
}
.legal ul{margin:0 0 12px}
.legal li{position:relative;padding-left:16px;margin-bottom:6px}
.legal li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:var(--gold-2);border-radius:50%}
.legal__end{text-align:center;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);padding-top:14px;border-top:1px solid var(--line-soft);margin-top:16px}

/* ---------- CÂMERA ---------- */
.cam{border:1px solid var(--line);background:var(--surface);padding:18px;margin-bottom:18px}
.cam__box{
  position:relative;width:100%;aspect-ratio:3/4;max-width:300px;margin:0 auto 16px;
  background:#000;overflow:hidden;border:1px solid var(--line-soft);
}
.cam__box video,.cam__box img{width:100%;height:100%;object-fit:cover}
.cam__box video{transform:scaleX(-1)}
.cam__ph{
  position:absolute;inset:0;display:grid;place-items:center;gap:10px;
  align-content:center;color:var(--ink-3);font-size:.78rem;text-align:center;padding:20px;
}
.cam__ph svg{width:36px;height:36px;fill:none;stroke:var(--gold-3);stroke-width:1.3}
.cam__guide{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(var(--gold-2),var(--gold-2)) left 12px top 12px/22px 1px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) left 12px top 12px/1px 22px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) right 12px top 12px/22px 1px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) right 12px top 12px/1px 22px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) left 12px bottom 12px/22px 1px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) left 12px bottom 12px/1px 22px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) right 12px bottom 12px/22px 1px no-repeat,
    linear-gradient(var(--gold-2),var(--gold-2)) right 12px bottom 12px/1px 22px no-repeat;
  opacity:.8;
}
.cam__row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cam__ok{display:none;align-items:center;gap:8px;justify-content:center;color:var(--ok);font-size:.8rem;margin-top:12px}
.cam__ok.on{display:flex}
.cam__ok svg{width:15px;height:15px;stroke:var(--ok);fill:none;stroke-width:2.2}

/* ---------- REVISÃO ---------- */
.rev{border:1px solid var(--line-soft);background:var(--surface);margin-bottom:12px}
.rev__h{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;text-align:left}
.rev__h b{font-family:var(--ff-display);font-size:1.08rem;font-weight:400}
.rev__h span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}
.rev__b{display:none;padding:0 18px 18px;border-top:1px solid var(--line-soft)}
.rev.on .rev__b{display:block}
.rev__i{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:.84rem}
.rev__i:last-child{border-bottom:0}
.rev__i dt{flex:0 0 44%;color:var(--ink-3)}
.rev__i dd{flex:1;color:var(--ink);word-break:break-word}

/* ---------- BOTÕES ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 24px;border:1px solid var(--gold-2);border-radius:60px;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
  position:relative;overflow:hidden;transition:color .35s var(--ease),border-color .35s,opacity .3s;
}
.btn span{position:relative;z-index:2}
.btn svg{width:14px;height:14px;position:relative;z-index:2;fill:none;stroke:currentColor;stroke-width:1.7}
.btn::before{content:"";position:absolute;inset:0;background:var(--gold-grad);transform:translateY(101%);transition:transform .45s var(--ease);z-index:1}
.btn:active::before,.btn:hover::before{transform:translateY(0)}
.btn:active,.btn:hover{color:#0A0A0A;border-color:transparent}
.btn--fill{color:#0A0A0A;border-color:transparent}
.btn--fill::before{transform:translateY(0)}
.btn--ghost{border-color:var(--line)}
.btn--block{width:100%}
.btn[disabled]{pointer-events:none;color:var(--ink-3);border-color:var(--line-soft)}
.btn[disabled]::before{transform:translateY(101%)!important;background:none}
.btn--sm{padding:11px 18px;font-size:.66rem}

.nav{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  padding:14px var(--pad) calc(14px + env(safe-area-inset-bottom));
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-top:1px solid var(--line);display:none;gap:10px;
  max-width:640px;margin-inline:auto;
}
.nav.on{display:flex}
.nav .btn{flex:1}
.nav .btn--back{flex:0 0 54px;padding:15px 0}

/* ---------- SUCESSO ---------- */
.done{text-align:center;padding:50px 0}
.done__ic{width:78px;height:78px;margin:0 auto 26px;border-radius:50%;background:var(--gold-grad);display:grid;place-items:center;animation:pop .6s var(--ease)}
@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.done__ic svg{width:32px;height:32px;stroke:#0A0A0A;stroke-width:2.4;fill:none}
.done h2{font-size:clamp(1.7rem,7vw,2.4rem);margin-bottom:12px}
.done p{color:var(--ink-2);font-size:.9rem;max-width:40ch;margin:0 auto 8px}
.done__row{display:grid;gap:10px;margin-top:32px}
.done__prot{
  margin-top:26px;padding:16px;border:1px solid var(--line);
  font-family:var(--ff-num);font-size:1.5rem;letter-spacing:.14em;color:var(--gold-2);
}
.done__prot small{display:block;font-family:var(--ff-body);font-size:.6rem;letter-spacing:.24em;color:var(--ink-3);text-transform:uppercase;margin-bottom:4px}

/* ---------- TOAST ---------- */
.toast{
  position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);z-index:90;
  background:var(--surface-2);border:1px solid var(--line);padding:13px 20px;
  font-size:.82rem;color:var(--ink);opacity:0;pointer-events:none;transition:.4s var(--ease);
  max-width:calc(100% - 36px);text-align:center;
}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- LOADER ---------- */
.load{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--bg) 94%,transparent);display:none;place-items:center;text-align:center;padding:30px}
.load.on{display:grid}
.load__s{width:44px;height:44px;border:2px solid var(--line);border-top-color:var(--gold-2);border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 20px}
@keyframes spin{to{transform:rotate(360deg)}}
.load p{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}

.hide{display:none!important}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}

/* =========================================================
   DOCUMENTO A4 — impressão / PDF
   ========================================================= */
#doc{position:fixed;left:-10000px;top:0;width:794px;background:#fff}
.a4{
  width:794px;min-height:1123px;background:#fff;color:#14120E;
  font-family:"Inter",Helvetica,Arial,sans-serif;font-size:11px;line-height:1.5;
  padding:44px 52px 56px;position:relative;
}
.a4 *{color:inherit}
.a4__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1.6px solid #C9A227;padding-bottom:16px;margin-bottom:22px}
.a4__lg{display:flex;align-items:center;gap:12px}
.a4__mk{font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;line-height:1;color:#9A7B1E}
.a4__dv{width:1px;height:38px;background:#C9A227}
.a4__tx b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;font-weight:400;letter-spacing:6px;line-height:1.2;color:#14120E}
.a4__tx span{display:block;font-size:6.6px;letter-spacing:4.6px;color:#9A7B1E;margin-top:2px}
.a4__meta{text-align:right;font-size:9px;color:#6B655A;line-height:1.7}
.a4__meta b{display:block;font-size:10px;color:#14120E;letter-spacing:.5px}
.a4__ttl{text-align:center;margin-bottom:22px}
.a4__ttl h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;font-weight:400;letter-spacing:2px;color:#14120E}
.a4__ttl span{display:block;font-size:7.6px;letter-spacing:4px;text-transform:uppercase;color:#9A7B1E;margin-top:5px}

.a4 section{margin-bottom:18px;break-inside:avoid}
.a4 h2{
  font-family:"Inter",Helvetica,sans-serif;font-size:8px;font-weight:600;letter-spacing:2.6px;
  text-transform:uppercase;color:#9A7B1E;padding-bottom:5px;border-bottom:.8px solid #DCD3BC;margin-bottom:10px;
}
.a4 .kv{display:flex;flex-wrap:wrap;gap:0 18px}
.a4 .kv > div{flex:1 1 44%;min-width:180px;padding:5px 0;border-bottom:.5px dotted #CFC8B6;display:flex;gap:8px}
.a4 .kv > div.full{flex:1 1 100%}
.a4 .kv dt{flex:0 0 38%;font-size:8.4px;letter-spacing:.4px;text-transform:uppercase;color:#8A8375;padding-top:1px}
.a4 .kv dd{flex:1;font-size:10.6px;color:#14120E;font-weight:500;word-break:break-word}
.a4 .kv dd.empty{color:#B5AE9E;font-weight:300}

.a4 .qs{display:flex;flex-wrap:wrap;gap:0 16px}
.a4 .qs > div{flex:1 1 46%;min-width:200px;display:flex;gap:8px;align-items:flex-start;padding:4.5px 0;border-bottom:.5px dotted #CFC8B6}
.a4 .qs > div.full{flex:1 1 100%}
.a4 .qs .q{flex:1;font-size:9.6px;color:#3A3630;line-height:1.4}
.a4 .qs .a{flex:0 0 auto;display:flex;gap:5px;align-items:center;padding-top:1px}
.a4 .bx{
  width:11px;height:11px;border:1px solid #6B655A;display:inline-grid;place-items:center;
  font-size:9px;line-height:1;font-weight:700;color:#14120E;
}
.a4 .bx.on{background:#F3E2AE;border-color:#9A7B1E}
.a4 .bl{font-size:7.6px;letter-spacing:.6px;color:#6B655A;text-transform:uppercase}
.a4 .qs > div.blk{display:block}
.a4 .qs > div.blk .q{display:block;margin-bottom:5px}
.a4 .ops{display:flex;flex-wrap:wrap;gap:5px 14px}
.a4 .op{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.a4 .det{flex:1 1 100%;font-size:9.6px;color:#14120E;padding:3px 0 4px 12px;border-left:1.6px solid #E4DAC0;margin:1px 0 4px}
.a4 .det b{color:#8A8375;font-weight:500}

.a4 .note{font-size:9.4px;color:#3A3630;line-height:1.6;text-align:justify}
.a4 .note p{margin-bottom:7px}
.a4 .note strong{font-weight:600}
.a4 .warn{border-left:2px solid #C9A227;padding:6px 0 6px 11px;margin:9px 0;font-weight:600;font-size:9.4px}
.a4 .note ul{margin:0 0 8px;padding:0;list-style:none}
.a4 .note li{position:relative;padding-left:12px;margin-bottom:3px;font-size:9.2px}
.a4 .note li::before{content:"";position:absolute;left:2px;top:6px;width:3px;height:3px;background:#C9A227;border-radius:50%}

.a4__accept{border:1px solid #C9A227;background:#FDFBF5;padding:12px 14px;margin:16px 0;display:flex;gap:11px;align-items:flex-start}
.a4__accept .bx{margin-top:1px}
.a4__accept p{font-size:9.6px;line-height:1.55;font-weight:500}

.a4__sign{display:flex;gap:24px;align-items:flex-end;margin-top:24px}
.a4__ph{flex:0 0 128px;text-align:center}
.a4__ph img{width:128px;height:170px;object-fit:cover;border:1px solid #C9A227;display:block}
.a4__ph span{display:block;font-size:6.8px;letter-spacing:1.4px;text-transform:uppercase;color:#8A8375;margin-top:5px;line-height:1.5}
.a4__sg{flex:1}
.a4__sg .ln{border-top:.9px solid #14120E;margin-top:44px;padding-top:5px;font-size:8.6px;letter-spacing:1px;text-transform:uppercase;color:#3A3630;text-align:center}
.a4__sg .lc{font-size:9.6px;color:#3A3630;margin-bottom:6px}

.a4__ft{
  margin-top:26px;border-top:.8px solid #DCD3BC;padding-top:8px;
  display:flex;justify-content:space-between;gap:14px;font-size:7.4px;color:#8A8375;letter-spacing:.4px;
}

@media print{
  body{background:#fff}
  .app,.nav,.toast,.load{display:none!important}
  #doc{position:static!important;left:0!important}
  .a4{box-shadow:none;page-break-after:always}
}