.kb-page{max-width:1100px;margin:auto;padding:18px 16px 40px}.kb-page header h1{font-size:clamp(30px,4vw,48px);margin:0 0 8px}.kb-page header p{margin:0 0 16px}.kb-page button,.kb-page select,.kb-page summary,.kb-toggle{min-height:44px}.kb-page button{border:1px solid #819c98;border-radius:7px;background:#fff;color:#153d37;padding:7px 12px;cursor:pointer}.kb-page button:focus-visible,.kb-page select:focus-visible,.kb-page summary:focus-visible,.kb-page textarea:focus-visible{outline:3px solid #c7702a;outline-offset:3px}.kb-tool{background:#f0f7f4;border:1px solid #c0d4cd;border-radius:12px;padding:14px}.kb-tool>label{display:block;font-weight:700}.kb-tool textarea{width:100%;box-sizing:border-box;resize:vertical;font-size:24px;line-height:1.4;min-height:88px;padding:9px;background:#fff;border:1px solid #617f77;border-radius:7px}.kb-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;align-items:center}.kb-actions label{display:flex;align-items:center;gap:5px}.kb-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px}.kb-grid button{padding:3px;min-width:0;min-height:48px}.kb-grid span{display:block;font-size:23px;line-height:1.2}.kb-grid small{font-size:11px;line-height:1.1}.kb-extras{grid-template-columns:repeat(8,minmax(0,1fr))}.kb-more{margin-top:10px}.kb-more summary{display:flex;align-items:center;cursor:pointer}.kb-toggle{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.kb-toggle input{width:22px;height:22px}.kb-page #kb-status{min-height:22px;margin:5px 0 8px;font-size:14px}.kb-page #kb-help,.kb-credit{font-size:14px}.kb-next{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.kb-page section:not(.kb-tool){margin-top:28px}.kb-page h2{font-size:25px}.kb-table{overflow:auto}.kb-page table{border-collapse:collapse;width:100%;font-size:15px}.kb-page td,.kb-page th{border-bottom:1px solid #ccd8d3;text-align:left;padding:10px}.kb-page td:first-child{overflow-wrap:anywhere}.kb-page details:not(.kb-more){border-bottom:1px solid #bccdc5;padding:6px}.kb-page details p{margin:8px 0}.kb-page [hidden]{display:none!important}.kb-page [data-kb-suggestions] button{margin:0 8px 8px 0}.kb-credit{margin-top:28px;color:#425851}
@media(max-width:719px){.kb-page{padding:12px 12px 28px}.kb-tool{padding:10px}.kb-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.kb-grid button{min-height:44px}.kb-grid span{font-size:21px}.kb-actions{gap:4px}.kb-actions button{padding:6px 9px}.kb-page table{font-size:13px}.kb-page td,.kb-page th{padding:8px 5px}}
.kb-grid button{line-height:1.15}.kb-grid small{display:block}.kb-page .kb-actions{font-size:14px}.kb-page .kb-actions select{max-width:130px}.kb-page .kb-actions label{font-size:0}.kb-page .kb-actions label select{font-size:14px}body[data-route="/tools/hiragana-keyboard/"] #main{padding-top:8px}.kb-page header p{font-size:15px;line-height:1.5}.kb-page .kb-more{padding:8px;margin-bottom:8px}.kb-page #kb-status{line-height:1.4}.kb-page #kb-status:empty{display:none}
@media print{body header.site-header,body footer,.kb-actions,.kb-grid,.kb-toggle,.kb-more,.kb-next{display:none!important}.kb-page{max-width:none;padding:0}.kb-tool{background:#fff}.kb-tool textarea{height:auto;border:0}.kb-page details>p{display:block}.kb-page section{break-inside:avoid}}

.kb-editor>label{display:block;font-weight:700}.kb-editor{background:#f0f7f4}.kb-grid button{scroll-margin-top:300px}.kb-page [data-kb-suggestions] p{font-size:13px;line-height:1.35;margin:5px 0}@media(max-width:719px){.kb-editor{position:sticky;top:0;z-index:5;padding:4px 0;border-bottom:1px solid #c0d4cd}.kb-page .kb-editor #kb-status{margin:4px 0}}
@media(max-height:500px){.kb-page .kb-editor{position:static}.kb-page .kb-grid button{scroll-margin-top:8px}}
.kb-page .kb-editor.kb-editor-unpinned{position:static}