.public-reference{padding-block:32px 56px;min-width:0;max-width:1200px;color:var(--brand)}
.reference-breadcrumb,.reference-links{display:flex;flex-wrap:wrap;gap:12px;line-height:2;overflow-wrap:anywhere}
.reference-breadcrumb{font-size:14px;margin-bottom:24px}.reference-breadcrumb a,.reference-links a{color:var(--brand);text-decoration:underline;text-underline-offset:4px}
.reference-heading{margin-bottom:28px}.reference-heading h1{font-size:clamp(28px,4vw,44px);margin-block:8px 16px}.reference-heading p{line-height:2;max-width:80ch}
.public-reference h2{font-size:clamp(21px,2.6vw,28px);margin-block:0 18px}.public-reference section{margin-block:28px}
.reference-panel{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin-block:24px;min-width:0;overflow-wrap:anywhere}
.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;list-style:none;padding:0;margin-block:18px 28px}
.reference-grid li{min-width:0;border:1px solid var(--border);border-radius:var(--radius-card);overflow-wrap:anywhere;background:white}.reference-grid a{display:block;padding:18px;min-height:56px}.reference-grid a:hover{background:var(--surface)}.reference-grid span{display:block;font-size:14px;margin-top:6px}
.reference-grid h2{font-size:22px;margin-bottom:8px}.reference-grid p[lang=en]{text-align:start;font-size:14px}
.reference-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end}.reference-form label{display:grid;gap:8px;font-weight:600;min-width:0}.reference-form input,.reference-form select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--brand);min-height:48px;font:inherit}
.reference-form button{min-height:48px;justify-self:start}.reference-form>p{grid-column:1/-1;font-size:14px;line-height:2}
.reference-stamp{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:0}.reference-stamp div{min-width:0}.reference-stamp dt{font-size:14px}.reference-stamp dd{margin:8px 0 0;font-weight:600;text-align:start;overflow-wrap:anywhere}
.reference-note{font-size:14px;line-height:2;margin-block:24px;max-width:90ch}.reference-links{margin-block:24px}.reference-links a{display:inline-flex;min-height:44px;align-items:center}
#conversion-result output{font-size:clamp(24px,5vw,40px);font-weight:700;display:block;overflow-wrap:anywhere}
.reference-table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:8px;margin-block:20px}.reference-table-scroll table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}.reference-table-scroll caption{text-align:start;padding:16px;background:var(--surface);font-weight:600}.reference-table-scroll th,.reference-table-scroll td{padding:14px;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}.reference-table-scroll thead{background:var(--surface)}
.reference-chart{color:var(--brand);margin-inline:0}.reference-chart svg{display:block;width:100%;height:auto;max-height:260px;margin-block:16px}.reference-chart figcaption{font-size:14px;line-height:2}.reference-chart p{font-size:14px}
@media(max-width:767px){.reference-form{grid-template-columns:1fr}.reference-panel{padding:18px}.public-reference{padding-block:24px 40px}.reference-stamp{display:grid;gap:16px}.reference-form button{width:100%}}