/* Dubai Desk · 두바이 데스크 · Milleuno design standard v1 (/workspace/milleuno-design-standard.md)
   ART DIRECTION: the inkjet date code on the base of a bottle. In Dubai the batch code decides the shipment: production and expiry
   dates must be printed or on a non-removable sticker, and a batch must land with half its shelf life and six months left.
   Warm sand paper, deep night-navy ink, Creek teal as the one accent, inkjet red for stop flags. Instrument Serif display for
   the editorial voice, Instrument Sans body, Martian Mono for every date and dirham.
   Motif: the dotted inkjet line under the masthead and in the mark. Signature components: the date stamp (dot-matrix code block),
   the shelf-life gauge with its 50% and six-month notches and a pin that slides to the arrival date, and the route file whose
   lines print in as you answer. Micro-interactions: the gauge pin slides and the safe zone resizes on input; file lines ink in
   along a teal rule; the slip straightens on hover. All motion off under prefers-reduced-motion. */
@font-face{font-family:"DD Serif";src:url(/assets/fonts/serif.woff2) format("woff2");font-weight:300 600;font-display:swap}
@font-face{font-family:"DD Serif";src:url(/assets/fonts/serif-i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"DD Sans";src:url(/assets/fonts/sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"DD Mono";src:url(/assets/fonts/mono.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"DD Serif KO";src:url(/assets/fonts/serif-ko.woff2) format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:"DD Sans KO";src:url(/assets/fonts/sans-ko.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DD Sans KO";src:url(/assets/fonts/sans-ko-b.woff2) format("woff2");font-weight:600 700;font-display:swap}
:root{
 --paper:#f3eee4;--paper-2:#e9e2d4;--card:#fbf8f1;--ink:#141b24;--ink-2:#33404d;--ink-3:#55606b;--rule:#c2b8a6;--rule-2:#e2dacb;
 --sp:#0b5a5f;--sp-2:#dbeae9;--bd:#0b5a5f;--bd-2:#dbeae9;--sf:#a8321f;--sf-2:#f5e1da;--focus:#1f55c4;
 --serif:"DD Serif",Georgia,"Times New Roman",serif;--sans:"DD Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"DD Mono",ui-monospace,Menlo,monospace;
 --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;
 --measure:38rem;--wrap:76rem;--r:2px;--ease:cubic-bezier(.2,.7,.2,1)}
@media (prefers-color-scheme:dark){:root{--paper:#0f141a;--paper-2:#141b22;--card:#18212a;--ink:#ece7dd;--ink-2:#c8c3b8;--ink-3:#a19d94;--rule:#3a4550;--rule-2:#222c36;
 --sp:#7fc9c7;--sp-2:#15302f;--bd:#7fc9c7;--bd-2:#15302f;--sf:#f19a86;--sf-2:#3a1e18;--focus:#9ab8ff}}
:lang(ko){--serif:"DD Serif KO","DD Serif",serif;--sans:"DD Sans KO","DD Sans",system-ui,sans-serif;word-break:keep-all;line-break:strict}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);font-kerning:normal;-webkit-font-smoothing:antialiased}
body:lang(ko){line-height:1.8}
img{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--rule)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r)}
main:focus{outline:none}
code{font:.9em var(--mono)}
[hidden]{display:none!important}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s4);top:-4rem;background:var(--ink);color:var(--paper);padding:var(--s2) var(--s4);z-index:9}
.skip:focus{top:var(--s4)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}

/* masthead: 3px ink rule, then the split line: body | space */
.mast{border-top:3px solid var(--ink);background:var(--paper);position:relative}
.mast::after{content:"";display:block;height:5px;background:radial-gradient(circle,var(--sp) 1.6px,transparent 1.9px) 0 0/7px 5px repeat-x;opacity:.85}
.mast__in{display:grid;grid-template-columns:1fr auto;grid-template-areas:"mark langs" "nav nav";align-items:center;gap:var(--s3) var(--s5);padding-top:var(--s4);padding-bottom:var(--s3)}
.mark{grid-area:mark;display:flex;align-items:center;gap:var(--s3);text-decoration:none}
.mark__name{font:500 1.25rem/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
:lang(ko) .mark__name{font-weight:800}
.mark__alt{font-size:.8rem;color:var(--ink-3);padding-left:var(--s3);border-left:1px solid var(--rule)}
.nav{grid-area:nav;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--s2))}
.nav ul{display:flex;gap:var(--s1);list-style:none;margin:0;padding:0}
.nav a{position:relative;display:block;white-space:nowrap;padding:var(--s2);font-size:.95rem;color:var(--ink-2);text-decoration:none;transition:color .2s}
.nav a::after{content:"";position:absolute;left:var(--s2);right:var(--s2);bottom:.2rem;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a:hover{color:var(--ink)}
.nav a[aria-current=page]{color:var(--ink)}
.nav a[aria-current=page]::after{transform:scaleX(1)}
.langs{grid-area:langs;margin:0;display:flex;align-items:center;gap:var(--s2);font-size:.85rem}
.langs__cur{font:.75rem var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.langs__alt{display:inline-block;min-height:2.75rem;line-height:2.75rem;padding:0 var(--s3);border:1px solid var(--rule);border-radius:var(--r);text-decoration:none;transition:border-color .2s,background .2s}
.langs__alt:hover{border-color:var(--ink);background:var(--card)}
@media (min-width:62rem){.mast__in{grid-template-columns:auto 1fr auto;grid-template-areas:"mark nav langs"}.nav{justify-self:end;margin:0}}
@media (max-width:30rem){.mark__alt{display:none}}

/* type */
.kicker{font:.75rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sp);margin:0 0 var(--s4)}
:lang(ko) .kicker{letter-spacing:.02em;font-family:var(--sans);font-weight:600;font-size:.85rem;text-transform:none}
.display{font:400 clamp(2.3rem,5.6vw,4.3rem)/1.06 var(--serif);letter-spacing:-.025em;margin:0 0 var(--s5);text-wrap:balance}
:lang(ko) .display{font-weight:800;letter-spacing:-.04em;line-height:1.28;font-size:clamp(2rem,5vw,3.4rem)}
.display--s{font-size:clamp(2.1rem,4.6vw,3.3rem)}
:lang(ko) .display--s{font-size:clamp(1.85rem,4vw,2.7rem)}
.display span{display:block;color:var(--ink-3);font-size:.55em;margin-top:var(--s3)}
.lede{font-size:clamp(1.08rem,1.6vw,1.2rem);line-height:1.6;color:var(--ink-2);max-width:var(--measure);margin:0 0 var(--s5);text-wrap:pretty}
.h2{font:400 clamp(1.5rem,2.6vw,2rem)/1.15 var(--serif);letter-spacing:-.015em;margin:0 0 var(--s5);text-wrap:balance}
:lang(ko) .h2{font-weight:800;letter-spacing:-.03em;line-height:1.38}
.prose{max-width:var(--measure)}
.prose p{margin:0 0 var(--s4)}
.cite{display:block;font:.72rem/1.45 var(--mono);color:var(--ink-3);margin-top:var(--s2)}
:lang(ko) .cite{font-family:var(--sans);font-size:.76rem}
.small{font-size:.82rem;color:var(--ink-3);margin:0 0 var(--s3)}
.more{font-weight:600;text-decoration-color:var(--sp)}
.more::after{content:" \2192";display:inline-block;transition:transform .25s var(--ease)}
.more:hover::after{transform:translateX(3px)}
.tag{display:inline-block;border:1px solid var(--sf);color:var(--sf);padding:.15rem .5rem;border-radius:var(--r)}

/* buttons */
.actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s6) 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:0 var(--s5);font:600 .95rem/1 var(--sans);border-radius:var(--r);text-decoration:none;cursor:pointer;border:1px solid var(--ink);transition:background .2s,color .2s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn--solid{background:var(--ink);color:var(--paper)}
.btn--solid:hover{background:var(--sp);border-color:var(--sp)}
.btn--line{background:transparent;color:var(--ink)}
.btn--line:hover{background:var(--card)}
.btn--ghost{border-color:transparent;background:none;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--rule)}
.btn--s{min-height:2.75rem;padding:0 var(--s4);font-size:.88rem}

