/* 入力した名前が主役。既存記事の青・白と文字サイズを引き継ぐ。 */
.unicode-style{margin:24px 0;padding:22px;border:2px solid #79c6df;border-radius:16px;background:#f4fbff;color:#1d3a5f;scroll-margin-top:80px}
.unicode-style [hidden]{display:none!important}
.unicode-style h2{margin:0 0 8px!important;padding:0!important;border:0!important;font-size:2rem!important;line-height:1.5}
.unicode-style h2::before,.unicode-style h2::after{display:none!important}
.unicode-style .unicode-style__intro{margin:0 0 18px;font-size:1.5rem;line-height:1.7}
.unicode-style__input label{display:block;font-weight:700;font-size:1.5rem}
.unicode-style__input small{font-size:1.3rem;font-weight:400;margin-left:8px}
.unicode-style input{display:block;box-sizing:border-box;width:100%;min-width:0;margin:6px 0 16px;padding:12px;border:1px solid #859bab;border-radius:8px;background:#fff;color:#1d3a5f;font:inherit;font-size:18px;min-height:48px}
.unicode-style__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.unicode-style__row{min-width:0;padding:14px;background:#fff;border:1px solid #d5e5ef;border-radius:10px}
.unicode-style .unicode-style__row h3{font-size:1.4rem!important;font-weight:700;margin:0!important;padding:0!important;border:0!important;background:none!important}
.unicode-style__row h3::before,.unicode-style__row h3::after{display:none!important}
.unicode-style output{display:block;min-height:1.5em;margin:10px 0;font-family:system-ui,'Apple Symbols','Segoe UI Symbol',sans-serif;font-size:2.4rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;user-select:text}
.unicode-style button{min-height:44px;padding:8px 10px;border:1px solid #1677a3;border-radius:7px;background:#fff;color:#155c80;font:inherit;font-size:1.3rem;font-weight:700;cursor:pointer}
.unicode-style button:hover:not(:disabled){background:#e5f5fc}
.unicode-style button:disabled{opacity:.5;cursor:default}
.unicode-style :is(input,button):focus-visible{outline:3px solid #e78220;outline-offset:3px}
.unicode-style .unicode-style__status{min-height:1.7em;margin:10px 0 5px;font-size:1.4rem}
.unicode-style .unicode-style__note{margin:0;font-size:1.3rem;line-height:1.7;color:#526477}
@media(max-width:600px){.unicode-style{padding:16px}.unicode-style__results{grid-template-columns:1fr}.unicode-style output{font-size:2.2rem}}