/* g8.hk — printed-paper look: warm stock, ink rules, offset shadows.
   Deliberately unlike refi.ne's dark-gradient QR page. */
:root{
  --paper:#f5efe3;--paper-2:#ebe0cb;--card:#fffdf8;--ink:#16181d;--mute:#575b64;--rule:#d5c9b2;
  --go:#0b6e5c;--go-soft:#d8eee4;--stop:#b0360e;--stop-soft:#fbe2d2;--marker:#ffd54a;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Noto Serif","Noto Serif CJK TC",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --wrap:min(1180px,calc(100% - 32px));
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}
a{color:inherit}
img,svg{display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--go);outline-offset:2px}
.gk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gk-skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:20;background:var(--ink);color:var(--paper);padding:.5rem .8rem;border-radius:4px}
.gk-skip:focus{top:12px}
.gk-ico{width:1.1em;height:1.1em;flex:none}

/* ---- top bar ---- */
.gk-top{position:relative;z-index:10;display:flex;align-items:center;gap:1.4rem;width:var(--wrap);margin:0 auto;padding:18px 0;border-bottom:1.5px solid var(--ink)}
.gk-mark{display:flex;align-items:center;gap:.5rem;text-decoration:none;font:700 1.45rem/1 var(--serif);letter-spacing:-.01em}
.gk-mark b,.gk-foot-mark b{color:var(--go)}
.gk-mark-ico{width:28px;height:28px;padding:3px;border-radius:5px;background:var(--ink);color:var(--marker)}
.gk-top-nav{display:flex;gap:1.2rem;margin-inline-start:auto;font-size:.9rem;font-weight:600}
.gk-top-nav a{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;border-bottom:2px solid transparent}
.gk-top-nav a:hover{border-bottom-color:var(--marker)}
.gk-top-out{color:var(--go)}
.gk-lang{position:relative}
.gk-lang summary{display:flex;align-items:center;gap:.4rem;list-style:none;cursor:pointer;padding:.4rem .7rem;border:1.5px solid var(--ink);border-radius:99px;font-size:.85rem;font-weight:600;background:var(--card)}
.gk-lang summary::-webkit-details-marker{display:none}
.gk-lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:2px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:.5rem;list-style:none;background:var(--card);border:1.5px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink)}
.gk-lang li a{display:block;padding:.35rem .6rem;border-radius:4px;text-decoration:none;font-size:.88rem}
.gk-lang li a:hover,.gk-lang li a[aria-current]{background:var(--marker)}

/* ---- buttons ---- */
.gk-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.25rem;border:1.5px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none;box-shadow:4px 4px 0 var(--go);transition:transform .15s,box-shadow .15s}
.gk-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--go)}
.gk-btn--line{background:transparent;color:var(--ink);box-shadow:none}
.gk-btn--line:hover{background:var(--card);box-shadow:4px 4px 0 var(--ink)}