/* hero + the worked-example slip (the one object with a shadow) */
.hero{display:grid;gap:var(--s7);padding-top:var(--s8);padding-bottom:var(--s8)}
@media (min-width:62rem){.hero{grid-template-columns:minmax(0,7fr) minmax(0,4.6fr);align-items:end;padding-top:var(--s9)}}
.slip{position:relative;margin:0;background:var(--card);border:1px solid var(--rule);border-top:4px solid var(--ink);padding:var(--s5) var(--s5) var(--s4);box-shadow:0 22px 40px -32px rgba(29,22,17,.6);transform:rotate(-1deg);transition:transform .5s var(--ease)}
.slip:hover{transform:rotate(0) translateY(-2px)}
.slip__head{display:flex;justify-content:space-between;font:.72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s3)}
:lang(ko) .slip__head span:first-child{font-family:var(--sans);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:.8rem}
.slip__case{font:400 1.12rem/1.45 var(--serif);margin:0 0 var(--s4)}
:lang(ko) .slip__case{font-weight:700;font-size:1.02rem;line-height:1.6}
.slip figcaption{font-size:.84rem;color:var(--ink-3);margin-top:var(--s4);line-height:1.5}

/* signature 1: the border (two sides, one hairline) */

/* steps, inked along a coloured rule */
.stns{list-style:none;margin:0;padding:0}
.stn{--c:var(--sp);position:relative;padding:var(--s3) 0 var(--s3) 2rem;animation:ink .35s var(--ease) both}
.stn[data-s^="c-"]{--c:var(--bd)}.stn[data-s^="x-"],.stn[data-s^="o-"]{--c:var(--ink-3)}.stn.flag{--c:var(--sf)}
.stn::before{content:"";position:absolute;left:.55rem;top:0;bottom:0;width:3px;background:var(--c);transform-origin:top;animation:draw .4s var(--ease) both}
.stn.grey::before{background:repeating-linear-gradient(var(--c) 0 5px,transparent 5px 9px)}
.stn::after{content:"";position:absolute;left:.12rem;top:1.05rem;width:.9rem;height:.5rem;background:var(--c);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}
.stn.flag::after{width:.8rem;height:.8rem;top:.95rem;left:.18rem;clip-path:none;transform:rotate(45deg)}
.stn__t{display:block;font-weight:600;line-height:1.4}
.stn__b{display:block;color:var(--ink-2);font-size:.92rem;line-height:1.55;margin-top:.15rem}
@keyframes draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ink{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}

