.kanji-official{width:min(1100px,calc(100% - 40px));margin:24px auto 64px;color:#293b37}.kanji-official nav{font-size:14px;line-height:1.8;margin-bottom:28px}.kanji-official nav a{text-decoration:underline;text-underline-offset:4px}.kanji-official-heading{display:flex;align-items:center;gap:32px;padding:40px;border-radius:24px;background:#fff5cf;margin-bottom:40px}.kanji-official-heading>div{flex:1;min-width:0}.kanji-official-heading h1{font-family:var(--font-brand-heading),sans-serif;font-size:36px;font-weight:700;line-height:1.6;margin:12px 0 20px}.kanji-official-heading p{font-size:16px;line-height:1.9;max-width:620px}.kanji-official-heading .kanji-official-eyebrow{font-size:14px;font-weight:700;color:#527663}.kanji-official-heading img{width:240px;height:280px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.kanji-official-heading--illustrated>div{flex:1 1 620px}.kanji-official-heading .kanji-official-grade-art{display:block;flex:none;width:300px;height:auto;aspect-ratio:3/2;-o-object-fit:contain;object-fit:contain;mix-blend-mode:normal}.kanji-official-heading>svg{flex-shrink:0;color:#527663}.kanji-official h2{font-family:var(--font-brand-heading),sans-serif;font-size:26px;font-weight:700;margin-bottom:24px}.kanji-official-grades,.kanji-official-sheets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0}.kanji-official-grades li{border-radius:18px;background:#e6f2e4}.kanji-official-grades [data-grade="2"]{background:#fff0c2}.kanji-official-grades [data-grade="3"]{background:#e1f1fa}.kanji-official-grades [data-grade="4"]{background:#fce0d5}.kanji-official-grades [data-grade="5"]{background:#e9e1f5}.kanji-official-grades [data-grade="6"]{background:#dff1eb}.kanji-official-grades a{display:block;padding:24px;border-radius:inherit;color:inherit;text-decoration:none}.kanji-official-grades .kanji-official-grade-card{position:relative;display:flex;flex-direction:column;min-height:238px;overflow:hidden}.kanji-official-grade-label{position:relative;z-index:1;white-space:nowrap}.kanji-official-grades .kanji-official-grade-card-art{position:absolute;right:14px;bottom:38px;width:170px;height:auto;aspect-ratio:3/2;-o-object-fit:contain;object-fit:contain;pointer-events:none}.kanji-official-grades strong{font-size:48px;padding:0 8px;line-height:1.4}.kanji-official-count{position:relative;z-index:1;display:block;margin-top:auto;font-size:14px}.kanji-official-grade-arrow{position:absolute;top:24px;right:24px}.kanji-official a:focus-visible{outline:3px solid #527663;outline-offset:4px}.kanji-official-grades a:hover,.kanji-official-sheets a:hover{box-shadow:inset 0 0 0 2px #527663}.kanji-official-create{display:flex;align-items:center;gap:20px;padding:28px;margin-top:40px;border:1px solid #d6e3dc;border-radius:16px;color:inherit;text-decoration:none}.kanji-official-create>span{flex:1}.kanji-official-create span span,.kanji-official-create strong{display:block;line-height:1.8}.kanji-official-count svg,.kanji-official-create svg{flex-shrink:0}.kanji-official-sheets{grid-template-columns:repeat(3,minmax(0,1fr))}.kanji-official-sheets a{display:flex;flex-direction:column;gap:12px;height:100%;padding:16px;border:1px solid #d6e3dc;border-radius:14px;color:inherit;text-decoration:none}.kanji-official-sheet-thumb{display:block;width:100%;height:auto;border:1px solid #d6e3dc;border-radius:6px;background:#fff}.kanji-official-thumb-stack{display:block}.kanji-official-thumb-front{position:relative;display:block}.kanji-official-thumb-layer{position:absolute;inset:0;border:1px solid #d6e3dc;border-radius:6px;background:#f9fafb}.kanji-official-thumb-front .kanji-official-sheet-thumb{position:relative}.kanji-official-sheet-count{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:rgb(17 24 39/90%);color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0/10%);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.kanji-official-sheet-text{display:flex;align-items:baseline;gap:12px}.kanji-official-seq{color:#527663;font-size:14px;flex-shrink:0}.kanji-official-sheets strong{flex:1;font-size:22px;overflow-wrap:anywhere}.kanji-official-sheets [data-kind=quiz] a,.kanji-official-sheets [data-kind=summary] a{background:#f6f9f4}.kanji-official-kind{flex-shrink:0;padding:2px 10px;border-radius:999px;background:#527663;color:#fffefa;font-size:13px;font-weight:700}.kanji-official-sheets [data-kind=summary] .kanji-official-kind{background:#8a4b2a}.kanji-official-sheets .kanji-official-range{flex:none;font-size:16px}@media(max-width:700px){.kanji-official-heading{padding:24px;gap:16px;flex-wrap:wrap}.kanji-official-heading h1{font-size:28px}.kanji-official-heading:not(.kanji-official-heading--grade)>div{flex-basis:100%}.kanji-official-heading img{width:180px;height:210px;margin:0 auto}.kanji-official-heading--grade>svg{display:none}.kanji-official-grades{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kanji-official-grades a{padding:20px 14px}.kanji-official-grades .kanji-official-grade-card{min-height:248px}.kanji-official-grades .kanji-official-grade-card-art{position:static;align-self:center;margin:auto 0}.kanji-official-grade-arrow{top:auto;right:14px;bottom:20px}.kanji-official-grades strong{font-size:36px;padding:0 4px}.kanji-official-count{font-size:12px}.kanji-official-sheets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kanji-official-sheets a{padding:10px;gap:8px}.kanji-official-sheet-text{flex-wrap:wrap;gap:4px 8px}.kanji-official-sheets strong{font-size:18px}.kanji-official-create{padding:20px;gap:12px}}@media(max-width:900px){.kanji-official-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.kanji-official-grades .kanji-official-grade-card-art{width:150px}.kanji-official-heading--illustrated{flex-direction:column;align-items:stretch}.kanji-official-heading--illustrated>div{flex:none}.kanji-official-heading .kanji-official-grade-art{width:min(100%,260px);margin:0 auto}}@media(max-width:700px){.kanji-official-grades .kanji-official-grade-card-art{width:min(100%,130px)}.kanji-official-heading--illustrated{gap:8px}.kanji-official-heading .kanji-official-grade-art{width:min(100%,230px)}}.kanji-official-total{display:block;margin-top:4px}.kanji-scope-switch{display:grid;gap:6px;margin:0 0 24px;font-size:14px;line-height:1.8;color:#293b37}.kanji-scope-switch p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0}.kanji-scope-switch span{color:#5d6f69;font-size:13px}.kanji-scope-switch a{text-decoration:none}.kanji-scope-switch a:hover,.kanji-scope-switch a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.kanji-scope-switch a[aria-current=page]{font-weight:700}.kanji-scope-switch a:focus-visible{outline:3px solid #527663;outline-offset:2px;border-radius:4px}.kanji-kanken-notice{margin-top:8px;font-size:12px;line-height:1.8;color:#5d6f69;overflow-wrap:anywhere}.kanji-kanken-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin-bottom:40px}.kanji-kanken-levels a{display:flex;flex-direction:column;gap:4px;height:100%;padding:20px 16px;border-radius:16px;background:#e6f2e4;color:inherit;text-decoration:none}.kanji-kanken-levels a:hover,.kanji-kanken-samples a:hover{box-shadow:inset 0 0 0 2px #527663}.kanji-kanken-levels strong{font-size:28px}.kanji-kanken-levels span{font-size:15px;color:#293b37}.kanji-kanken-levels small{font-size:12px;color:#5d6f69;line-height:1.6}.kanji-kanken-fields{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:15px}.kanji-kanken-fields td,.kanji-kanken-fields th{padding:10px 12px;border-bottom:1px solid #d6e3dc;text-align:left;vertical-align:top}.kanji-kanken-fields th{width:72px;font-weight:400;white-space:nowrap}.kanji-kanken-fields td{color:#5d6f69;line-height:1.6}.kanji-kanken-fields-note{margin-bottom:40px;font-size:13px;color:#5d6f69}.kanji-kanken-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin-bottom:40px}.kanji-kanken-samples a{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px;border:1px solid #d6e3dc;border-radius:14px;color:inherit;text-decoration:none}.kanji-kanken-samples strong{font-size:16px}.kanji-kanken-samples span{font-size:13px;color:#5d6f69;overflow-wrap:anywhere}@media(max-width:700px){.kanji-kanken-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kanji-kanken-levels a{padding:16px 12px}}