main:has(> .karat-converter){padding-top:18px}
.karat-converter{--converter-accent:#a87512;display:grid;gap:18px;max-width:980px;margin:auto;color:var(--text)}
.karat-converter__breadcrumb{position:static;height:auto;padding:0;display:flex;gap:9px;justify-content:flex-start;background:transparent!important;border:0;box-shadow:none!important;font-size:12px;color:var(--text-muted)}
.karat-converter__breadcrumb a,.karat-converter__links a{color:var(--gold-dark);font-weight:800;text-decoration:none}
.karat-converter__breadcrumb a:hover,.karat-converter__links a:hover{text-decoration:underline}
.karat-converter__hero{padding:6px 0 2px;text-align:start}
.karat-converter__eyebrow,.karat-converter__step{display:inline-block;color:var(--converter-accent);font-size:12px;font-weight:900}
.karat-converter__hero h1{margin:5px 0 4px;font-size:clamp(27px,3.7vw,40px);line-height:1.45;font-weight:900}
.karat-converter__hero p{max-width:740px;margin:0;color:var(--text-muted);font-size:15px;line-height:1.8}
.karat-converter__workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px;align-items:stretch}
.karat-converter__card,.karat-converter__answer,.karat-converter__info,.karat-converter__faq{min-width:0;border:1px solid var(--border);border-radius:20px;background:var(--bg2);box-shadow:var(--shadow)}
.karat-converter__card,.karat-converter__answer{padding:clamp(18px,2.5vw,28px)}
.karat-converter__card{border-top:3px solid var(--gold)}
.karat-converter__card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.karat-converter__card-head h2,.karat-converter__answer h2{font-size:21px;margin:4px 0 0}
.karat-converter__badge{font-size:11px;font-weight:800;color:var(--text-muted);border:1px solid var(--border);padding:6px 10px;border-radius:999px;white-space:nowrap}
.karat-converter__field{display:grid;gap:7px;min-width:0}
.karat-converter__field label{font-weight:800;font-size:14px}
.karat-converter__field small{color:var(--text-muted);font-size:12px;line-height:1.5}
.karat-converter__field input,.karat-converter__field select{height:52px;width:100%;min-width:0;border:1.5px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);padding:0 14px;font:inherit;font-weight:800}
.karat-converter__field input{direction:ltr;text-align:start;font-family:'IBM Plex Mono',monospace;padding-right:65px;font-size:18px}
.karat-converter__field input:focus-visible,.karat-converter__field select:focus-visible,.karat-converter__swap:focus-visible,.karat-converter__presets button:focus-visible,.karat-converter__links a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.karat-converter__field input[aria-invalid=true]{border-color:var(--red)}
.karat-converter__weight-wrap{position:relative}
.karat-converter__weight-wrap span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);pointer-events:none}
.karat-converter__karats{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:end;margin-top:18px}
.karat-converter__swap{width:44px;height:52px;border:1px solid var(--border-gold);border-radius:11px;background:var(--bg);color:var(--converter-accent);font-size:25px;cursor:pointer;transition:background-color .15s,transform .15s}
.karat-converter__swap:hover{background:var(--bg3);transform:rotate(180deg)}
.karat-converter__presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.karat-converter__presets>span{font-size:12px;font-weight:800;color:var(--text-muted);margin-inline-end:3px}
.karat-converter__presets button{border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);padding:6px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.karat-converter__presets button:hover,.karat-converter__presets button[aria-pressed=true]{border-color:var(--border-gold);background:var(--bg3);color:var(--converter-accent)}
.karat-converter__error{margin:12px 0 0;color:var(--red);font-weight:800;font-size:13px}
.karat-converter__answer{display:flex;flex-direction:column;border-color:var(--border-gold);background:linear-gradient(155deg,var(--bg2),var(--bg3))}
.karat-converter__answer h2{margin-bottom:18px}
.karat-converter__result{position:relative;padding:20px 48px;text-align:center;border:1px solid var(--border-gold);border-radius:15px;background:var(--bg)}
.karat-converter__copy{position:absolute;inset-inline-end:10px;top:10px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--bg2);color:var(--text-muted);cursor:pointer}
.karat-converter__copy:hover{border-color:var(--border-gold);color:var(--converter-accent);background:var(--bg3)}
.karat-converter__copy:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.karat-converter__copy:disabled{opacity:.45;cursor:not-allowed}
.karat-converter__copy svg{width:18px;height:18px}
.karat-converter__copy-feedback{display:block;margin-top:7px;font-size:12px;font-weight:800;color:var(--converter-accent)}
.karat-converter__copy-feedback[hidden]{display:none}
.karat-converter__result strong{display:block;white-space:nowrap;font-size:clamp(28px,4vw,40px);line-height:1.35;color:var(--converter-accent)}
.karat-converter__result strong span{font-size:.5em;color:var(--text)}
.karat-converter__result bdi,.karat-converter__details bdi{font-family:'IBM Plex Mono',monospace;unicode-bidi:isolate}
.karat-converter__result p{font-size:12px;color:var(--text-muted);margin:7px 0 0;line-height:1.6}
.karat-converter__details{display:grid;gap:0;margin-top:12px}
.karat-converter__details>div{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:10px 2px;color:var(--text-muted);font-size:12px}
.karat-converter__details strong{color:var(--text);white-space:nowrap}
.karat-converter__answer-note{font-size:11px;line-height:1.7;color:var(--text-muted);margin:auto 0 0;padding-top:14px}
.karat-converter__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.karat-converter__info,.karat-converter__faq{padding:22px}
.karat-converter__info h2,.karat-converter__faq h2{font-size:19px;margin:0 0 10px}
.karat-converter__info p,.karat-converter__faq p{line-height:1.9;color:var(--text-muted);margin:0 0 12px}
.karat-converter__formula{padding:12px;margin:12px 0;border-radius:10px;background:var(--bg3);font-weight:900;text-align:center;line-height:1.7}
.karat-converter__faq h3{font-size:16px;margin:16px 0 5px}
.karat-converter__links{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 12px}
.karat-converter__links a{border:1px solid var(--border);border-radius:10px;padding:9px 13px}
html[data-theme="night"] .karat-converter{--converter-accent:var(--gold-light)}
html[data-theme="night"] .karat-converter__breadcrumb a,html[data-theme="night"] .karat-converter__links a{color:var(--gold-light)}
@media(max-width:760px){main:has(> .karat-converter){padding-top:12px}.karat-converter{gap:14px}.karat-converter__hero{padding:0}.karat-converter__hero h1{margin:3px 0 4px}.karat-converter__hero p{font-size:14px;line-height:1.7}.karat-converter__workspace,.karat-converter__content{grid-template-columns:1fr}.karat-converter__answer h2{margin-bottom:12px}.karat-converter__answer-note{margin:0}}
@media(max-width:420px){.karat-converter__card,.karat-converter__answer{padding:17px}.karat-converter__hero h1{font-size:27px}.karat-converter__card-head{margin-bottom:14px}.karat-converter__karats{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:7px;margin-top:14px}.karat-converter__swap{width:38px}.karat-converter__field select{font-size:13px;padding:0 8px}.karat-converter__badge{font-size:10px}.karat-converter__result{padding:48px 12px 18px}.karat-converter__result strong{font-size:31px}}