.rows{margin:0 0 var(--s4)}
.rows div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:baseline;padding:var(--s2) 0;border-bottom:1px dashed var(--rule)}
.rows div.rule{border-top:1px solid var(--ink);margin-top:var(--s2)}
.rows dt{font-size:.9rem;color:var(--ink-2)}.rows dd{margin:0;text-align:right;font-size:1.02rem}
.rows .big{font-size:clamp(1.6rem,3.4vw,2.2rem);color:var(--sp);font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums}
/* sections */
.band{border-top:1px solid var(--rule);padding-top:var(--s7);padding-bottom:var(--s7)}
.split{display:grid;gap:var(--s3) var(--s7);border-top:1px solid var(--rule);padding-top:var(--s6);padding-bottom:var(--s7)}
@media (min-width:52rem){.split{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.essay{list-style:none;margin:0;padding:0;counter-reset:e;display:grid;gap:var(--s6)}
.essay li{counter-increment:e;display:grid;grid-template-columns:3rem 1fr;column-gap:var(--s4);border-top:1px solid var(--ink);padding-top:var(--s4)}
.essay li::before{content:counter(e,decimal-leading-zero);grid-row:1/5;font:italic 400 1.9rem/1 var(--serif);color:var(--ink-3)}
.essay li:nth-child(1)::before{color:var(--sp)}.essay li:nth-child(2)::before{color:var(--sf)}.essay li:nth-child(3)::before{color:var(--bd)}
.essay h3{font:500 1.22rem/1.3 var(--serif);margin:0 0 var(--s3)}
:lang(ko) .essay h3{font-weight:800;font-size:1.12rem;line-height:1.5}
.essay p{margin:0;color:var(--ink-2)}
.essay .cite{margin-top:var(--s3)}
.pagehead{padding-top:var(--s8);padding-bottom:var(--s6)}

/* caveat */
.caveat{display:grid;gap:var(--s2);border-left:3px solid var(--sf);background:var(--sf-2);padding:var(--s4) var(--s5);margin:var(--s5) 0 var(--s8);font-size:.92rem}
.caveat p{margin:0;max-width:52rem}
.caveat__mark{font:.72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
:lang(ko) .caveat__mark{font-family:var(--sans);font-weight:700;letter-spacing:.02em;text-transform:none;font-size:.82rem}

/* tools */
.tool{display:grid;gap:var(--s6);padding-bottom:var(--s7)}
@media (min-width:62rem){.tool{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}.tool__side{position:sticky;top:var(--s5)}}
.group{border:0;margin:0 0 var(--s6);padding:0;min-width:0}
.group>legend{font:500 1.25rem/1.3 var(--serif);padding:0 0 var(--s3);margin-bottom:var(--s3);width:100%;border-bottom:1px solid var(--ink)}
:lang(ko) .group>legend{font-weight:800;font-size:1.15rem}
.opts{list-style:none;margin:0;padding:0}
.opt{border-bottom:1px solid var(--rule-2)}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt label{display:grid;grid-template-columns:1.6rem 1fr;column-gap:var(--s3);padding:var(--s4) 0;cursor:pointer;min-height:2.75rem}
.opt label::before{content:"";grid-row:1/3;width:1.3rem;height:1.3rem;margin-top:.2rem;border:2px solid var(--ink);border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 .65rem var(--card);transition:box-shadow .25s var(--ease),background .2s}
.opt input[type=checkbox]+label::before{border-radius:var(--r)}
.opt input:checked+label::before{background:var(--ink);box-shadow:inset 0 0 0 .2rem var(--card)}
.opt input:focus-visible+label::before{outline:2px solid var(--focus);outline-offset:3px}
.opt__t{font-weight:600;line-height:1.4}
.opt__h{font-size:.88rem;color:var(--ink-3);line-height:1.5;margin-top:.2rem}
.sheet{background:var(--card);border:1px solid var(--rule);padding:var(--s5)}
.sheet__h{font:.75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 var(--s3)}
:lang(ko) .sheet__h{font-family:var(--sans);font-weight:700;letter-spacing:.02em;text-transform:none;font-size:.85rem}
.result{font:400 1.35rem/1.35 var(--serif);margin:0 0 var(--s5)}
:lang(ko) .result{font-weight:800;font-size:1.2rem;line-height:1.5}
.sheet__act{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s4) 0 0}

/* forms */
.field{margin-bottom:var(--s5)}
.field label{display:block;font-weight:600;margin-bottom:var(--s2)}
.field__in{position:relative;display:flex;align-items:center}
.field input{width:100%;min-height:3rem;padding:0 var(--s4);font:1.05rem var(--mono);color:var(--ink);background:var(--card);border:1px solid var(--ink-3);border-radius:var(--r);transition:border-color .2s,box-shadow .2s;appearance:none}
.field input:hover{border-color:var(--ink)}
.field input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 25%,transparent);outline:none}
.field input[type=number]{-moz-appearance:textfield;appearance:textfield;padding-right:5.5rem}
.field input::-webkit-inner-spin-button,.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.field__u{position:absolute;right:var(--s4);font:1rem var(--mono);color:var(--ink-3);pointer-events:none}
:lang(ko) .field__u{font-family:var(--sans)}
.hint{font-size:.85rem;color:var(--ink-3);margin:var(--s2) 0 0;line-height:1.5}

