.romaji-guide{width:calc(100% - 64px);max-width:1140px;color:var(--ink);margin:16px auto 72px}.rg-back{color:#526a70;align-items:center;gap:8px;min-height:28px;font-size:13px;display:inline-flex}.rg-header{border-bottom:1px solid var(--line);margin-bottom:20px;padding:4px 0 16px}.romaji-guide .rg-kicker{color:var(--teal-dark);letter-spacing:.06em;margin:0 0 8px;font-size:12px;font-weight:700}.rg-header h1{font:800 clamp(25px, 2.5vw, 32px)/1.55 var(--round);text-wrap:balance;margin:0 0 12px}.rg-header>p:last-child{color:#526a70;margin:0;font-size:15px;line-height:1.9}.rg-layout{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:54px;display:grid}.rg-index{position:sticky;top:24px}.rg-index p{color:#526a70;margin:0 0 12px;font-size:12px;line-height:2}.rg-index nav{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.rg-index a{align-items:center;gap:12px;min-height:45px;font-size:13px;font-weight:500;display:flex}.rg-index a span{color:#6b7e84;font:11px var(--mono)}.rg-main{min-width:0}.rg-main h2{font:700 23px/1.65 var(--round);text-wrap:pretty;margin:0 0 16px}.rg-main h3{font:700 18px/1.7 var(--round);text-wrap:pretty;margin:0 0 12px}.rg-main p,.rg-main dd{color:#465f66;font-size:15px;line-height:1.95}.rg-main p{margin:0 0 16px}.rg-main a:not(.primary-button):hover,.rg-back:hover{color:var(--teal-dark);text-underline-offset:4px;text-decoration:underline}.romaji-guide :is(button,a,input,summary,[tabindex]):focus-visible{outline-offset:4px;outline:3px solid #2a7773}.romaji-guide button{transition:background-color .15s,color .15s,border-color .15s}.romaji-guide button:disabled{cursor:default;opacity:.55}.romaji-guide code,.romaji-guide kbd{font-family:var(--mono);font-variant-ligatures:none}.rg-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rg-section-heading h2{margin:0}.rg-section-heading>svg{color:var(--teal);flex:none}.rg-topics{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.rg-topics button{color:#405d62;background:#edf2ee;border-radius:7px;min-height:42px;padding:8px 16px;font-size:14px;font-weight:500}.rg-topics button:hover{background:#dcebe4}.rg-topics button[aria-pressed=true]{background:var(--teal-dark);color:#fff}.rg-main .rg-topic-note{margin-bottom:10px;font-size:14px}.rg-sample-list{flex-wrap:wrap;gap:4px 12px;margin-bottom:12px;display:flex}.rg-sample-list button{background:0 0;border-bottom:2px solid #0000;min-height:36px;padding:5px 2px;font-size:14px}.rg-sample-list button:hover,.rg-sample-list button[aria-pressed=true]{color:var(--teal-dark);border-bottom-color:var(--teal-dark)}.rg-practice{background:#edf4ef;border:1px solid #d7e4db;border-radius:12px;padding:16px 24px 14px}.rg-practice:focus-within,.rg-practice.is-complete{border-color:#72a79a}.rg-practice-top{color:#526a60;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.rg-text-button{min-height:36px;color:var(--teal-dark);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:13px;display:inline-flex}.rg-text-button:hover{color:#163f3d;text-underline-offset:4px;text-decoration:underline}.rg-main .rg-reading{font:800 clamp(30px, 4vw, 40px)/1.5 var(--round);color:var(--ink);margin:2px 0 0}.rg-hint{font:22px/1.65 var(--mono);overflow-wrap:anywhere;margin:0 0 12px}.rg-hint span:first-child{color:#246b53}.rg-hint span:last-child{color:#687e72}.rg-practice label{margin-bottom:6px;font-size:12px;font-weight:500;display:block}.rg-practice input{color:#234a3f;width:100%;min-width:0;min-height:48px;font:20px/1.3 var(--mono);background:#fafcf9;border:1px solid #9cb9ad;border-radius:6px;padding:10px 14px;display:block}.rg-practice input::placeholder{color:#62766a;font:14px Noto Sans JP,sans-serif}.rg-practice input[aria-invalid=true]{border-color:#a34a35}.rg-next-keys{color:#315d4b;flex-wrap:wrap;align-items:center;gap:6px;min-height:39px;padding-top:8px;font-size:12px;display:flex}.rg-next-keys>span{margin-right:4px}.rg-next-keys kbd{text-align:center;background:#fafcf9;border:1px solid #b6cbbd;border-radius:4px;min-width:27px;padding:3px 6px;font-size:14px}.rg-main .rg-feedback{color:#3e6451;min-height:44px;margin:6px 0 0;font-size:13px;line-height:1.7}.rg-main .rg-feedback.is-error{color:#943b28}.rg-other-inputs{margin:14px 0}.rg-other-inputs summary{cursor:pointer;color:#345e55;min-height:32px;font-size:13px}.rg-other-inputs>div{margin:10px 0}.rg-main .rg-other-inputs p,.rg-main .rg-scope-note{color:#526a70;font-size:13px}.rg-section{border-top:1px solid var(--line);margin-top:58px;padding-top:30px}.rg-rule{margin-top:28px}.rg-rule+.rg-rule{border-top:1px solid var(--line);padding-top:26px}.rg-rule h3{align-items:baseline;gap:14px;display:flex}.rg-rule-number{color:var(--teal);font:13px var(--mono);flex:none}.rg-rule-examples{border-left:2px solid #bbd3c9;padding-left:18px}.rg-example{grid-template-columns:75px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:8px 0;display:grid}.rg-example strong{font-size:15px}.rg-example-keys{flex-wrap:wrap;gap:6px 12px;min-width:0;display:flex}.rg-example-keys code{color:#2b6454;overflow-wrap:anywhere;font-size:15px}.rg-search{margin:24px 0 16px}.rg-search label{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.rg-search>div{gap:8px;display:flex}.rg-search input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border:1px solid #aebfc0;border-radius:6px;padding:10px 12px;font-size:16px}.rg-search button{background:#edf2ee;border-radius:6px;flex:0 0 60px;min-height:44px;font-size:13px}.rg-search button:hover:not(:disabled){background:#dcebe4}.rg-chart-index{flex-wrap:wrap;gap:5px 18px;margin:12px 0 26px;display:flex}.rg-chart-index a{min-height:36px;color:var(--teal-dark);text-underline-offset:4px;align-items:center;font-size:13px;text-decoration:underline;display:inline-flex}.rg-main .rg-search-result{color:var(--teal-dark);font-size:13px}.rg-chart{margin:32px 0}.rg-main .rg-chart>p{margin-bottom:14px;font-size:14px}.rg-table-scroll{border:1px solid var(--line);border-radius:6px;width:100%;position:relative;overflow-x:auto}.rg-table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:620px}.rg-table-scroll th,.rg-table-scroll td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;padding:8px}.rg-table-scroll th:last-child,.rg-table-scroll td:last-child{border-right:0}.rg-table-scroll tr:last-child>*{border-bottom:0}.rg-table-scroll thead th{font:13px/1.6 var(--mono);color:#4c6761;background:#edf3f0}.rg-table-scroll th:first-child{width:81px}.rg-table-scroll tbody th{overflow-wrap:anywhere;background:#f3f6f3;font-size:12px;font-weight:500;line-height:1.8}.rg-kana-button{text-align:left;background:0 0;width:100%;min-height:45px;padding:0}.rg-kana-button span{font-size:19px;font-weight:700;line-height:1.6;display:block}.rg-kana-button code{color:#245d4f;font-size:16px;line-height:1.6;display:block}.rg-kana-button:hover span{color:var(--teal-dark);text-underline-offset:3px;text-decoration:underline}.rg-alt{flex-wrap:wrap;gap:3px 9px;padding-top:3px;display:flex}.rg-alt code{color:#4b6661;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.rg-cell-more summary{cursor:pointer;color:#46625e;padding-block:5px;font-size:11px}.rg-empty-cell{background:#f6f8f4}.rg-help>div{padding-block:18px}.rg-help>div+div{border-top:1px solid var(--line)}.rg-help dl{grid-template-columns:85px minmax(0,1fr);gap:14px 16px;margin:20px 0 0;display:grid}.rg-help dt{padding-top:3px;font-size:14px;font-weight:700}.rg-help dd{margin:0}.rg-help a{color:var(--teal-dark);text-underline-offset:3px;text-decoration:underline}.rg-next-step{background:#edf3ef;border-radius:10px;margin:38px 0 24px;padding:26px}.rg-next-step h2{font-size:20px}.rg-next-step .primary-button{min-height:46px;font-size:14px}.rg-main .rg-next-step p:last-child{margin-top:20px;margin-bottom:0;font-size:13px}.rg-next-step .new-tab-hint{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rg-next-step p a{color:var(--teal-dark);align-items:center;gap:4px;display:inline-flex}.rg-top-link{margin-top:18px}.romaji-guide .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rg-try,.rg-section,.rg-chart{scroll-margin-top:24px}@media (width<=950px){.rg-layout{grid-template-columns:minmax(0,1fr);gap:20px}.rg-index{position:static}.rg-index nav{flex-wrap:wrap;gap:4px 22px;margin:0;padding-bottom:12px;display:flex}.rg-index nav p,.rg-index>p{display:none}.rg-index a{min-height:36px}.rg-header{margin-bottom:12px}}@media (width<=600px){.romaji-guide{width:calc(100% - 32px);margin-top:14px}.rg-header{padding:14px 0 20px}.rg-header h1{font-size:25px;line-height:1.6}.rg-header>p:last-child{font-size:14px}.rg-index nav{gap:2px 18px}.rg-index a{gap:6px;font-size:12px}.rg-main h2{font-size:21px}.rg-main h3{font-size:17px}.rg-section-heading{align-items:flex-start}.rg-section-heading>svg{margin-top:7px}.rg-topics button{padding-inline:12px;font-size:13px}.rg-practice{padding:12px 16px}.rg-main .rg-reading{font-size:34px}.rg-hint{font-size:20px}.rg-section{margin-top:38px;padding-top:24px}.rg-rule-examples{padding-left:12px}.rg-example{grid-template-columns:58px minmax(0,1fr) 43px;gap:8px}.rg-example strong,.rg-example-keys code{font-size:14px}.rg-help dl{grid-template-columns:1fr;gap:5px}.rg-help dd{margin-bottom:12px}.rg-next-step{padding:20px 16px}.rg-next-step .primary-button{width:100%;padding-inline:10px;font-size:13px}.rg-chart:after{content:"表は横にスクロールできます";color:#526a70;margin-top:8px;font-size:12px;display:block}}@media (prefers-reduced-motion:reduce){.romaji-guide button{transition:none}}