/* ---- hero ---- */
.gk-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;width:var(--wrap);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,6vw,5rem)}
.gk-stamps{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem;padding:0;list-style:none}
.gk-stamps li{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border:1.5px dashed var(--go);border-radius:4px;color:var(--go);font:700 .78rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.gk-hero h1{margin:0;font:700 clamp(2.5rem,5.3vw,4.6rem)/1.02 var(--serif);letter-spacing:-.025em}
.gk-lede{max-width:36rem;margin:1.4rem 0 1.8rem;color:#33363d;font-size:clamp(1.02rem,1.4vw,1.15rem)}
.gk-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem}
.gk-by{margin:1.6rem 0 0;color:var(--mute);font-size:.88rem}
.gk-by a,.gk-foot a{font-weight:700;text-decoration-color:var(--marker);text-decoration-thickness:3px;text-underline-offset:3px}

/* the day-by-day comparison */
.gk-lab{margin:0;padding:1.1rem;border:1.5px solid var(--ink);border-radius:8px;background:var(--card);box-shadow:8px 8px 0 var(--ink)}
.gk-lab-days{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding-bottom:.9rem}
.gk-lab-days button{padding:.5rem .4rem;border:1.5px solid var(--rule);border-radius:4px;background:transparent;font:700 .82rem/1.2 var(--mono);white-space:nowrap}
.gk-lab-days button[aria-pressed="true"]{border-color:var(--ink);background:var(--marker)}
.gk-lab-progress{position:absolute;inset-inline:0;bottom:.35rem;height:3px;border-radius:3px;background:var(--paper-2);overflow:hidden}
.gk-lab-progress i{display:block;width:0;height:100%;background:var(--ink)}
.gk-lab:not([data-state=""]) .gk-lab-progress i{animation:gk-fill calc(var(--sweep-ms,2400ms) + var(--hold-ms,3400ms)) linear both}
.gk-lab-pair{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.gk-tent{position:relative;display:grid;align-content:start;gap:.6rem;padding:.8rem;border-radius:6px;background:var(--paper)}
.gk-tent--risk{border-top:4px solid var(--stop)}
.gk-tent--safe{border-top:4px solid var(--go)}
.gk-tent-tag{display:flex;align-items:center;gap:.35rem;margin:0;min-height:2.6em;font-size:.8rem;font-weight:700;line-height:1.3}
.gk-tent--risk .gk-tent-tag{color:var(--stop)}
.gk-tent--safe .gk-tent-tag{color:var(--go)}
.gk-tent-code{position:relative;padding:10%;border-radius:4px;background:#fff;box-shadow:0 1px 0 var(--rule),0 10px 24px rgba(60,45,20,.12);overflow:hidden}
.gk-toy{width:100%;height:auto;transition:filter .5s,opacity .5s}
.gk-tent-code::after{content:"";position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(-45deg,rgba(176,54,14,.0) 0 14px,rgba(176,54,14,.55) 14px 20px);transition:opacity .5s}
.gk-lab:not([data-day="0"])[data-state="shown"] .gk-tent--risk .gk-toy{filter:grayscale(1);opacity:.45}
.gk-lab:not([data-day="0"])[data-state="shown"] .gk-tent--risk .gk-tent-code::after{opacity:1}
.gk-sweep{position:absolute;inset-inline:4%;top:3%;height:4px;border-radius:4px;background:var(--marker);box-shadow:0 0 0 1px rgba(22,24,29,.25),0 0 18px 4px rgba(255,213,74,.75);opacity:0;pointer-events:none}
.gk-lab[data-state="sweep"] .gk-sweep{animation:gk-pass var(--sweep-ms,2400ms) cubic-bezier(.45,.05,.55,.95) both}
.gk-tent-route{display:flex;align-items:center;gap:.35rem;margin:0;color:var(--mute);font:600 .74rem/1.3 var(--mono)}
.gk-outcomes{min-height:3.4em;margin:0;padding:0;list-style:none}
.gk-outcomes .gk-scanning{display:none;color:var(--mute);font:600 .8rem/1.3 var(--mono)}
.gk-lab[data-state="sweep"] .gk-scanning{display:flex}
.gk-outcomes li{display:none;align-items:flex-start;gap:.4rem;padding:.5rem .55rem;border-radius:4px;font-size:.84rem;font-weight:700;line-height:1.3}
.gk-outcomes li .gk-ico{margin-top:.1em}
.gk-outcomes .is-ok{background:var(--go-soft);color:#084d40}
.gk-outcomes .is-bad{background:var(--stop-soft);color:#8a2a0b}
.gk-lab[data-state="shown"][data-day="0"] li[data-at="0"],
.gk-lab[data-state="shown"][data-day="1"] li[data-at="1"],
.gk-lab[data-state="shown"][data-day="2"] li[data-at="2"]{display:flex;animation:gk-pop .35s ease-out both}
.gk-lab figcaption{margin:.9rem .1rem 0;color:var(--mute);font:italic 400 .95rem/1.45 var(--serif)}
.gk-lab figcaption:lang(zh),.gk-lab figcaption:lang(ja),.gk-lab figcaption:lang(ko){font-style:normal}
@keyframes gk-pass{0%{top:3%;opacity:0}10%,90%{opacity:1}100%{top:calc(97% - 4px);opacity:0}}
@keyframes gk-fill{from{width:0}to{width:100%}}
@keyframes gk-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---- facts strip ---- */
.gk-facts{display:grid;grid-template-columns:repeat(3,1fr);width:var(--wrap);margin:0 auto;border-block:1.5px solid var(--ink)}
.gk-facts>div{display:flex;gap:.8rem;padding:1.3rem 1.2rem}
.gk-facts>div+div{border-inline-start:1.5px dashed var(--rule)}
.gk-facts .gk-ico{width:1.6rem;height:1.6rem;color:var(--go)}
.gk-facts p{margin:0}
.gk-facts b{display:block;font:700 1.15rem/1.2 var(--serif)}
.gk-facts span{display:block;margin-top:.2rem;color:var(--mute);font-size:.86rem;line-height:1.45}

/* ---- section heads ---- */
.gk-sec-head{max-width:46rem;margin-bottom:2rem}
.gk-eyebrow{display:inline-block;margin:0 0 .7rem;padding:.15rem .45rem;background:var(--ink);color:var(--marker);font:700 .74rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em}
.gk-eyebrow--warn{background:var(--stop);color:#fff}
.gk-sec-head h2{margin:0;font:700 clamp(2rem,4vw,3.2rem)/1.05 var(--serif);letter-spacing:-.02em}
.gk-sec-head>p:last-child{margin:.8rem 0 0;color:var(--mute);font-size:1.02rem}
.gk-brand{background:linear-gradient(transparent 62%,var(--marker) 62%)}

/* ---- generator ---- */
.gk-make{width:var(--wrap);margin:0 auto;padding:clamp(3.5rem,7vw,6rem) 0 0;scroll-margin-top:12px}
.gk-maker{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1.5rem;align-items:start}
.gk-inputs{display:grid;gap:1.1rem}
.gk-block{min-width:0;margin:0;padding:1.2rem 1.25rem 1.3rem;border:1.5px solid var(--ink);border-radius:6px;background:var(--card)}
.gk-block legend{float:left;display:flex;align-items:center;gap:.6rem;width:100%;margin:0 0 .3rem;padding:0;font:700 1.25rem/1.25 var(--serif)}
.gk-block legend small{margin-inline-start:auto;color:var(--mute);font:600 .75rem var(--mono);text-transform:uppercase}
.gk-block legend+*{clear:both}
.gk-num{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:4px;background:var(--ink);color:var(--marker);font:700 .95rem/1 var(--mono)}
.gk-block-note{display:flex;align-items:center;gap:.4rem;margin:0 0 1rem;color:var(--mute);font-size:.84rem}
.gk-block label{display:grid;gap:.3rem;font-size:.8rem;font-weight:700;color:#30333a}
.gk-block input:not([type=checkbox]):not([type=color]):not([type=range]):not([type=file]),.gk-block select,.gk-block textarea,.gk-save select{width:100%;min-width:0;padding:.62rem .7rem;border:1.5px solid #c9bda6;border-radius:4px;background:#fff;font-size:.95rem;font-weight:400}
.gk-block textarea{resize:vertical}
.gk-pane,.gk-block>fieldset{display:grid;gap:.8rem}
.gk-row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-block:.1rem}
.gk-tick{display:flex!important;align-items:center;gap:.5rem!important;cursor:pointer}
.gk-tick input{width:1.05rem;height:1.05rem;accent-color:var(--go)}
.gk-kinds{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.gk-kinds button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border:1.5px solid var(--rule);border-radius:99px;background:#fff;font-size:.85rem;font-weight:700}
.gk-kinds button:hover{border-color:var(--ink)}
.gk-kinds button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.gk-more{padding:.6rem .8rem;border:1.5px dashed var(--rule);border-radius:4px}
.gk-more summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;font-size:.88rem;font-weight:700}
.gk-more summary small{color:var(--mute);font:600 .72rem var(--mono);text-transform:uppercase}
.gk-more[open] summary{margin-bottom:.7rem}
.gk-more>label{margin-top:.6rem}
.gk-refer{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:4px;background:var(--go-soft);border-inline-start:4px solid var(--go)}
.gk-refer b,.gk-refer span{display:block}
.gk-refer b{font-size:.92rem}
.gk-refer span{margin-top:.15rem;color:#2f4a43;font-size:.8rem;line-height:1.45}
.gk-refer a{display:inline-flex;align-items:center;gap:.35rem;flex:none;padding:.55rem .8rem;border-radius:4px;background:var(--go);color:#fff;font-size:.84rem;font-weight:700;text-decoration:none;white-space:nowrap}
.gk-refer a:hover{background:#085446}
.gk-swatches{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.gk-swatches button{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .65rem .3rem .3rem;border:1.5px solid var(--rule);border-radius:4px;background:#fff;font-size:.8rem;font-weight:700}
.gk-swatches button:hover{border-color:var(--ink)}
.gk-swatches i{width:1.6rem;height:1.6rem;border-radius:3px;background:linear-gradient(135deg,var(--a) 0 50%,var(--b) 50% 100%);box-shadow:inset 0 0 0 3px var(--c),0 0 0 1px var(--rule)}
.gk-colors{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:.9rem 0}
.gk-colors label{flex:1 1 110px}
.gk-colors .gk-tick{flex:0 0 auto;padding-bottom:.6rem}
.gk-colors input[type=color]{width:100%;height:2.4rem;padding:.15rem;border:1.5px solid #c9bda6;border-radius:4px;background:#fff}
.gk-block input[type=range]{width:100%;accent-color:var(--go)}
.gk-block output{font:600 .78rem var(--mono);color:var(--mute)}
.gk-logo{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem;border-radius:4px;background:var(--paper)}
.gk-logo>div{flex:1}
.gk-logo b,.gk-logo span{display:block}
.gk-logo b{font-size:.88rem}
.gk-logo span{color:var(--mute);font-size:.76rem;line-height:1.4}
.gk-logo-pick,.gk-logo-drop{padding:.5rem .8rem;border:1.5px solid var(--ink);border-radius:4px;background:#fff;font-size:.82rem!important;cursor:pointer;white-space:nowrap}
.gk-block .gk-logo-pick{display:inline-block}
.gk-logo-pick input{display:none}
.gk-cap-field input{font:700 1rem var(--mono)!important;letter-spacing:.08em}

.gk-proof{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:0 10px 10px 0}
[dir=rtl] .gk-proof{padding:0 0 10px 10px}
.gk-proof-card{padding:1.1rem;border:1.5px solid var(--ink);border-radius:6px;background:var(--card);box-shadow:8px 8px 0 var(--go)}
.gk-proof-label{display:flex;align-items:center;gap:.5rem;margin:-.1rem 0 .9rem;padding-bottom:.7rem;border-bottom:1.5px dashed var(--rule);font:700 .76rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.gk-live{width:.55rem;height:.55rem;border-radius:50%;background:var(--go);box-shadow:0 0 0 3px var(--go-soft)}
.gk-canvas{display:grid;justify-items:center;width:min(100%,340px);margin:0 auto;padding:.8rem;border:1.5px solid var(--rule);border-radius:4px;background:var(--paper)}
.gk-canvas.has-cap{padding-bottom:.3rem;border:10px solid var(--frame)}
.gk-canvas-qr{width:min(100%,300px,max(150px,calc(100vh - 400px)));aspect-ratio:1}
.gk-canvas-qr svg,.gk-canvas-qr canvas{display:block;width:100%!important;height:auto!important}
.gk-canvas-cap{width:100%;padding:.45rem .2rem .2rem;color:var(--frame);font:800 1.15rem/1.2 var(--sans);text-align:center;letter-spacing:.1em}
.gk-check{display:grid;gap:.1rem;margin-top:.8rem;padding:.6rem .75rem;border-radius:4px;border-inline-start:4px solid}
.gk-check b{font-size:.84rem}
.gk-check span{font-size:.74rem}
.gk-check.is-great{background:var(--go-soft);border-color:var(--go);color:#084d40}
.gk-check.is-good{background:#e3eefb;border-color:#2563a8;color:#1d4e86}
.gk-check.is-warn{background:#fff3cf;border-color:#b7791f;color:#7a4e0c}
.gk-payload{display:grid;gap:.15rem;margin:.8rem 0}
.gk-payload span{color:var(--mute);font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.1em}
.gk-payload code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:.8rem var(--mono)}
.gk-save{display:grid;grid-template-columns:.7fr .85fr 1.5fr;gap:.4rem}
.gk-save select{padding:.6rem .45rem;font-size:.8rem}
.gk-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border:1.5px solid var(--ink);border-radius:4px;background:var(--go);color:#fff;font-size:.85rem;font-weight:800}
.gk-save-btn:hover{background:#085446}
.gk-proof-tools{display:flex;justify-content:center;gap:1.2rem;margin-top:.8rem}
.gk-proof-tools button{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;background:none;color:var(--mute);font-size:.8rem;font-weight:600}
.gk-proof-tools button:hover{color:var(--ink)}
.gk-proof-tip{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;padding:.75rem .85rem;border:1.5px dashed var(--ink);border-radius:6px;font-size:.82rem;font-weight:600;line-height:1.4;text-decoration:none}
.gk-proof-tip:hover{background:var(--card)}
.gk-proof-tip .gk-ico:first-child{width:1.4rem;height:1.4rem;color:var(--go)}

/* ---- traps ---- */
.gk-traps{position:relative;margin-top:clamp(4rem,8vw,7rem);padding:clamp(3.5rem,7vw,6rem) max(16px,calc((100% - 1180px)/2));background:var(--paper-2);border-block:1.5px solid var(--ink)}
.gk-traps .gk-sec-head{max-width:52rem}
.gk-flags{max-width:40rem;margin:0 0 2.2rem;padding:1.1rem 1.3rem;background:var(--marker);box-shadow:5px 5px 0 var(--ink);transform:rotate(-.6deg)}
.gk-flags-title{display:flex;align-items:center;gap:.45rem;margin:0 0 .5rem;font:700 1.05rem var(--serif)}
.gk-flags ol{margin:0;padding-inline-start:1.3rem;font-size:.92rem;font-weight:600}
.gk-flags li+li{margin-top:.2rem}
.gk-qa{counter-reset:qa;border-top:1.5px solid var(--ink)}
.gk-qa details{counter-increment:qa;border-bottom:1.5px solid var(--ink)}
.gk-qa summary{position:relative;display:flex;align-items:baseline;gap:1rem;padding:1.15rem 2.6rem 1.15rem 0;list-style:none;cursor:pointer}
[dir=rtl] .gk-qa summary{padding:1.15rem 0 1.15rem 2.6rem}
.gk-qa summary::-webkit-details-marker{display:none}
.gk-qa summary::before{content:counter(qa,decimal-leading-zero);flex:none;width:2.4rem;color:var(--go);font:700 .95rem var(--mono)}
.gk-qa details.is-trap summary::before{color:var(--stop)}
.gk-qa summary::after{content:"";position:absolute;inset-inline-end:.3rem;top:50%;width:1.4rem;height:1.4rem;margin-top:-.7rem;border:1.5px solid var(--ink);border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) center/9px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 9px no-repeat;transition:transform .2s}
.gk-qa details[open] summary::after{transform:rotate(45deg);background-color:var(--marker)}
.gk-qa h3{margin:0;font:700 clamp(1.08rem,1.8vw,1.3rem)/1.3 var(--serif)}
.gk-qa-a{max-width:48rem;padding:0 0 1.4rem 3.4rem}
[dir=rtl] .gk-qa-a{padding:0 3.4rem 1.4rem 0}
.gk-qa-a p{margin:0 0 .75rem;color:#34373e}
.gk-qa-a a{display:inline-flex;align-items:center;gap:.35rem;color:var(--go);font-weight:700}

/* ---- refi.ne tools ---- */
.gk-refine{width:var(--wrap);margin:0 auto;padding:clamp(3.5rem,7vw,6rem) 0}
.gk-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.gk-tools a{display:grid;align-content:start;gap:.35rem;padding:1rem;border:1.5px solid var(--ink);border-radius:6px;background:var(--card);text-decoration:none;transition:transform .15s,box-shadow .15s}
.gk-tools a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.gk-tools .gk-ico{width:1.5rem;height:1.5rem;margin-bottom:.3rem;color:var(--go)}
.gk-tools b{font-size:1rem;line-height:1.3}
.gk-tools span{color:var(--mute);font-size:.84rem;line-height:1.45}
.gk-tools .gk-tools-main{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:.2rem 1rem;background:var(--ink);color:var(--paper)}
.gk-tools-main .gk-ico{grid-row:1/3;width:2.2rem;height:2.2rem;margin:0;color:var(--marker)}
.gk-tools-main .gk-ico:last-child{grid-column:3;grid-row:1/3;width:1.4rem;height:1.4rem}
.gk-tools-main b{font:700 1.25rem var(--serif)}
.gk-tools-main span{grid-column:2;color:#cfc8b8}
.gk-tools .gk-tools-main:hover{box-shadow:5px 5px 0 var(--go)}

/* ---- footer ---- */
.gk-foot{background:var(--ink);color:#d9d3c6;padding:2.6rem max(16px,calc((100% - 1180px)/2))}
.gk-foot-main p{margin:0 0 .5rem;font-size:.9rem}
.gk-foot-mark{font:700 1.6rem/1 var(--serif)!important;color:#fff}
.gk-foot a{color:#fff}
.gk-foot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.gk-foot-copy{color:#9c968a;font-size:.8rem!important}
.gk-foot-langs{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid #3a3c42;font-size:.82rem}
.gk-foot-langs a{font-weight:400;text-decoration:none;color:#bdb6a8}
.gk-foot-langs a:hover{color:#fff}

/* ---- 404 ---- */
.gk-lost-main{width:var(--wrap);min-height:60vh;margin:0 auto;padding:5rem 0}
.gk-lost-main h1{margin:0 0 1rem;font:700 clamp(2.2rem,5vw,3.6rem)/1.05 var(--serif)}
.gk-lost-main p{max-width:36rem;color:var(--mute)}
.gk-lost-main .gk-btn{margin-top:1rem}

/* ---- responsive ---- */
@media (max-width:1000px){
  .gk-top-nav a:not(.gk-top-out){display:none}
  .gk-hero{grid-template-columns:1fr}
  .gk-lab{max-width:560px}
  .gk-maker{grid-template-columns:1fr}
  .gk-proof{position:static;order:-1;max-height:none;overflow:visible}
  .gk-tools{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .gk-top{gap:.7rem}
  .gk-top-nav{font-size:.8rem}
  .gk-top-out .gk-ico{display:none}
  .gk-lang summary span{display:none}
  .gk-lab{padding:.75rem;box-shadow:5px 5px 0 var(--ink)}
  .gk-lab-pair{gap:.5rem}
  .gk-tent{padding:.55rem}
  .gk-tent-tag{font-size:.72rem}
  .gk-tent-route{font-size:.66rem}
  .gk-outcomes li{font-size:.74rem;padding:.4rem}
  .gk-facts{grid-template-columns:1fr}
  .gk-facts>div+div{border-inline-start:0;border-top:1.5px dashed var(--rule)}
  .gk-row2{grid-template-columns:1fr}
  .gk-refer{flex-direction:column;align-items:stretch}
  .gk-refer a{justify-content:center;white-space:normal}
  .gk-logo{flex-wrap:wrap}
  .gk-save{grid-template-columns:1fr 1fr}
  .gk-save-btn{grid-column:1/-1}
  .gk-qa summary::before{width:1.8rem}
  .gk-qa-a{padding-inline-start:0}
  [dir=rtl] .gk-qa-a{padding-right:0}
  .gk-tools{grid-template-columns:1fr}
  .gk-tools .gk-tools-main{grid-template-columns:auto 1fr}
  .gk-tools-main .gk-ico:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .gk-sweep,.gk-lab-progress i,.gk-outcomes li{animation:none!important}
  .gk-btn,.gk-tools a,.gk-toy,.gk-tent-code::after{transition:none}
}
/* Links, emails and phone numbers read left-to-right even on RTL pages. */
.gk-payload code,.gk-block input[type=url],.gk-block input[type=email],.gk-block input[type=tel]{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .gk-payload code{text-align:right}