.srcs{padding-left:1.6rem}.srcs li{margin-bottom:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--rule-2)}.srcs li::marker{font-family:var(--mono);color:var(--sp)}
.srcs p{margin:0}
.spec{margin:0 0 var(--s5)}
.spec dt{font:500 1.1rem var(--serif);margin-top:var(--s4)}
:lang(ko) .spec dt{font-weight:800}
.spec dd{margin:var(--s1) 0 0;color:var(--ink-2);padding-bottom:var(--s4);border-bottom:1px solid var(--rule-2)}
.contact{font:400 clamp(1.4rem,3vw,2rem) var(--serif)}

/* footer */
.foot{border-top:3px solid var(--ink);background:var(--paper-2);margin-top:var(--s7)}
.foot__in{display:grid;gap:var(--s6);padding-top:var(--s6);padding-bottom:var(--s7)}
@media (min-width:52rem){.foot__in{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s7)}}
.foot__brand{display:flex;align-items:center;gap:var(--s2);font:500 1.1rem var(--serif);margin:0 0 var(--s2)}
:lang(ko) .foot__brand{font-weight:800}
.foot__a p{margin:0 0 var(--s3);color:var(--ink-2);font-size:.92rem}
.foot__links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);list-style:none;padding:0;margin:0 0 var(--s4)}
.foot__links a{display:inline-block;padding:var(--s2) 0}

