:root{--ink:#17212b;--muted:#607080;--navy:#16324f;--blue:#2563a9;--pale:#edf4fa;--line:#d8e2eb;--white:#fff;--danger:#a12626;--shadow:0 8px 28px rgba(15,35,55,.09)}
*{box-sizing:border-box}body{margin:0;background:#f7f9fb;color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}.hero{padding:42px 0 34px;color:#fff;background:linear-gradient(135deg,#102a43,#24639a)}.eyebrow{margin:0 0 6px;font-weight:800;letter-spacing:.16em;color:#bfe0ff}.hero h1{margin:0;font-size:clamp(2rem,6vw,3.6rem);line-height:1.08}.intro{max-width:700px;color:#e1effb}.picker{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:end;margin-top:24px}.picker label{font-size:.86rem;font-weight:700}.picker select,.picker input,.picker button{width:100%;min-height:50px;border:0;border-radius:12px;font:inherit}.picker select,.picker input{display:block;margin-top:6px;padding:0 14px;background:#fff;color:#182634}.picker select{padding-right:42px}.picker button{cursor:pointer;font-weight:800}.author-field{grid-column:1/4}.swap{width:50px!important;background:#dceeff;color:#164873;font-size:1.35rem}.submit{padding:0 22px;background:#f5bd3c;color:#241c08}.status{margin:28px 0;padding:16px 18px;border-radius:12px;background:var(--pale);border:1px solid #bdd5e8}.status.error{color:var(--danger);background:#fff0f0;border-color:#efbcbc}.results{display:grid;gap:16px;margin:28px 0}.summary{padding:20px;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.summary h2{margin:0 0 5px}.summary p{margin:0;color:var(--muted)}.card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.card h2{margin:0;padding:14px 18px;font-size:1.05rem;background:var(--pale);border-bottom:1px solid var(--line)}.number{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:50%;background:var(--navy);color:#fff;font-size:.8rem}.columns{display:grid;grid-template-columns:1fr 1fr}.country{padding:18px}.country+.country{border-left:1px solid var(--line)}.country h3{margin:0 0 8px;color:var(--blue);font-size:1rem}.country p{margin:0}.difference{grid-column:1/-1;margin:0;padding:12px 18px;background:#fffaf0;border-top:1px solid #f1dfae;color:#5f4b1c;font-size:.92rem}footer{padding:0 0 30px;color:var(--muted);font-size:.88rem}.loader{display:inline-block;width:18px;height:18px;margin-right:9px;border:3px solid #b5c9da;border-top-color:var(--blue);border-radius:50%;vertical-align:-4px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.result-actions{display:flex;justify-content:flex-end;margin:26px 0 -12px}.pdf-button{min-height:46px;padding:0 20px;border:0;border-radius:12px;background:#b3261e;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.pdf-button:disabled{opacity:.65;cursor:wait}.pdf-render-layer{position:fixed;inset:0;z-index:9998;overflow:auto;background:#fff}.pdf-document{position:static;width:760px;margin:0;padding:34px;background:#fff;color:#17212b;font-family:var(--pdf-font,Arial,sans-serif)}.pdf-document .pdf-header{padding:4px 2px;border-bottom:4px solid var(--navy)}.pdf-document .pdf-title{margin:0;color:var(--navy);font-size:27px;text-transform:var(--pdf-heading-transform);letter-spacing:var(--pdf-heading-spacing)}.pdf-document .pdf-meta{margin:5px 0 12px;color:#607080}.pdf-document .card{overflow:visible;margin:0 0 14px;border-radius:var(--pdf-radius);box-shadow:none}.pdf-document .card h2{text-transform:var(--pdf-heading-transform);letter-spacing:var(--pdf-heading-spacing)}.pdf-document .columns{display:grid!important;grid-template-columns:1fr 1fr!important}.pdf-document .country{padding:14px;font-size:13px}.pdf-document .country+.country{border-top:0!important;border-left:1px solid var(--line)!important}.pdf-document .difference{background:var(--pdf-difference);font-size:12px}.pdf-document .pdf-note{margin-top:8px;padding:8px;color:#607080;font-size:11px}
@media(max-width:760px){.hero{padding-top:28px}.picker{grid-template-columns:1fr}.picker label,.author-field{grid-column:1}.picker .swap{display:none}.submit{grid-column:1}.columns{grid-template-columns:1fr}.country+.country{border-left:0;border-top:1px solid var(--line)}.wrap{width:min(100% - 22px,1080px)}}
