.ug{--accent:#756347;--line:#dcd6ca;--paper:#fffdf7;--ink:#26352e;color:var(--ink);margin:20px 0 45px}.ug-hero{border-radius:26px;padding:clamp(24px,5vw,56px);background:linear-gradient(115deg,#153b34,#244d43);color:#f9f6e9;display:flex;justify-content:space-between;gap:24px;align-items:center;overflow:hidden}.ug-kicker{font:700 10px system-ui;letter-spacing:2px;color:#9c7941}.ug-hero .ug-kicker{color:#e5c68e}.ug h2{font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-1.7px;margin:18px 0}.ug h2 em{font-style:normal;color:#e5c68e}.ug p{line-height:1.75}.ug-hero p{max-width:650px;color:#d4e1d4}.ug-orbit{width:220px;height:220px;position:relative;flex-shrink:0;border:1px solid #d4c09560;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 25px #ffffff05,0 0 0 50px #ffffff03}.ug-orbit>span{font-size:100px;color:#edd4a6}.ug-orbit b{position:absolute;background:#f5edda;color:#3b594b;padding:10px;border-radius:12px;box-shadow:0 6px 24px #001b1240}.ug-orbit b:nth-of-type(1){top:0;left:0}.ug-orbit b:nth-of-type(2){top:45px;right:-10px}.ug-orbit b:nth-of-type(3){bottom:20px;left:-15px}.ug-orbit small{font:8px monospace;letter-spacing:1px}.ug-banner,.ug-full{padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:#f6f1e4;margin:22px 0}.ug-banner strong{font-size:19px}.ug-banner p{font-size:13px;margin-bottom:0}.ug>section{margin-top:38px;scroll-margin-top:110px}.ug-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.ug h3{font-size:clamp(24px,3vw,33px);line-height:1.2;margin:10px 0 18px}.ug-date,.ug-note{font-size:12px;color:#667266}.ug-date{white-space:nowrap}.ug-filters,.ug-form-grid{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:12px;margin:24px 0;align-items:end}.ug-filters label,.ug-form-grid label{font-size:12px;font-weight:650;display:flex!important;flex-direction:column;gap:8px;margin:0!important}.ug input:not([type=checkbox]),.ug select{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important;width:100%;padding:12px;border-radius:10px;box-sizing:border-box}.ug .ug-check{flex-direction:row!important;align-items:center}.ug input[type=checkbox]{width:17px;height:17px;accent-color:#315e4c;flex-shrink:0}.ug .btn{background:#fffdf8;color:#345547;border:1px solid var(--line);border-radius:10px;padding:11px 16px;cursor:pointer;font-size:12px;text-decoration:none}.ug .btn--primary{background:#e4bf80;color:#253d30;border-color:#d5ae6d}.ug .btn:disabled{opacity:.45;cursor:not-allowed}.ug :focus-visible{outline:3px solid #6b8f7c;outline-offset:3px}.ug-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ug-card{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:0 8px 25px #314c3507}.ug-card h4{font-size:19px;margin:0;line-height:1.35}.ug-card .ug-other{font-size:11px;color:#7b8278;min-height:16px}.ug-card p{font-size:12px;margin:0}.ug-card .ug-rank{font:700 35px system-ui;color:#315c4b;display:flex;justify-content:space-between;align-items:end}.ug-rank small{font:12px system-ui;color:#7d806b}.ug-pill{font:700 10px system-ui;letter-spacing:.6px;padding:6px 9px;border:1px solid #dcd0b8;border-radius:50px;display:inline-block;width:max-content;max-width:100%;box-sizing:border-box;color:#806338;background:#f3edde}.ug-actions{display:flex;gap:8px;flex-wrap:wrap}.ug-card .ug-actions{margin-top:auto}.ug-card label{font-size:12px;display:flex;align-items:center;gap:8px;margin:0}.ug-compare{padding:26px;background:#e9eee7;border-radius:22px;border:1px solid #d5dfd2}.ug-compare .ug-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.ug-verify{padding:26px;border-radius:22px;border:1px solid #c8d5cb;background:#f4f8f3}.ug-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ug-checklist{display:grid;gap:10px}.ug-checklist label{display:flex;align-items:center;gap:10px;font-size:13px}.ug-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ug-source{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--paper)}.ug-source h4{font-size:18px}.ug-source p{font-size:12px}.ug-error{padding:18px;background:#fff0f2;border:2px solid #c52e48;color:#8b1330;border-radius:12px}.ug [hidden]{display:none!important}.ug-empty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #b5c4b5;border-radius:16px}.ug-card a{overflow-wrap:anywhere}.ug-card .ug-not-verified{color:#8b6132;background:#f5eddf;border-radius:7px;padding:8px;font-size:11px}@media(max-width:900px){.ug-grid,.ug-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ug-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ug-orbit{display:none}.ug-heading{align-items:start;flex-direction:column}.ug-date{white-space:normal}}@media(max-width:560px){.ug-grid,.ug-source-grid,.ug-form-grid{grid-template-columns:1fr}.ug-compare,.ug-verify{padding:18px}.ug-card{padding:18px}.ug-filters{grid-template-columns:1fr}.ug h2{letter-spacing:-1px}}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .ug{--paper:#e8ede4}}.jo-ranks{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:6px 0}.jo-ranks dt{font-size:12px;color:#536451;align-self:center}.jo-ranks dd{font:700 23px system-ui;color:#315c4b;margin:0;text-align:end}#joDirectory{scroll-margin-top:110px}