/* root gate, 404 */
.gatepage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s6)}
.gatepage img{margin-bottom:var(--s5)}.gatepage .actions{justify-content:center}.gatepage .lede{margin-left:auto;margin-right:auto}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.slip{transform:none}}
@media print{.mast,.foot,.nav,.sheet__act,.caveat,.split,.actions,.skip,.tool__main,.pagehead .lede,.verdict{display:none!important}body{background:#fff;color:#000}.tool{display:block}.sheet{border:0;padding:0}.tool__side{position:static}.stn,.stn::before{animation:none}.stn[hidden]{display:none!important}}

/* signature 1: the inkjet date stamp */
.stamp{display:grid;gap:.15rem;margin:0 0 var(--s4);padding:var(--s3) var(--s4);background:var(--ink);color:var(--paper);border-radius:var(--r);transform:rotate(.6deg);transition:transform .5s var(--ease)}
.slip:hover .stamp{transform:none}
.stamp__code{font:600 1.05rem/1.3 var(--mono);letter-spacing:.18em;color:var(--paper);text-shadow:0 0 .5px var(--paper)}
.stamp__row{display:flex;gap:var(--s3);font:.82rem/1.5 var(--mono);letter-spacing:.08em}
.stamp__k{min-width:4.2rem;opacity:.75}
:lang(ko) .stamp__k{font-family:var(--sans);letter-spacing:0}
.stamp__v{background:radial-gradient(circle,currentColor .9px,transparent 1.2px) 0 100%/4px 3px repeat-x;padding-bottom:3px}

/* signature 2: the shelf-life gauge */
.gauge{--half:50%;--six:83.5%;--pin:0%;--ok:50%;margin:0 0 var(--s4)}
.gauge__bar{position:relative;display:block;height:1.4rem;background:repeating-linear-gradient(90deg,var(--rule-2) 0 2px,transparent 2px 6px),var(--paper-2);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.gauge__ok{position:absolute;left:0;top:0;bottom:0;width:var(--ok);background:var(--sp-2);box-shadow:inset 0 -3px 0 var(--sp);transition:width .45s var(--ease)}
.gauge__half,.gauge__six{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--ink);transition:left .45s var(--ease)}
.gauge__half{left:var(--half)}.gauge__six{left:var(--six);background:repeating-linear-gradient(var(--ink) 0 3px,transparent 3px 6px)}
.gauge__pin{position:absolute;top:.2rem;width:.95rem;height:.95rem;margin-left:-.475rem;left:var(--pin);border-radius:50%;background:var(--sp);box-shadow:0 0 0 3px var(--card);transition:left .45s var(--ease),background .3s}
.gauge[data-st=no] .gauge__pin{background:var(--sf)}
.gauge__lab{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:.35rem;font:.7rem/1.3 var(--mono);color:var(--ink-3)}
:lang(ko) .gauge__lab{font-family:var(--sans);font-size:.74rem}
.gauge__lab span:nth-child(2){text-align:center}.gauge__lab span:nth-child(3){text-align:center}.gauge__lab span:nth-child(4){text-align:right}
.gauge--mini{--pin:50%;--ok:50%}
.gauge--mini .gauge__bar{height:1rem}.gauge--mini .gauge__pin{top:.1rem;width:.75rem;height:.75rem;margin-left:-.375rem}

/* result rows */
.rows{margin:0 0 var(--s4)}
.rows div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:baseline;padding:var(--s2) 0;border-bottom:1px dashed var(--rule)}
.rows div.rule{border-top:1px solid var(--ink);margin-top:var(--s2)}
.rows dt{font-size:.9rem;color:var(--ink-2)}.rows dd{margin:0;text-align:right;font-size:1.02rem}
.rows .big{font-size:clamp(1.4rem,3vw,1.9rem);color:var(--sp);font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums}
.rows--slip{margin:0 0 var(--s3)}.rows--slip .big{font-size:1.35rem}
.rows dd.go{animation:ink .3s var(--ease)}
.sheet__note{font-size:.82rem;color:var(--ink-3);line-height:1.5;margin:0}
.sheet .sheet__h+.rows{margin-top:0}
.sheet h3.sheet__h{margin-top:var(--s5)}
.field input[type=date]{padding-right:var(--s4)}

/* label table */
.tablewrap{overflow-x:auto;margin:0 0 var(--s3)}
.tt{width:100%;border-collapse:collapse}
.tt th,.tt td{text-align:left;vertical-align:top;padding:var(--s3) var(--s3) var(--s3) 0;border-bottom:1px solid var(--rule-2);font-size:.95rem}
.tt thead th{font:.72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--ink)}
:lang(ko) .tt thead th{font-family:var(--sans);font-size:.82rem;letter-spacing:0}
.tt tbody th{font-weight:600;padding-left:var(--s3);box-shadow:inset 3px 0 0 var(--sp);width:11rem}
@media (max-width:44rem){.lbl thead{display:none}.lbl tr{display:grid;padding:var(--s3) 0 var(--s3) var(--s3);border-bottom:1px solid var(--rule-2);box-shadow:inset 3px 0 0 var(--sp)}
 .lbl th,.lbl td{border:0;padding:.15rem 0;box-shadow:none!important;width:auto}
 .lbl td::before{display:block;font:.7rem var(--mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}
 .lbl td:nth-child(2)::before{content:"GU116"}.lbl td:nth-child(3)::before{content:"GU117"}}