/*
  PaperMod v8+
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2025 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-block-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238)}.dark{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51)}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{border-bottom:1px solid var(--primary)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.top-link:focus,#theme-toggle:focus{outline:0}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo,#menu{display:flex;margin:auto var(--gap)}.logo{flex-wrap:inherit}.logo a{font-size:24px;font-weight:700}.logo a img,.logo a svg{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}button#theme-toggle{font-size:26px;margin:auto 4px}body.dark #moon{vertical-align:middle;display:none}body:not(.dark) #sun{display:none}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:16px}#menu .active{font-weight:500;border-bottom:2px solid}.lang-switch li,.lang-switch ul,.logo-switches{display:inline-flex;margin:auto 4px}.lang-switch{display:flex;flex-wrap:inherit}.lang-switch a{margin:auto 3px;font-size:16px;font-weight:500}.logo-switches{flex-wrap:inherit}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{-webkit-line-clamp:unset}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s;border:1px solid var(--border)}.post-entry:active{transform:scale(.96)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);width:100%;height:auto}.entry-cover a{color:var(--secondary);box-shadow:0 1px 0 var(--primary)}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:2px;font-size:40px}.post-description{margin-top:10px;margin-bottom:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px;display:flex;flex-wrap:wrap;align-items:center}.post-meta .i18n_list li{display:inline-flex;list-style:none;margin:auto 3px;box-shadow:0 1px 0 var(--secondary)}.breadcrumbs a{font-size:16px}.post-content{color:var(--content)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a,.toc a:hover{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:line-through}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:var(--content-gap)}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:8px 5px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlight:not(table){margin:10px auto;background:var(--code-block-bg) !important;border-radius:var(--radius);direction:ltr}.post-content li>.highlight{margin-inline-end:0}.post-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.post-content .highlight pre{margin:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-inline-end:0 !important}.post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg) !important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.post-content iframe{max-width:100%}.post-content img{border-radius:4px;margin:1rem 0}.post-content img[src*="#center"]{margin:1rem auto}.post-content figure.align-center{text-align:center}.post-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.post-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.toc{margin:0 2px 40px;border:1px solid var(--border);background:var(--code-bg);border-radius:var(--radius);padding:.4em}.dark .toc{background:var(--entry)}.toc details summary{cursor:zoom-in;margin-inline-start:10px;user-select:none}.toc details[open] summary{cursor:zoom-out}.toc .details{display:inline;font-weight:500}.toc .inner{margin:5px 20px 0;padding:0 10px;opacity:.9}.toc li ul{margin-inline-start:var(--gap)}.toc summary:focus{outline:0}.post-footer{margin-top:56px}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:8px;font-weight:500;user-select:none}.paginav{display:flex;line-height:30px}.paginav a{padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--radius)}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:small;color:var(--secondary)}.paginav .prev,.paginav .next{width:50%}.paginav span:hover:not(.title){box-shadow:0 1px}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}img.in-text{display:inline;margin:auto}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:10px}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px}.button{background:var(--tertiary);border-radius:var(--radius);margin:8px;padding:6px;transition:transform .1s}.button-inner{padding:0 8px}.button:active{transform:scale(.96)}#searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}#searchbox input:focus{border-color:var(--secondary)}#searchResults li{list-style:none;border-radius:var(--radius);padding:10px;margin:10px 0;position:relative;font-weight:500}#searchResults{margin:10px 0;width:100%}#searchResults li:active{transition:transform .1s;transform:scale(.98)}#searchResults a{position:absolute;width:100%;height:100%;top:0;left:0;outline:none}#searchResults .focus{transform:scale(.98);border:2px solid var(--tertiary)}.terms-tags li{display:inline-block;margin:10px;font-weight:500}.terms-tags a{display:block;padding:3px 10px;background:var(--tertiary);border-radius:6px;transition:transform .1s}.terms-tags a:active{background:var(--tertiary);transform:scale(.96)}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset !important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}::-webkit-scrollbar-track{background:0 0}.list:not(.dark)::-webkit-scrollbar-track{background:var(--code-bg)}::-webkit-scrollbar-thumb{background:var(--tertiary);border:5px solid var(--theme);border-radius:var(--radius)}.list:not(.dark)::-webkit-scrollbar-thumb{border:5px solid var(--code-bg)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::-webkit-scrollbar:not(.highlighttable,.highlight table,.gist .highlight){background:var(--theme)}.post-content .highlighttable td .highlight pre code::-webkit-scrollbar{display:none}.post-content :not(table) ::-webkit-scrollbar-thumb{border:2px solid var(--code-block-bg);background:#717175}.post-content :not(table) ::-webkit-scrollbar-thumb:hover{background:#a3a3a5}.gist table::-webkit-scrollbar-thumb{border:2px solid #fff;background:#adadad}.gist table::-webkit-scrollbar-thumb:hover{background:#707070}.post-content table::-webkit-scrollbar-thumb{border-width:2px}@media screen and (min-width:768px){::-webkit-scrollbar{width:19px;height:11px}}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,#searchResults .focus,#searchResults li:active{transform:none}}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap}.breadcrumbs ol li{display:inline;white-space:nowrap}.breadcrumbs ol li:not(:last-child)::after{content:" » ";margin:0 .5em;color:var(--secondary)}.breadcrumbs ol li a{color:var(--secondary)}.post-content blockquote{position:relative;border-left-width:4px;padding-left:1.5em}.post-content blockquote:has(p:first-child>strong:first-child:contains("Note")),.post-content blockquote:has(p:first-child>strong:first-child:contains("INFO")),.post-content blockquote:has(p:first-child>strong:first-child:contains("ℹ️")){border-left-color:#3498db;background-color:#ebf5fb}.post-content blockquote:has(p:first-child>strong:first-child:contains("Tip")),.post-content blockquote:has(p:first-child>strong:first-child:contains("TIP")),.post-content blockquote:has(p:first-child>strong:first-child:contains("💡")){border-left-color:#27ae60;background-color:#eafaf1}.post-content blockquote:has(p:first-child>strong:first-child:contains("Warning")),.post-content blockquote:has(p:first-child>strong:first-child:contains("WARNING")),.post-content blockquote:has(p:first-child>strong:first-child:contains("⚠️")){border-left-color:#f39c12;background-color:#fef5e7}.post-content blockquote:has(p:first-child>strong:first-child:contains("Important")),.post-content blockquote:has(p:first-child>strong:first-child:contains("IMPORTANT")),.post-content blockquote:has(p:first-child>strong:first-child:contains("🚨")){border-left-color:#e74c3c;background-color:#fadbd8}.post-content blockquote:has(p:first-child>strong:first-child:contains("Caution")),.post-content blockquote:has(p:first-child>strong:first-child:contains("CAUTION")),.post-content blockquote:has(p:first-child>strong:first-child:contains("🔴")){border-left-color:#c0392b;background-color:#f9ebea}.post-content blockquote:has(p:first-child>strong:first-child:contains("Practice")),.post-content blockquote:has(p:first-child>strong:first-child:contains("Latihan")),.post-content blockquote:has(p:first-child>strong:first-child:contains("✍️")){border-left-color:#9b59b6;background-color:#f4ecf7}.callout{border-left:4px solid #e74c3c;background-color:#f8f9fa;padding:1em 1.5em;margin:1.5em 0;border-radius:0 4px 4px 0}.callout-info{border-left-color:#3498db;background-color:#ebf5fb}.callout-tip{border-left-color:#27ae60;background-color:#eafaf1}.callout-warning{border-left-color:#f39c12;background-color:#fef5e7}.callout-important{border-left-color:#e74c3c;background-color:#fadbd8}.callout-practice{border-left-color:#9b59b6;background-color:#f4ecf7}.callout strong:first-child::before,.post-content blockquote strong:first-child::before{margin-right:.5em}.comments-box{margin:40px auto;width:100%;max-width:var(--keigo-width,800px);padding:0}.comments-box iframe{width:100%}.main:has(.donasi-pop-single){max-width:min(1120px,calc(100vw - 2rem))}.donasi-pop-single{--dp-coral:#e86a63;--dp-coral-deep:#c24e47;--dp-amber:#f2ad4c;--dp-amber-deep:#dc8f29;--dp-cream:#fff9f3;--dp-cream-2:#fff1e8;--dp-border:#f2d5bf;--dp-ink:#2f3142;--dp-muted:#666173}.donasi-pop-single__header{position:relative;overflow:hidden;padding:1.2rem;border:2px solid var(--dp-border);border-radius:24px;background:linear-gradient(150deg,#fffaf5 0%,var(--dp-cream-2) 50%,#fffefe 100%);box-shadow:0 14px 30px rgba(194,78,71,.14)}.donasi-pop-single__header::before{content:"";position:absolute;right:-58px;top:-58px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,173,76,.3) 0%,rgba(242,173,76,0) 72%)}.donasi-pop-single__header::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 20%,rgba(255,255,255,.85) 0 22px,transparent 22px),radial-gradient(circle at 84% 34%,rgba(255,255,255,.65) 0 14px,transparent 14px),repeating-linear-gradient(130deg,rgba(232,106,99,7%),rgba(232,106,99,7%) 2px,transparent 2px,transparent 20px)}.donasi-pop-single__header>*{position:relative;z-index:1}.donasi-pop-single__eyebrow{display:inline-flex;align-items:center;margin:0;padding:.22rem .62rem;border-radius:999px;border:1px solid #efceb7;background:#fff;color:var(--dp-coral-deep);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.donasi-pop-single .post-title{margin-top:.62rem;color:#402b32;font-size:clamp(1.6rem,2.9vw,2.38rem);line-height:1.14;letter-spacing:-.01em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.donasi-pop-single__description{margin-top:.74rem;margin-bottom:.74rem;color:#684f56;font-size:.97rem;line-height:1.56}.donasi-pop-single__meta{color:#746b73;font-size:.86rem}.donasi-pop-single .post-content.donasi-pop-single__content{max-width:100% !important;width:100% !important;margin:0 !important;font-size:17px !important;line-height:1.72 !important;color:var(--dp-ink) !important;background:#fff;border:1px solid #f0d7c5;border-radius:18px;padding:clamp(1rem,2.4vw,1.45rem);box-shadow:0 10px 24px rgba(194,78,71,8%)}.donasi-pop-single .post-content.donasi-pop-single__content>:last-child{margin-bottom:0}.donasi-pop-single .post-content.donasi-pop-single__content h2{color:#7b3f38;font-family:fredoka,noto sans jp,sans-serif;font-size:1.35em}.donasi-pop-single .post-content.donasi-pop-single__content h3{color:#8a4e43;font-family:fredoka,noto sans jp,sans-serif}.donasi-pop-single .post-content.donasi-pop-single__content p{color:#344154}.donasi-pop-single .post-content.donasi-pop-single__content a{border-bottom:none}.donasi-pop-single .post-content.donasi-pop-single__content>div{position:relative;overflow:hidden;margin-bottom:1rem !important;border:2px solid #f0d6c4 !important;border-radius:20px !important;background:linear-gradient(150deg,#fffdfb 0%,#fff5ee 100%) !important;box-shadow:0 9px 20px rgba(194,78,71,8%)}.donasi-pop-single .post-content.donasi-pop-single__content>div::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 94% 12%,rgba(242,173,76,.14) 0 44px,transparent 44px)}.donasi-pop-single .post-content.donasi-pop-single__content>div>*{position:relative;z-index:1}.donasi-pop-single .post-content.donasi-pop-single__content .grid>div{border:1px solid #f1d7c5;border-radius:16px;background:#fffdfb;box-shadow:0 6px 14px rgba(194,78,71,8%);transition:transform .16s ease,box-shadow .16s ease}.donasi-pop-single .post-content.donasi-pop-single__content .grid>div:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(194,78,71,.12)}.donasi-pop-single .post-content.donasi-pop-single__content a[href*="karyakarsa.com/jepang/support"]{border:1px solid transparent !important;border-radius:999px !important;background:linear-gradient(135deg,var(--dp-coral) 0%,var(--dp-coral-deep) 100%) !important;color:#fff !important;box-shadow:0 10px 18px rgba(194,78,71,.24)}.donasi-pop-single .post-content.donasi-pop-single__content a[href*="karyakarsa.com/jepang/support"]:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(194,78,71,.28)}.donasi-pop-single .post-content.donasi-pop-single__content iframe{border:0}.donasi-pop-single .post-footer{margin-top:1.4rem}.donasi-pop-single .post-tags a{border:1px solid #efd3c2;background:#fff8f2;color:#8f4b45}.donasi-pop-single .post-tags a:hover{background:#fef1e7;border-color:#e7c5b0}@media(max-width:820px){.main:has(.donasi-pop-single){max-width:100%}.donasi-pop-single__header{border-radius:18px}.donasi-pop-single .post-content.donasi-pop-single__content{font-size:16px !important;padding:.92rem}}.dark .donasi-pop-single__header{border-color:#6a4e53;background:linear-gradient(150deg,#2a2629 0%,#3a2f33 52%,#2f2b2f 100%);box-shadow:0 14px 28px rgba(0,0,0,.35)}.dark .donasi-pop-single__eyebrow,.dark .donasi-pop-single .post-content.donasi-pop-single__content,.dark .donasi-pop-single .post-content.donasi-pop-single__content>div,.dark .donasi-pop-single .post-content.donasi-pop-single__content .grid>div,.dark .donasi-pop-single .post-tags a{background:#2f2d33 !important;border-color:#6f545a !important}.dark .donasi-pop-single .post-title,.dark .donasi-pop-single .post-content.donasi-pop-single__content h2,.dark .donasi-pop-single .post-content.donasi-pop-single__content h3,.dark .donasi-pop-single__eyebrow,.dark .donasi-pop-single .post-tags a{color:#ffdfe2 !important}.dark .donasi-pop-single__description,.dark .donasi-pop-single__meta,.dark .donasi-pop-single .post-content.donasi-pop-single__content p{color:#d3d9e1 !important}.dark .donasi-pop-single .post-content.donasi-pop-single__content>div{box-shadow:0 10px 20px rgba(0,0,0,.28)}.post-content ruby{font-size:1.2em;font-weight:500;display:ruby;margin:0 .1em}.post-content rt{font-size:.6em;line-height:1;color:#666;font-weight:400}.post-content div[style*="text-align: center"]{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);padding:1.5em;margin:1.5em 0;border-radius:8px;border:1px solid #e1e4e8;box-shadow:0 2px 8px rgba(0,0,0,5%)}.post-content div[style*="font-size: 18pt"],.post-content div[style*="font-size: 24px"]{font-size:2em !important;line-height:2;font-weight:500;letter-spacing:.05em}.post-content div[style*="text-align: center"] span[style*="font-size: 1rem"],.post-content div[style*="text-align: center"] span[style*="font-size: 11pt"],.post-content div[style*="text-align: center"] span[style*="font-size: 14pt"]{display:block;margin-top:.75em;font-size:1.1em !important;opacity:.8}.post-content details{background-color:#f8f9fa;border:1px solid #e1e4e8;border-radius:6px;padding:0;margin:1.5em 0;box-shadow:0 1px 3px rgba(0,0,0,5%)}.post-content summary{padding:1em 1.5em;cursor:pointer;font-weight:600;color:#2c3e50;user-select:none;border-radius:6px;transition:background-color .2s ease}.post-content summary:hover{background-color:#e8eaed}.post-content details[open] summary{border-bottom:1px solid #e1e4e8;margin-bottom:1em;background-color:#e74c3c;color:#fff}.post-content details>*:not(summary){padding:0 1.5em 1em}.post-content span[style*=color]{font-weight:500}.post-content span[style*=color]{padding:.1em .2em;border-radius:2px}.post-content ruby+ruby{margin-left:.2em}.example-card{background:#fff;padding:.75rem;margin:.75rem 0;border-radius:.5rem;border:1px solid #e7e5e4;box-shadow:0 1px 2px rgba(0,0,0,5%);transition:border-color .2s ease}.example-card:hover{border-color:#dbeafe}.example-card h3{margin-top:0 !important;margin-bottom:.25rem !important;font-size:.95rem;font-weight:600;color:#6b7280;border-bottom:1px solid #f3f4f6;padding-bottom:.25rem}.example-card p{margin:0 !important;line-height:1.5;font-size:1rem}.example-card strong{display:block;margin-top:.25rem;color:#1f2937;font-weight:600}.main:has(.jlpt-hub){max-width:min(1180px,calc(100vw - 2rem))}.jlpt-hub{--jlpt-green:#1fb77f;--jlpt-green-deep:#0d9668;--jlpt-orange:#ff8a27;--jlpt-orange-deep:#ea6e00;--jlpt-yellow:#ffe39a;--jlpt-ink:#15384f;--jlpt-muted:#47677d;--jlpt-soft:#f3fff8;--jlpt-soft-2:#e8fbf0;--jlpt-border:#bde8ce;display:grid;gap:1.5rem;margin-bottom:3rem;font-family:noto sans jp,hiragino kaku gothic pro,yu gothic,sans-serif}.jlpt-hub__hero{position:relative;overflow:hidden;border-radius:24px;border:2px solid #9ce1bb;background:linear-gradient(145deg,#ecfff5 0%,#e1faec 45%,#f8fff8 100%);box-shadow:0 14px 30px rgba(13,150,104,.17)}.jlpt-hub__hero::before{content:"";position:absolute;right:-56px;top:-56px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,39,.72) 0%,rgba(255,138,39,0) 70%)}.jlpt-hub__hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.9) 0 24px,transparent 24px),radial-gradient(circle at 85% 34%,rgba(255,255,255,.7) 0 15px,transparent 15px),repeating-linear-gradient(135deg,rgba(31,183,127,8%),rgba(31,183,127,8%) 2px,transparent 2px,transparent 22px);pointer-events:none}.jlpt-hub__hero-inner{position:relative;z-index:1;padding:clamp(1.2rem,2.2vw,2rem)}.jlpt-hub .breadcrumbs{margin-bottom:.45rem}.jlpt-hub__eyebrow{display:inline-flex;align-items:center;gap:.44rem;margin:0;padding:.24rem .62rem;border-radius:999px;border:1px solid #9cdab8;background:#fff;color:#0f7a54;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.jlpt-hub__title{margin:.62rem 0 0;color:#0d3c57;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.14;letter-spacing:-.01em;font-family:"baloo 2",noto sans jp,sans-serif;font-weight:700}.jlpt-hub__lead{max-width:70ch;margin:.84rem 0 0;color:#18506d;font-size:.97rem;line-height:1.55}.jlpt-hub__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.56rem;margin-top:.9rem}.jlpt-hub__stats span{margin:0;padding:.52rem .64rem;border:1px solid #b7e7cc;border-radius:11px;background:rgba(255,255,255,.92);color:var(--jlpt-muted);text-align:center;font-size:.81rem}.jlpt-hub__stats strong{color:#0b7f57}.jlpt-hub__actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.jlpt-hub__btn{display:inline-flex;align-items:center;justify-content:center;padding:.56rem .92rem;border-radius:999px;border:1px solid #9ad8b7;background:#fff;color:#0f6548;text-decoration:none;font-size:.88rem;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.jlpt-hub__btn:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 8px 16px rgba(13,150,104,.18)}.jlpt-hub__btn--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--jlpt-green) 0%,var(--jlpt-green-deep) 100%)}.jlpt-hub__btn-icon{margin-right:.34rem;font-size:.98rem;line-height:1}.jlpt-hub__mission{list-style:none;margin:.85rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.52rem}.jlpt-hub__mission li{margin:0;padding:.52rem .66rem;border-radius:10px;border:1px dashed #9fddbc;background:rgba(255,255,255,.77);color:#1d5c78;font-size:.82rem;line-height:1.35}.jlpt-hub__level-nav{padding:0;border:0;background:0 0}.jlpt-hub__level-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.54rem}.jlpt-hub__level-chip{display:inline-flex;align-items:center;justify-content:center;gap:.46rem;padding:.58rem .68rem;border-radius:12px;border:2px solid #a7deb9;background:#fff;color:#13553b;text-decoration:none;font-size:.85rem;font-weight:800;transition:transform .15s ease,border-color .15s ease}.jlpt-hub__level-chip:hover{transform:translateY(-2px);border-color:var(--jlpt-green)}.jlpt-hub__level-chip-icon{font-size:.95rem;line-height:1}.jlpt-hub__level-chip-text{line-height:1}.jlpt-hub__section-head h2{margin:0;color:#113f5c;font-size:clamp(1.25rem,2.2vw,1.62rem);font-family:"baloo 2",noto sans jp,sans-serif;font-weight:700}.jlpt-hub__section-head p{margin:.28rem 0 0;color:#456379;font-size:.9rem}.jlpt-hub__level-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.8rem;margin-top:.72rem}.jlpt-level{border-radius:16px;border:2px solid var(--jlpt-border);background:#fff;overflow:hidden}.jlpt-level__summary{list-style:none;cursor:pointer;position:relative;padding:.9rem .95rem .78rem;background:linear-gradient(145deg,#f4fff9 0%,#e8fbf0 100%);border-bottom:1px dashed #a6ddb9}.jlpt-level__summary::-webkit-details-marker{display:none}.jlpt-level__summary::after{content:"▸";position:absolute;right:.86rem;top:.86rem;color:#0f7a54;font-size:.95rem;font-weight:800}.jlpt-level[open] .jlpt-level__summary::after{content:"▾"}.jlpt-level__badge{display:inline-block;margin:0;padding:.22rem .58rem;border-radius:999px;background:#ffe4be;color:#7b4307;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.jlpt-level__summary h3{margin:.54rem 0 .16rem;color:#0f4362;font-size:1rem;line-height:1.25;display:flex;align-items:center;gap:.36rem;font-family:"baloo 2",noto sans jp,sans-serif;font-weight:700}.jlpt-level__title-mark{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.08rem .36rem;border-radius:999px;border:1px solid #9ddcb9;background:#fff;color:#0a7d56;font-size:.8rem;font-weight:800}.jlpt-level__summary p{margin:0;color:#3f6680;font-size:.83rem;line-height:1.35}.jlpt-level__metrics{margin-top:.52rem;display:flex;flex-wrap:wrap;gap:.3rem}.jlpt-level__metrics span{padding:.18rem .46rem;border-radius:999px;border:1px solid #b6e6ca;background:#fff;color:#2f5d76;font-size:.71rem;font-weight:600}.jlpt-level__body{padding:.72rem;display:grid;gap:.72rem}.jlpt-level__quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.45rem}.jlpt-level__quick-card{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .56rem;border-radius:10px;border:1px solid #a7deb9;background:#f7fff9;color:#0f6145;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .14s ease,border-color .14s ease}.jlpt-level__quick-card:hover{transform:translateY(-1px);border-color:var(--jlpt-green)}.jlpt-level__quick-card--alt{border-color:#f5cba2;background:#fff8f1;color:#8f4900}.jlpt-level__recent h4{margin:0;color:#0d4c6e;font-size:.86rem;letter-spacing:.01em}.jlpt-level__recent-list{margin-top:.4rem;display:grid;gap:.34rem}.jlpt-level__recent-link{display:grid;grid-template-columns:1.15rem minmax(0,1fr);gap:.42rem;align-items:center;padding:.4rem .46rem;border-radius:9px;border:1px solid transparent;color:#184f70;text-decoration:none;font-size:.79rem;line-height:1.32}.jlpt-level__recent-link:hover{border-color:#9fd8b7;background:#f4fef8}.jlpt-hub__latest{border-radius:15px;border:2px solid #bbe7cd;background:linear-gradient(165deg,#fffdf8 0%,#f8fff9 100%);padding:.9rem}.jlpt-hub__latest-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.62rem}.jlpt-latest-card{border-radius:11px;border:1px solid #b9e5cb;background:#fff;padding:.64rem}.jlpt-latest-card h3{margin:0;font-size:.9rem;line-height:1.32}.jlpt-latest-card h3 a{color:#0f4565;text-decoration:none}.jlpt-latest-card h3 a:hover{color:#0a8a5f}.jlpt-latest-card footer{margin-top:.46rem;padding-top:.44rem;border-top:1px dashed #d0ebdd;color:#5a778d;font-size:.71rem;display:flex;justify-content:space-between;gap:.3rem}.jlpt-hub__full-guide{border-radius:12px;border:1px solid #c9ebd7;background:#fff}.jlpt-hub__full-guide summary{cursor:pointer;list-style:none;padding:.82rem .9rem;color:#125273;font-size:.87rem;font-weight:700}.jlpt-hub__full-guide summary::-webkit-details-marker{display:none}.jlpt-hub__full-guide summary::before{content:"▸";margin-right:.4rem;color:var(--jlpt-orange-deep)}.jlpt-hub__full-guide[open] summary::before{content:"▾"}.jlpt-hub__full-guide-content{max-width:100%;padding:0 .9rem .95rem}@media(max-width:820px){.main:has(.jlpt-hub){max-width:100%}.jlpt-hub__hero{border-radius:18px}.jlpt-hub__stats{grid-template-columns:1fr 1fr}.jlpt-hub__actions{flex-direction:column;align-items:stretch}.jlpt-hub__btn{width:100%}.jlpt-hub__mission{grid-template-columns:1fr}}@media(max-width:560px){.jlpt-hub__stats,.jlpt-hub__level-nav-grid,.jlpt-hub__level-list,.jlpt-level__quick-grid,.jlpt-hub__latest-grid{grid-template-columns:1fr}}.dark .jlpt-hub{--jlpt-ink:#edf8ff;--jlpt-muted:#bdd5e7;--jlpt-soft:#213139;--jlpt-soft-2:#2a3a45;--jlpt-border:#476677}.dark .jlpt-hub__hero{border-color:#486978;background:linear-gradient(155deg,#1f3038 0%,#26434e 45%,#2e3338 100%);box-shadow:0 14px 28px rgba(3,13,20,.4)}.dark .jlpt-hub__title,.dark .jlpt-hub__section-head h2,.dark .jlpt-level__summary h3,.dark .jlpt-latest-card h3 a,.dark .jlpt-hub__full-guide summary{color:#eaf6ff}.dark .jlpt-hub__lead,.dark .jlpt-hub__section-head p,.dark .jlpt-hub__stats span,.dark .jlpt-hub__mission li,.dark .jlpt-level__summary p,.dark .jlpt-level__metrics span,.dark .jlpt-level__recent-link,.dark .jlpt-latest-card footer{color:#c2d8e8}.dark .jlpt-hub__level-chip,.dark .jlpt-level,.dark .jlpt-hub__latest,.dark .jlpt-latest-card,.dark .jlpt-hub__full-guide,.dark .jlpt-level__quick-card,.dark .jlpt-level__recent-link{background:#243643;border-color:#4d6f82}.dark .jlpt-level__summary,.dark .jlpt-level__recent-link:hover{background:#2a4050}.dark .jlpt-hub__btn,.dark .jlpt-hub__level-chip,.dark .jlpt-latest-card h3 a,.dark .jlpt-level__quick-card,.dark .jlpt-level__title-mark{color:#dff1ff}.dark .jlpt-hub__btn{background:#2a3e4b;border-color:#5b7f90}.dark .jlpt-hub__btn--primary{background:linear-gradient(135deg,#1fb77f 0%,#0d9668 100%);border-color:transparent;color:#fff}.dark .jlpt-level__quick-card--alt{background:#45372d;border-color:#7d6650;color:#ffdcb3}.jlpt-hub .post-content.jlpt-hub__full-guide-content{max-width:100% !important;width:100% !important;margin:0 !important;font-size:17px !important;line-height:1.72 !important;color:#2a3f35 !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.4em !important;margin-bottom:.54em !important;padding:.52em .76em !important;border-radius:13px !important;border:1px solid #cbe4d6 !important;background:linear-gradient(150deg,#f8fdf9 0%,#e9f6ef 100%) !important;color:#2b6f53 !important;font-size:1.3em !important;font-family:fredoka,noto sans jp,sans-serif !important;font-weight:700 !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em !important;height:.62em !important;top:.7em !important;left:.7em !important;border-radius:50% !important;background:#33a276 !important;box-shadow:0 0 0 4px rgba(51,162,118,.18) !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content h3{color:#2c7557 !important;font-size:1.1em !important;margin-top:1.15em !important;margin-bottom:.4em !important;padding-left:.4em !important;border-left:3px solid #87c6aa !important;font-family:fredoka,noto sans jp,sans-serif !important;font-weight:700 !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content h4{color:#356e57 !important;font-size:1.02em !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content p{color:#2a3f35 !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content a{color:#1f7f5b !important;border-bottom:none !important}.jlpt-hub .post-content.jlpt-hub__full-guide-content blockquote{border-left:4px solid #46ab83 !important;border-radius:0 10px 10px 0 !important;background:linear-gradient(145deg,#f7fcf9 0%,#edf7f2 100%) !important;color:#375247 !important}.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content{color:#d5d9e4 !important}.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content p,.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content blockquote{color:#c8cada !important}.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content details,.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content table,.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content pre{background:#243643 !important;border-color:#4d6f82 !important}.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content h3,.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content h4,.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content summary,.dark .jlpt-hub .post-content.jlpt-hub__full-guide-content a{color:#dff1ff !important}.main:has(.jlpt-pop-list){max-width:min(1040px,calc(100vw - 2rem))}.main:has(.jlpt-pop-single){max-width:min(1040px,calc(100vw - 2rem))}.jlpt-pop-list,.jlpt-pop-single{--jp-green:#2f9e73;--jp-green-deep:#1f7f5b;--jp-green-soft:#eef9f3;--jp-green-soft-2:#def1e7;--jp-border:#c6e2d3;--jp-ink:#223a2e;--jp-muted:#4f6a5d;--jp-link:#1f7f5b;--jp-link-hover:#176148}.jlpt-pop-list .post-content,.jlpt-pop-single .post-content{max-width:100%;font-size:17px;line-height:1.72;color:#253a30;background:#fff;border:1px solid #d7e8df;border-radius:16px;padding:clamp(1rem,2.2vw,1.45rem);box-shadow:0 10px 24px rgba(31,127,91,8%)}.jlpt-pop-list .post-content>:last-child,.jlpt-pop-single .post-content>:last-child{margin-bottom:0}.jlpt-pop-list .post-content p,.jlpt-pop-single .post-content p{color:#2a3f35}.jlpt-pop-list .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.jlpt-pop-list .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.jlpt-pop-list .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.jlpt-pop-list .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol,.jlpt-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.jlpt-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.jlpt-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.jlpt-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol{background:0 0;border:0;border-radius:0;box-shadow:none;padding:0}.jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+p),.jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ul),.jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ol),.jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+p),.jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ul),.jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ol){margin-bottom:.2em}.jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.45em;margin-bottom:.55em;padding:.54em .78em;border-radius:13px;border:1px solid #cbe4d6;background:linear-gradient(150deg,#f8fdf9 0%,#e9f6ef 100%);color:#2b6f53;font-size:1.3em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before,.jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em;height:.62em;top:.7em;left:.7em;border-radius:50%;background:#33a276;box-shadow:0 0 0 4px rgba(51,162,118,.18)}.jlpt-pop-list .post-content h3,.jlpt-pop-single .post-content h3{color:#2c7557;font-size:1.12em;margin-top:1.18em;margin-bottom:.42em;padding-left:.4em;border-left:3px solid #87c6aa;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.jlpt-pop-list .post-content h4,.jlpt-pop-single .post-content h4{color:#356e57;font-size:1.03em}.jlpt-pop-list .post-content a,.jlpt-pop-single .post-content a{color:var(--jp-link);text-decoration-color:rgba(31,127,91,.5);border-bottom:none}.jlpt-pop-list .post-content a:hover,.jlpt-pop-single .post-content a:hover{color:var(--jp-link-hover);text-decoration-color:rgba(23,97,72,.72)}.jlpt-pop-list .post-content blockquote,.jlpt-pop-single .post-content blockquote{margin:1.05em 0;padding:.9em 1em .9em 1.15em;border-left:4px solid #46ab83;border-radius:0 10px 10px 0;background:linear-gradient(145deg,#f7fcf9 0%,#edf7f2 100%);color:#375247}.jlpt-pop-list .post-content hr,.jlpt-pop-single .post-content hr{background:linear-gradient(90deg,transparent 0%,#4db78c 50%,transparent 100%);height:2px;margin:2em 0}.jlpt-pop-list .post-content code,.jlpt-pop-single .post-content code{background:#edf7f2;color:#287554;border-radius:4px}.jlpt-pop-list .post-content pre,.jlpt-pop-single .post-content pre{border-radius:10px;border:1px solid #cde5d8;background:#f8fcfa}.jlpt-pop-list .post-content pre code,.jlpt-pop-single .post-content pre code{color:#3e4742;background:0 0}.jlpt-pop-list .post-content table,.jlpt-pop-single .post-content table{border:1px solid #cfe6da;border-radius:10px;overflow:hidden}.jlpt-pop-list .post-content thead th,.jlpt-pop-single .post-content thead th{background:#35986f;color:#f7fffb}.jlpt-pop-list .post-content tbody tr:nth-child(even),.jlpt-pop-single .post-content tbody tr:nth-child(even){background:#f5fbf7}.jlpt-pop-list .post-content details,.jlpt-pop-single .post-content details{border:1px solid #cce4d7;border-radius:10px;background:#fff}.jlpt-pop-list .post-content summary,.jlpt-pop-single .post-content summary{color:#2b7255;font-weight:700}.jlpt-pop-list .post-content details[open] summary,.jlpt-pop-single .post-content details[open] summary{background:#379a71;color:#fff;border-bottom-color:#cce4d7}.jlpt-pop-list{display:grid;gap:1.2rem;margin-bottom:3rem}.jlpt-pop-list__header{position:relative;overflow:hidden;width:100%;max-width:100%;justify-self:stretch;margin:0;padding:1.2rem;border:2px solid #c5e3d2;border-radius:24px;background:linear-gradient(150deg,#f6fdf9 0%,#eaf6ef 45%,#fcfffd 100%);box-shadow:0 14px 28px rgba(31,127,91,.14)}.jlpt-pop-list__header::before{content:"";position:absolute;right:-58px;top:-58px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(47,158,115,.22) 0%,rgba(47,158,115,0) 72%)}.jlpt-pop-list__header::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.85) 0 22px,transparent 22px),radial-gradient(circle at 84% 35%,rgba(255,255,255,.65) 0 14px,transparent 14px),repeating-linear-gradient(130deg,rgba(47,158,115,6%),rgba(47,158,115,6%) 2px,transparent 2px,transparent 20px)}.jlpt-pop-list__header>*{position:relative;z-index:1}.jlpt-pop-list__eyebrow{display:inline-flex;align-items:center;margin:0;padding:.22rem .62rem;border-radius:999px;border:1px solid #bfe0cf;background:#fff;color:#1f7958;font-size:.77rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.jlpt-pop-list .page-header h1{margin-top:.62rem;margin-bottom:.36rem;color:#244535;font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.15;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.jlpt-pop-list .page-header .post-description{margin:.65rem 0 0;color:#4a6558;font-size:.95rem;font-style:normal;line-height:1.55}.jlpt-pop-list__quicklinks{display:flex;flex-wrap:wrap;gap:.46rem;margin-top:.78rem}.jlpt-pop-list__quicklinks a{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .76rem;border-radius:999px;border:1px solid #c5e2d3;background:#fff;color:#2a7658;text-decoration:none;font-size:.8rem;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.jlpt-pop-list__quicklinks a:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(31,127,91,.14)}.jlpt-pop-list__content{margin:0}.jlpt-pop-list__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem}.jlpt-pop-list .post-entry{position:relative;margin:0;border:2px solid #cde5d8;border-radius:16px;background:linear-gradient(150deg,#ffffff 0%,#f2faf5 100%);box-shadow:0 10px 20px rgba(31,127,91,.1);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.jlpt-pop-list .post-entry:hover{transform:translateY(-3px);border-color:#8fc8ac;box-shadow:0 14px 26px rgba(31,127,91,.14)}.jlpt-pop-list .entry-cover{margin:0;border-radius:14px 14px 0 0;overflow:hidden}.jlpt-pop-list .entry-cover img{border-radius:14px 14px 0 0}.jlpt-pop-list .entry-header,.jlpt-pop-list .entry-content,.jlpt-pop-list .entry-footer{padding-left:.95rem;padding-right:.95rem}.jlpt-pop-list .entry-header{padding-top:.9rem;padding-bottom:.35rem}.jlpt-pop-list .entry-header h2{color:#244537;font-size:1.08rem;line-height:1.35;font-weight:700;font-family:fredoka,noto sans jp,sans-serif}.jlpt-pop-list .entry-content{padding-bottom:.55rem}.jlpt-pop-list .entry-content p{color:#4a6358;font-size:.93rem;line-height:1.56}.jlpt-pop-list .entry-footer{padding-top:.5rem;padding-bottom:.88rem;border-top:1px dashed #d7eadf;color:#5f7a6d;font-size:.82rem}.jlpt-pop-list .entry-link{border-radius:16px}.jlpt-pop-list__pagination .pagination{gap:.48rem}.jlpt-pop-list__pagination .prev,.jlpt-pop-list__pagination .next,.jlpt-pop-list__pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.45rem .78rem;border-radius:999px;border:1px solid #c7e2d2;background:#f7fcf9;color:#2c7155;text-decoration:none;font-size:.82rem;font-weight:700}.jlpt-pop-list__pagination .page-link.active{border-color:#2f9e73;background:#2f9e73;color:#fff}.jlpt-pop-single{margin-bottom:3rem}.jlpt-pop-single__header{position:relative;overflow:hidden;padding:1.2rem;border:2px solid var(--jp-border);border-radius:24px;background:linear-gradient(150deg,#f7fdfa 0%,var(--jp-green-soft) 48%,#fcfffd 100%);box-shadow:0 14px 28px rgba(31,127,91,.14)}.jlpt-pop-single__header::before{content:"";position:absolute;right:-56px;top:-56px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(47,158,115,.24) 0%,rgba(47,158,115,0) 72%)}.jlpt-pop-single__header::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.85) 0 22px,transparent 22px),radial-gradient(circle at 84% 35%,rgba(255,255,255,.65) 0 14px,transparent 14px),repeating-linear-gradient(130deg,rgba(47,158,115,6%),rgba(47,158,115,6%) 2px,transparent 2px,transparent 20px)}.jlpt-pop-single__header>*{position:relative;z-index:1}.jlpt-pop-single__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.22rem .62rem;border-radius:999px;border:1px solid #c5e1d1;background:#fff;color:var(--jp-green-deep);font-size:.77rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.jlpt-pop-single .post-title{margin-top:.6rem;color:#244537;font-size:clamp(1.55rem,2.8vw,2.35rem);line-height:1.14;letter-spacing:-.01em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.jlpt-pop-single__description{margin-top:.72rem;margin-bottom:.75rem;color:#4a6558;font-size:.97rem;line-height:1.55}.jlpt-pop-single__meta{color:#60746a;font-size:.86rem}.jlpt-pop-single__quicklinks{display:flex;flex-wrap:wrap;gap:.46rem;margin-top:.82rem}.jlpt-pop-single__quicklinks a{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .76rem;border-radius:999px;border:1px solid #c4e0d0;background:#fff;color:#2a7457;text-decoration:none;font-size:.8rem;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.jlpt-pop-single__quicklinks a:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(31,127,91,.14)}.jlpt-pop-single .post-footer{margin-top:1.4rem}.jlpt-pop-single .post-footer .paginav{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1rem !important;background:0 0 !important;border:0 !important;padding:0 !important;margin-top:1.2rem !important}.jlpt-pop-single .post-footer .paginav a{position:relative;overflow:hidden;display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;min-height:128px !important;padding:1rem 1.1rem !important;border-radius:16px !important;border:2px solid #c7e3d3 !important;background:linear-gradient(145deg,#f9fdfa 0%,#edf7f1 100%) !important;box-shadow:0 8px 18px rgba(31,127,91,.12) !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important}.jlpt-pop-single .post-footer .paginav a::after{content:"";position:absolute;left:.8rem;right:.8rem;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#2f9e73 0%,#66c59d 100%);opacity:.95}.jlpt-pop-single .post-footer .paginav a:hover{transform:translateY(-3px) !important;border-color:#8dc9ad !important;box-shadow:0 12px 24px rgba(31,127,91,.17) !important}.jlpt-pop-single .post-footer .paginav .title{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.48rem;padding:.2rem .56rem;border-radius:999px;border:1px solid #c5e0d1;background:#fff;color:#2b7356 !important;font-size:.72rem !important;letter-spacing:.06em !important;text-transform:uppercase;font-weight:800}.jlpt-pop-single .post-footer .paginav a>span:not(.title){color:#2a3f34;font-size:1.03rem;line-height:1.38;font-weight:700}.jlpt-pop-single .post-footer .paginav .next{align-items:flex-end;text-align:right}.jlpt-pop-single .post-tags a{border:1px solid #cce4d7;background:#f7fcf9;color:#2f7358}.jlpt-pop-single .post-tags a:hover{background:#edf7f2;border-color:#9dceb5}.jlpt-pop-list .table-controls-container,.jlpt-pop-single .table-controls-container{margin-bottom:.28rem;padding:.5rem .62rem;border:1px solid #d4e6dc;border-radius:10px;background:linear-gradient(150deg,#f9fdfb 0%,#f1f8f4 100%);box-shadow:none}.jlpt-pop-list .table-search-container,.jlpt-pop-single .table-search-container{gap:.5rem;margin-bottom:0;padding:0;background:0 0;border:0;border-radius:0}.jlpt-pop-list .table-search-input,.jlpt-pop-single .table-search-input{padding:.48rem .72rem;font-size:.93rem;border-width:1px}.jlpt-pop-list .table-search-count,.jlpt-pop-single .table-search-count{font-size:.8rem}.jlpt-pop-list .table-pagination,.jlpt-pop-single .table-pagination{margin-top:.34rem;padding-top:.34rem;border-top:1px solid #d8e9e0}.jlpt-pop-list .pagination-row,.jlpt-pop-single .pagination-row{gap:.46rem;padding:0;background:0 0;border:0;border-radius:0}.jlpt-pop-list .rows-per-page,.jlpt-pop-single .rows-per-page{gap:.35rem}.jlpt-pop-list .rows-select,.jlpt-pop-single .rows-select{padding:.24rem .45rem;border-width:1px;border-color:#d0e1d8;border-radius:4px}.jlpt-pop-list .pagination-btn,.jlpt-pop-single .pagination-btn{padding:.24rem .42rem;min-width:1.68rem;border-width:1px;border-color:#d0e1d8;border-radius:4px;font-size:.84rem}.jlpt-pop-list .pagination-arrow,.jlpt-pop-single .pagination-arrow{padding:.24rem .56rem;font-size:1rem}.jlpt-pop-list .table-page-info,.jlpt-pop-single .table-page-info{margin-top:.22rem;padding:.36rem .5rem;background:0 0;border:0;border-radius:0;font-size:.8rem}.jlpt-pop-list .large-table-wrapper{margin:.42rem 0 .24rem;border-radius:10px;box-shadow:none}.jlpt-pop-single .large-table-wrapper{margin:.42rem 0 .24rem;border-radius:10px;box-shadow:none}.jlpt-pop-list .large-table-wrapper th,.jlpt-pop-single .large-table-wrapper th{padding:.62em .8em}.jlpt-pop-list .large-table-wrapper td,.jlpt-pop-single .large-table-wrapper td{padding:.46em .66em}.jlpt-pop-list .large-table-wrapper td:first-child,.jlpt-pop-single .large-table-wrapper td:first-child{font-size:1.14em;min-width:60px}@media(max-width:820px){.main:has(.jlpt-pop-list),.main:has(.jlpt-pop-single){max-width:100%}.jlpt-pop-list__header,.jlpt-pop-single__header{border-radius:18px}.jlpt-pop-list .page-header h1,.jlpt-pop-single .post-title{font-size:clamp(1.35rem,5vw,1.9rem)}.jlpt-pop-list__quicklinks,.jlpt-pop-single__quicklinks{flex-direction:column;align-items:stretch}.jlpt-pop-list__quicklinks a,.jlpt-pop-single__quicklinks a{width:100%}.jlpt-pop-list__grid{grid-template-columns:1fr}.jlpt-pop-single .post-content,.jlpt-pop-list .post-content{font-size:16px;line-height:1.7}.jlpt-pop-single .post-footer .paginav{grid-template-columns:1fr !important}.jlpt-pop-single .post-footer .paginav .next{align-items:flex-start;text-align:left}.jlpt-pop-list .table-search-container,.jlpt-pop-single .table-search-container{padding:0;margin-bottom:0}.jlpt-pop-list .pagination-row,.jlpt-pop-single .pagination-row{padding:0;gap:.42rem}.jlpt-pop-list .large-table-wrapper th,.jlpt-pop-single .large-table-wrapper th{padding:.52em .66em}.jlpt-pop-list .large-table-wrapper td,.jlpt-pop-single .large-table-wrapper td{padding:.44em .58em}.jlpt-pop-list .large-table-wrapper td:first-child,.jlpt-pop-single .large-table-wrapper td:first-child{font-size:1.06em;min-width:52px}.jlpt-pop-list .table-controls-container,.jlpt-pop-single .table-controls-container{padding:.42rem .5rem}.jlpt-pop-list .table-search-input,.jlpt-pop-single .table-search-input{padding:.42rem .6rem;font-size:.88rem}}.dark .jlpt-pop-list,.dark .jlpt-pop-single{--jp-ink:#e7efe9;--jp-muted:#becbc3;--jp-link:#86d4af;--jp-link-hover:#a6e9c9}.dark .jlpt-pop-list__header,.dark .jlpt-pop-single__header{border-color:#4e7562;background:linear-gradient(150deg,#232c27 0%,#2a3730 55%,#24312b 100%);box-shadow:0 14px 28px rgba(0,0,0,.35)}.dark .jlpt-pop-list__eyebrow,.dark .jlpt-pop-list__quicklinks a,.dark .jlpt-pop-single__eyebrow,.dark .jlpt-pop-single__quicklinks a,.dark .jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .jlpt-pop-list .post-content details,.dark .jlpt-pop-single .post-content details,.dark .jlpt-pop-list .post-entry,.dark .jlpt-pop-single .post-tags a,.dark .jlpt-pop-list .post-content pre,.dark .jlpt-pop-single .post-content pre,.dark .jlpt-pop-list .post-content table,.dark .jlpt-pop-single .post-content table{background:#2a3530;border-color:#507763}.dark .jlpt-pop-list .page-header h1,.dark .jlpt-pop-single .post-title,.dark .jlpt-pop-list .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .jlpt-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .jlpt-pop-list .post-content h3,.dark .jlpt-pop-single .post-content h3,.dark .jlpt-pop-list .post-content h4,.dark .jlpt-pop-single .post-content h4,.dark .jlpt-pop-list .post-content summary,.dark .jlpt-pop-single .post-content summary,.dark .jlpt-pop-list__eyebrow,.dark .jlpt-pop-list__quicklinks a,.dark .jlpt-pop-single__eyebrow,.dark .jlpt-pop-single__quicklinks a,.dark .jlpt-pop-list .entry-header h2,.dark .jlpt-pop-single .post-tags a{color:#ddf8ea}.dark .jlpt-pop-list .page-header .post-description,.dark .jlpt-pop-single__description,.dark .jlpt-pop-single__meta,.dark .jlpt-pop-list .entry-content p,.dark .jlpt-pop-list .entry-footer,.dark .jlpt-pop-list .post-content,.dark .jlpt-pop-single .post-content,.dark .jlpt-pop-list .post-content blockquote,.dark .jlpt-pop-single .post-content blockquote{color:#cfdad4}.dark .jlpt-pop-list .post-content,.dark .jlpt-pop-single .post-content{background:#232f29;border-color:#4f7562;box-shadow:0 10px 24px rgba(0,0,0,.34)}.dark .jlpt-pop-list .post-content p,.dark .jlpt-pop-single .post-content p{color:#dce5e1}.dark .jlpt-pop-list .post-content blockquote,.dark .jlpt-pop-single .post-content blockquote{background:linear-gradient(145deg,#2b3530 0%,#33403a 100%);border-left-color:#58b88e}.dark .jlpt-pop-list .post-content hr,.dark .jlpt-pop-single .post-content hr{background:linear-gradient(90deg,transparent 0%,#58b88e 50%,transparent 100%)}.dark .jlpt-pop-list .post-content details[open] summary,.dark .jlpt-pop-single .post-content details[open] summary{background:#3e8d69}.dark .jlpt-pop-list .post-content code,.dark .jlpt-pop-single .post-content code{background:#34453d;color:#a9f0ce}.dark .jlpt-pop-list .post-content thead th,.dark .jlpt-pop-single .post-content thead th{background:#3d8a68}.dark .jlpt-pop-list .post-content tbody tr:nth-child(even),.dark .jlpt-pop-single .post-content tbody tr:nth-child(even){background:#2e3a34}.dark .jlpt-pop-list .entry-footer{border-top-color:#4f7562}.dark .jlpt-pop-list .table-controls-container,.dark .jlpt-pop-single .table-controls-container{background:linear-gradient(150deg,#2a3530 0%,#2f3c35 100%);border-color:#547b68}.dark .jlpt-pop-list .table-pagination,.dark .jlpt-pop-single .table-pagination{border-top-color:#4e6f5f}.dark .jlpt-pop-list .table-search-input,.dark .jlpt-pop-single .table-search-input,.dark .jlpt-pop-list .rows-select,.dark .jlpt-pop-single .rows-select,.dark .jlpt-pop-list .pagination-btn,.dark .jlpt-pop-single .pagination-btn{border-color:#557b68;background:#2d3933;color:#d9eee3}.dark .jlpt-pop-list .table-page-info,.dark .jlpt-pop-single .table-page-info{color:#bfd1c8}.dark .jlpt-pop-list__pagination .prev,.dark .jlpt-pop-list__pagination .next,.dark .jlpt-pop-list__pagination .page-link{background:#2a3530;border-color:#4f7562;color:#d6f4e4}.dark .jlpt-pop-list__pagination .page-link.active{background:#3f946f;border-color:#3f946f;color:#fff}.dark .jlpt-pop-single .post-footer .paginav a{border-color:#557e69 !important;background:linear-gradient(145deg,#2b3530 0%,#33413a 100%) !important;box-shadow:0 10px 20px rgba(0,0,0,.32) !important}.dark .jlpt-pop-single .post-footer .paginav a::after{background:linear-gradient(90deg,#5bb98f 0%,#88d9b4 100%)}.dark .jlpt-pop-single .post-footer .paginav .title{border-color:#557e69;background:#35423b;color:#dbf8ea !important}.dark .jlpt-pop-single .post-footer .paginav a>span:not(.title){color:#e1ece6}.main:has(.keigo-pop-hub){max-width:min(1120px,calc(100vw - 2rem))}.main:has(.keigo-pop-single){max-width:min(1040px,calc(100vw - 2rem))}.keigo-pop-hub,.keigo-pop-single{--kp-plum:#a34a66;--kp-plum-deep:#7d334a;--kp-soft:#fff7f9;--kp-soft-2:#f6e8ee;--kp-border:#e4c7d2;--kp-ink:#2e3341;--kp-muted:#5e5a6b;--kp-link:#8b3952;--kp-link-hover:#6b293f;--kp-accent:#efbe82}.keigo-pop-hub{display:grid;gap:1.2rem;margin-bottom:3rem}.keigo-pop-hub__hero{position:relative;overflow:hidden;border:2px solid var(--kp-border);border-radius:24px;background:linear-gradient(150deg,#fff6f9 0%,var(--kp-soft-2) 44%,#fffdfd 100%);box-shadow:0 14px 30px rgba(125,51,74,.15)}.keigo-pop-hub__hero::before{content:"";position:absolute;top:-56px;right:-56px;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle,rgba(163,74,102,.24) 0%,rgba(163,74,102,0) 70%)}.keigo-pop-hub__hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.88) 0 22px,transparent 22px),radial-gradient(circle at 82% 38%,rgba(255,255,255,.64) 0 14px,transparent 14px),repeating-linear-gradient(130deg,rgba(163,74,102,8%),rgba(163,74,102,8%) 2px,transparent 2px,transparent 21px)}.keigo-pop-hub__hero-inner{position:relative;z-index:1;padding:clamp(1.1rem,2.2vw,1.8rem)}.keigo-pop-hub .breadcrumbs{margin-bottom:.45rem}.keigo-pop-hub__eyebrow{display:inline-flex;align-items:center;margin:0;padding:.22rem .62rem;border-radius:999px;border:1px solid #dfbdc9;background:#fff;color:var(--kp-plum-deep);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.keigo-pop-hub__title{margin:.62rem 0 0;color:#3d2630;font-size:clamp(1.75rem,3.2vw,2.65rem);line-height:1.13;letter-spacing:-.01em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-hub__lead{max-width:68ch;margin:.82rem 0 0;color:#624c57;font-size:.96rem;line-height:1.56}.keigo-pop-hub__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.56rem;margin:.95rem 0 0}.keigo-pop-hub__stats span{margin:0;padding:.5rem .64rem;border:1px solid #dfc2cd;border-radius:12px;background:rgba(255,255,255,.9);color:#665d70;text-align:center;font-size:.81rem}.keigo-pop-hub__stats strong{color:#7e334b}.keigo-pop-hub__actions{display:flex;flex-wrap:wrap;gap:.54rem;margin-top:.9rem}.keigo-pop-hub__btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.56rem .92rem;border-radius:999px;border:1px solid #ddb9c6;background:#fff;color:#7b334a;text-decoration:none;font-size:.84rem;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.keigo-pop-hub__btn:hover{transform:translateY(-1px);box-shadow:0 8px 15px rgba(125,51,74,.14)}.keigo-pop-hub__btn--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--kp-plum) 0%,var(--kp-plum-deep) 100%)}.keigo-pop-hub__mission{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.52rem}.keigo-pop-hub__mission li{margin:0;padding:.52rem .66rem;border:1px dashed #ddbcc8;border-radius:11px;background:rgba(255,255,255,.72);color:#645669;font-size:.83rem;line-height:1.34}.keigo-pop-hub__catalog{border:2px solid var(--kp-border);border-radius:16px;background:linear-gradient(160deg,#ffffff 0%,#fbf4f7 100%);padding:.95rem}.keigo-pop-hub__section-head h2{margin:0;color:#472c38;font-size:clamp(1.25rem,2.25vw,1.62rem);font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-hub__section-head p{margin:.3rem 0 0;color:#6a5962;font-size:.9rem}.keigo-pop-hub__card-grid{margin-top:.74rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.65rem}.keigo-pop-card{border:1px solid #ddc0cb;border-radius:13px;background:#fff;padding:.7rem}.keigo-pop-card h3{margin:0;font-size:.92rem;line-height:1.3}.keigo-pop-card h3 a{color:#4b2d38;text-decoration:none}.keigo-pop-card h3 a:hover{color:#8b3952}.keigo-pop-card p{margin:.44rem 0 0;color:#6e6570;font-size:.79rem;line-height:1.45}.keigo-pop-card footer{margin-top:.48rem;padding-top:.44rem;border-top:1px dashed #e5ccd5;color:#756b76;font-size:.72rem;display:flex;justify-content:space-between;gap:.3rem}.keigo-pop-hub__all-links{margin-top:.76rem;border:1px solid #ddc0cb;border-radius:12px;background:#fff}.keigo-pop-hub__all-links summary{cursor:pointer;list-style:none;padding:.74rem .82rem;color:#4f2f3c;font-size:.88rem;font-weight:800}.keigo-pop-hub__all-links summary::-webkit-details-marker{display:none}.keigo-pop-hub__all-links summary::before{content:"▸";margin-right:.4rem;color:var(--kp-plum)}.keigo-pop-hub__all-links[open] summary::before{content:"▾"}.keigo-pop-hub__all-links-grid{border-top:1px dashed #e8d2d9;padding:.74rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.42rem}.keigo-pop-hub__all-link{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.52rem;align-items:center;padding:.44rem .52rem;border-radius:9px;border:1px solid transparent;color:#5a3a48;text-decoration:none;font-size:.82rem}.keigo-pop-hub__all-link:hover{border-color:#dcbbc7;background:#fff8fa}.keigo-pop-hub__all-link span:first-child{width:1.25rem;height:1.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f9eef2;border:1px solid #e0c2cd;color:#7e354d;font-size:.69rem;font-weight:700}.keigo-pop-hub__full-guide{border:1px solid #ddc2cc;border-radius:12px;background:#fff}.keigo-pop-hub__full-guide summary{cursor:pointer;list-style:none;padding:.84rem .9rem;color:#4d2d3a;font-size:.89rem;font-weight:700}.keigo-pop-hub__full-guide summary::-webkit-details-marker{display:none}.keigo-pop-hub__full-guide summary::before{content:"▸";margin-right:.42rem;color:var(--kp-plum)}.keigo-pop-hub__full-guide[open] summary::before{content:"▾"}.keigo-pop-hub__full-guide-content{max-width:100%;padding:0 .9rem 1rem}.keigo-pop-hub .post-content{color:#3f3f4d}.keigo-pop-hub__full-guide-content{max-width:100%;font-size:17px;line-height:1.72;color:#303746}.keigo-pop-hub__full-guide-content>:last-child{margin-bottom:0}.keigo-pop-hub__full-guide-content p{color:#374050}.keigo-pop-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.4em;margin-bottom:.54em;padding:.52em .76em;border-radius:13px;border:1px solid #e1c5cf;background:linear-gradient(150deg,#fff8fa 0%,#f8ebf0 100%);color:#7a344b;font-size:1.3em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em;height:.62em;top:.7em;left:.7em;border-radius:50%;background:#be5d79;box-shadow:0 0 0 4px rgba(190,93,121,.18)}.keigo-pop-hub__full-guide-content h3{color:#7c3a50;font-size:1.1em;margin-top:1.15em;margin-bottom:.4em;padding-left:.4em;border-left:3px solid #d59aac;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-hub__full-guide-content h4{color:#6f4452;font-size:1.02em}.keigo-pop-hub__full-guide-content a{color:var(--kp-link);text-decoration-color:rgba(139,57,82,.52);border-bottom:none}.keigo-pop-hub__full-guide-content a:hover{color:var(--kp-link-hover);text-decoration-color:rgba(107,41,63,.72)}.keigo-pop-hub__full-guide-content blockquote{margin:1.05em 0;padding:.9em 1em .9em 1.18em;border-left:4px solid #bf6780;border-radius:0 10px 10px 0;background:linear-gradient(145deg,#fff8fa 0%,#f8edf1 100%);color:#4d3f47}.keigo-pop-hub__full-guide-content hr{background:linear-gradient(90deg,transparent 0%,#c77892 50%,transparent 100%);height:2px;margin:1.9em 0}.keigo-pop-hub__full-guide-content code{background:#f9eef2;color:#8b3e57;border-radius:4px}.keigo-pop-hub__full-guide-content pre{border-radius:10px;border:1px solid #e2c9d2;background:#fef9fb}.keigo-pop-hub__full-guide-content pre code{color:#3f434b;background:0 0}.keigo-pop-hub__full-guide-content table{border:1px solid #e0c4ce;border-radius:10px;overflow:hidden}.keigo-pop-hub__full-guide-content thead th{background:#a34a66;color:#fff8fb}.keigo-pop-hub__full-guide-content tbody tr:nth-child(even){background:#fdf5f8}.keigo-pop-hub__full-guide-content details{border:1px solid #e0c4ce;border-radius:10px;background:#fff}.keigo-pop-hub__full-guide-content summary{color:#7d344c;font-weight:700}.keigo-pop-hub__full-guide-content details[open] summary{background:#a34a66;color:#fff;border-bottom-color:#e0c4ce}.keigo-pop-hub__full-guide-content ruby{font-size:1em;margin:0 .03em}.keigo-pop-hub__full-guide-content rt{font-size:.5em;color:#8a7480}.keigo-pop-single{margin-bottom:3rem}.keigo-pop-single__header{position:relative;overflow:hidden;padding:1.18rem;border:2px solid var(--kp-border);border-radius:24px;background:linear-gradient(150deg,#fff7fa 0%,var(--kp-soft-2) 48%,#fffefe 100%);box-shadow:0 14px 28px rgba(125,51,74,.14)}.keigo-pop-single__header::before{content:"";position:absolute;right:-56px;top:-56px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(163,74,102,.24) 0%,rgba(163,74,102,0) 72%)}.keigo-pop-single__header::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.85) 0 22px,transparent 22px),radial-gradient(circle at 84% 35%,rgba(255,255,255,.65) 0 14px,transparent 14px),repeating-linear-gradient(130deg,rgba(163,74,102,6%),rgba(163,74,102,6%) 2px,transparent 2px,transparent 20px)}.keigo-pop-single__header>*{position:relative;z-index:1}.keigo-pop-single__eyebrow{display:inline-flex;align-items:center;margin:0;padding:.22rem .62rem;border-radius:999px;border:1px solid #ddbec9;background:#fff;color:var(--kp-plum-deep);font-size:.77rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.keigo-pop-single__category{display:inline-flex;align-items:center;gap:.34rem;margin:.55rem 0 0;padding:.24rem .6rem;border-radius:999px;border:1px solid #ddbeca;background:#fff;color:#734154;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.keigo-pop-single__category span{font-family:noto sans jp,sans-serif;font-size:.78rem;letter-spacing:0}.keigo-pop-single .post-title{margin-top:.62rem;color:#3f2832;font-size:clamp(1.58rem,2.85vw,2.36rem);line-height:1.14;letter-spacing:-.01em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-single__description{margin-top:.72rem;margin-bottom:.74rem;color:#624f58;font-size:.97rem;line-height:1.56}.keigo-pop-single__meta{color:#6c6673;font-size:.86rem}.keigo-pop-single__quicklinks{display:flex;flex-wrap:wrap;gap:.46rem;margin-top:.82rem}.keigo-pop-single__quicklinks a{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .76rem;border-radius:999px;border:1px solid #ddbcc8;background:#fff;color:#7b3a50;text-decoration:none;font-size:.8rem;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.keigo-pop-single__quicklinks a:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(125,51,74,.14)}.keigo-pop-single .post-content{max-width:100%;font-size:17px;line-height:1.73;color:#303746;background:#fff;border:1px solid #e8d1d9;border-radius:16px;padding:clamp(1rem,2.2vw,1.5rem);box-shadow:0 10px 24px rgba(125,51,74,8%)}.keigo-pop-single .post-content>:last-child{margin-bottom:0}.keigo-pop-single .post-content p{color:#374050}.keigo-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.keigo-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.keigo-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.keigo-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol{background:0 0;border:0;border-radius:0;box-shadow:none;padding:0}.keigo-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+p),.keigo-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ul),.keigo-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ol){margin-bottom:.2em}.keigo-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.45em;margin-bottom:.56em;padding:.54em .78em;border-radius:13px;border:1px solid #e1c5cf;background:linear-gradient(150deg,#fff8fa 0%,#f8ebf0 100%);color:#7a344b;font-size:1.33em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em;height:.62em;top:.7em;left:.7em;border-radius:50%;background:#be5d79;box-shadow:0 0 0 4px rgba(190,93,121,.18)}.keigo-pop-single .post-content h3{color:#7c3a50;font-size:1.12em;margin-top:1.2em;margin-bottom:.42em;padding-left:.4em;border-left:3px solid #d59aac;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.keigo-pop-single .post-content h4{color:#6f4452;font-size:1.03em}.keigo-pop-single .post-content a{color:var(--kp-link);text-decoration-color:rgba(139,57,82,.52);border-bottom:none}.keigo-pop-single .post-content a:hover{color:var(--kp-link-hover);text-decoration-color:rgba(107,41,63,.72)}.keigo-pop-single .post-content blockquote{margin:1.05em 0;padding:.9em 1em .9em 1.18em;border-left:4px solid #bf6780;border-radius:0 10px 10px 0;background:linear-gradient(145deg,#fff8fa 0%,#f8edf1 100%);color:#4d3f47}.keigo-pop-single .post-content hr{background:linear-gradient(90deg,transparent 0%,#c77892 50%,transparent 100%);height:2px;margin:2.02em 0}.keigo-pop-single .post-content code{background:#f9eef2;color:#8b3e57;border-radius:4px}.keigo-pop-single .post-content pre{border-radius:10px;border:1px solid #e2c9d2;background:#fef9fb}.keigo-pop-single .post-content pre code{color:#3f434b;background:0 0}.keigo-pop-single .post-content table{border:1px solid #e0c4ce;border-radius:10px;overflow:hidden}.keigo-pop-single .post-content thead th{background:#a34a66;color:#fff8fb}.keigo-pop-single .post-content tbody tr:nth-child(even){background:#fdf5f8}.keigo-pop-single .post-content details{border:1px solid #e0c4ce;border-radius:10px;background:#fff}.keigo-pop-single .post-content summary{color:#7d344c;font-weight:700}.keigo-pop-single .post-content details[open] summary{background:#a34a66;color:#fff;border-bottom-color:#e0c4ce}.keigo-pop-single .post-content ruby{font-size:1em;margin:0 .03em}.keigo-pop-single .post-content rt{font-size:.5em;color:#8a7480}.keigo-pop-single .post-footer{margin-top:1.4rem}.keigo-pop-single .post-footer .paginav{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1rem !important;background:0 0 !important;border:0 !important;padding:0 !important;margin-top:1.2rem !important}.keigo-pop-single .post-footer .paginav a{position:relative;overflow:hidden;display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;min-height:126px !important;padding:1rem 1.08rem !important;border-radius:16px !important;border:2px solid #dfbeca !important;background:linear-gradient(145deg,#fff8fa 0%,#f6eaef 100%) !important;box-shadow:0 8px 18px rgba(125,51,74,.12) !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important}.keigo-pop-single .post-footer .paginav a::after{content:"";position:absolute;left:.8rem;right:.8rem;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#a34a66 0%,#e2a66c 100%);opacity:.95}.keigo-pop-single .post-footer .paginav a:hover{transform:translateY(-3px) !important;border-color:#c88da0 !important;box-shadow:0 12px 24px rgba(125,51,74,.17) !important}.keigo-pop-single .post-footer .paginav .title{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.48rem;padding:.2rem .56rem;border-radius:999px;border:1px solid #ddbeca;background:#fff;color:#7b344b !important;font-size:.72rem !important;letter-spacing:.06em !important;text-transform:uppercase;font-weight:800}.keigo-pop-single .post-footer .paginav a>span:not(.title){color:#3b3e4a;font-size:1.03rem;line-height:1.38;font-weight:700}.keigo-pop-single .post-footer .paginav .next{align-items:flex-end;text-align:right}.keigo-pop-single .post-tags a{border:1px solid #e2c6d0;background:#fff7fa;color:#7e3a50}.keigo-pop-single .post-tags a:hover{background:#f9edf2;border-color:#c890a2}.keigo-pop-single .share-buttons{margin-top:1rem}.keigo-pop-single .share-buttons a{border-radius:9px;color:#fff;background:#953f59}.keigo-pop-single .share-buttons a:hover{background:#7d344c}.keigo-pop-single .table-controls-container{margin-bottom:.28rem;padding:.5rem .62rem;border:1px solid #e3c8d2;border-radius:10px;background:linear-gradient(150deg,#fff9fb 0%,#f7edf2 100%);box-shadow:none}.keigo-pop-single .table-search-container{gap:.5rem;margin-bottom:0;padding:0;background:0 0;border:0;border-radius:0}.keigo-pop-single .table-search-input{padding:.48rem .72rem;font-size:.93rem;border-width:1px}.keigo-pop-single .table-search-count{font-size:.8rem}.keigo-pop-single .table-pagination{margin-top:.34rem;padding-top:.34rem;border-top:1px solid #ead3da}.keigo-pop-single .pagination-row{gap:.46rem;padding:0;background:0 0;border:0;border-radius:0}.keigo-pop-single .rows-per-page{gap:.35rem}.keigo-pop-single .rows-select{padding:.24rem .45rem;border-width:1px;border-color:#e0c4ce;border-radius:4px}.keigo-pop-single .pagination-btn{padding:.24rem .42rem;min-width:1.68rem;border-width:1px;border-color:#e0c4ce;border-radius:4px;font-size:.84rem}.keigo-pop-single .pagination-arrow{padding:.24rem .56rem;font-size:1rem}.keigo-pop-single .table-page-info{margin-top:.22rem;padding:.36rem .5rem;background:0 0;border:0;border-radius:0;font-size:.8rem}.keigo-pop-single .large-table-wrapper{margin:.42rem 0 .24rem;border-radius:10px;box-shadow:none}.keigo-pop-single .large-table-wrapper th{padding:.62em .8em}.keigo-pop-single .large-table-wrapper td{padding:.46em .66em}.keigo-pop-single .large-table-wrapper td:first-child{font-size:1.14em;min-width:60px}@media(max-width:820px){.main:has(.keigo-pop-hub),.main:has(.keigo-pop-single){max-width:100%}.keigo-pop-hub__hero,.keigo-pop-single__header{border-radius:18px}.keigo-pop-hub__stats{grid-template-columns:1fr 1fr}.keigo-pop-hub__actions{flex-direction:column;align-items:stretch}.keigo-pop-hub__btn{width:100%}.keigo-pop-hub__mission{grid-template-columns:1fr}.keigo-pop-hub__card-grid,.keigo-pop-hub__all-links-grid{grid-template-columns:1fr}.keigo-pop-single .post-content{padding:.95rem;font-size:16px}.keigo-pop-single .post-footer .paginav{grid-template-columns:1fr !important}.keigo-pop-single .post-footer .paginav .next{text-align:left;align-items:flex-start}.keigo-pop-single .table-search-container{flex-direction:column;align-items:stretch}.keigo-pop-single .pagination-row{flex-direction:column;align-items:stretch}}@media(max-width:560px){.keigo-pop-hub__stats{grid-template-columns:1fr}}.dark .keigo-pop-hub,.dark .keigo-pop-single{--kp-soft:#232430;--kp-soft-2:#2a2b39;--kp-border:#434458;--kp-ink:#e9ebf2;--kp-muted:#bcc0cf}.dark .keigo-pop-hub__hero,.dark .keigo-pop-single__header{border-color:#474960;background:linear-gradient(160deg,#262735 0%,#2b2d3d 44%,#303140 100%);box-shadow:0 14px 30px rgba(7,7,12,.42)}.dark .keigo-pop-hub__title,.dark .keigo-pop-hub__section-head h2,.dark .keigo-pop-card h3 a,.dark .keigo-pop-hub__all-links summary,.dark .keigo-pop-hub__full-guide summary,.dark .keigo-pop-single .post-title,.dark .keigo-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .keigo-pop-single .post-content h3,.dark .keigo-pop-single .post-content h4{color:#f2f4fa}.dark .keigo-pop-hub__lead,.dark .keigo-pop-hub__section-head p,.dark .keigo-pop-hub__stats span,.dark .keigo-pop-hub__mission li,.dark .keigo-pop-card p,.dark .keigo-pop-card footer,.dark .keigo-pop-single__description,.dark .keigo-pop-single__meta,.dark .keigo-pop-single .post-content p,.dark .keigo-pop-single .post-content blockquote{color:#c8cada}.dark .keigo-pop-hub__btn,.dark .keigo-pop-hub__all-links,.dark .keigo-pop-hub__full-guide,.dark .keigo-pop-hub__catalog,.dark .keigo-pop-card,.dark .keigo-pop-single .post-content,.dark .keigo-pop-single .post-content details,.dark .keigo-pop-single .post-content table,.dark .keigo-pop-single .post-content pre,.dark .keigo-pop-single .post-tags a,.dark .keigo-pop-single .post-footer .paginav a,.dark .keigo-pop-single__quicklinks a,.dark .keigo-pop-single__eyebrow,.dark .keigo-pop-single__category{background:#292b3a;border-color:#4a4d62}.dark .keigo-pop-hub__all-link,.dark .keigo-pop-hub__btn,.dark .keigo-pop-single__quicklinks a,.dark .keigo-pop-single__eyebrow,.dark .keigo-pop-single__category,.dark .keigo-pop-single .post-content summary,.dark .keigo-pop-single .post-tags a,.dark .keigo-pop-single .post-footer .paginav .title,.dark .keigo-pop-single .post-content a{color:#f0dbe3}.dark .keigo-pop-single .post-content{background:#252838;border-color:#484b60}.dark .keigo-pop-single .post-content blockquote{background:linear-gradient(145deg,#2b2e3f 0%,#252738 100%)}.dark .keigo-pop-single .post-content thead th,.dark .keigo-pop-single .post-content details[open] summary{background:#8f3e58}.dark .keigo-pop-single .post-content tbody tr:nth-child(even){background:rgba(255,255,255,3%)}.dark .keigo-pop-single .post-content code{background:#343748;color:#f0d4de}.dark .keigo-pop-single .post-content rt{color:#acb3c2}.dark .keigo-pop-single .share-buttons a{background:#8b3c56}.dark .keigo-pop-hub__full-guide-content{color:#d5d9e4}.dark .keigo-pop-hub__full-guide-content p,.dark .keigo-pop-hub__full-guide-content blockquote{color:#c8cada}.dark .keigo-pop-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .keigo-pop-hub__full-guide-content details,.dark .keigo-pop-hub__full-guide-content table,.dark .keigo-pop-hub__full-guide-content pre{background:#292b3a;border-color:#4a4d62}.dark .keigo-pop-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .keigo-pop-hub__full-guide-content h3,.dark .keigo-pop-hub__full-guide-content h4,.dark .keigo-pop-hub__full-guide-content summary,.dark .keigo-pop-hub__full-guide-content a{color:#f0dbe3}.dark .keigo-pop-hub__full-guide-content blockquote{background:linear-gradient(145deg,#2b2e3f 0%,#252738 100%)}.dark .keigo-pop-hub__full-guide-content thead th,.dark .keigo-pop-hub__full-guide-content details[open] summary{background:#8f3e58}.dark .keigo-pop-hub__full-guide-content tbody tr:nth-child(even){background:rgba(255,255,255,3%)}.dark .keigo-pop-hub__full-guide-content code{background:#343748;color:#f0d4de}.dark .keigo-pop-hub__full-guide-content rt{color:#acb3c2}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content{max-width:100% !important;width:100% !important;margin:0 !important;font-size:17px !important;line-height:1.72 !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.4em !important;margin-bottom:.54em !important;padding:.52em .76em !important;border-radius:13px !important;border:1px solid #e1c5cf !important;background:linear-gradient(150deg,#fff8fa 0%,#f8ebf0 100%) !important;color:#7a344b !important;font-size:1.3em !important;font-family:fredoka,noto sans jp,sans-serif !important;font-weight:700 !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em !important;height:.62em !important;top:.7em !important;left:.7em !important;border-radius:50% !important;background:#be5d79 !important;box-shadow:0 0 0 4px rgba(190,93,121,.18) !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content h3{color:#7c3a50 !important;font-size:1.1em !important;margin-top:1.15em !important;margin-bottom:.4em !important;padding-left:.4em !important;border-left:3px solid #d59aac !important;font-family:fredoka,noto sans jp,sans-serif !important;font-weight:700 !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content h4{color:#6f4452 !important;font-size:1.02em !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content p{color:#374050 !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content a{color:var(--kp-link) !important;border-bottom:none !important}.keigo-pop-hub .post-content.keigo-pop-hub__full-guide-content blockquote{border-left:4px solid #bf6780 !important;border-radius:0 10px 10px 0 !important;background:linear-gradient(145deg,#fff8fa 0%,#f8edf1 100%) !important;color:#4d3f47 !important}.keigo-layout{--keigo-maroon:#5c1a1a;--keigo-maroon-light:#7a3030;--keigo-gold:#c5a059;--keigo-gold-light:#e8d5a8;--keigo-gold-subtle:rgba(197, 160, 89, 0.12);--keigo-stone:#8c7b6b;--keigo-stone-light:#b8a99a;--keigo-paper:#faf8f5;--keigo-paper-warm:#f5f0e8;--keigo-ink:#2c2c2c;--keigo-ink-light:#555;--keigo-border:#e8e2d8;--keigo-border-light:#f0ebe3;--keigo-width:960px}.main:has(.keigo-layout){max-width:calc(var(--keigo-width) + var(--gap) * 2)}.keigo-layout .post-content.keigo-content{max-width:var(--keigo-width);margin:0 auto;padding:0 1rem}.keigo-layout .post-header{max-width:var(--keigo-width);margin:0 auto}.keigo-layout .post-footer{max-width:var(--keigo-width);margin:0 auto}.keigo-content ruby{font-size:1em !important;font-weight:500;margin:0 .02em}.keigo-content rt{font-size:.5em !important;line-height:1;color:var(--keigo-stone);font-weight:400;font-family:noto sans jp,hiragino kaku gothic pro,sans-serif}.keigo-content p,.keigo-content li{line-height:2.2}.keigo-layout .post-title{font-family:noto serif jp,noto serif,georgia,serif;color:var(--keigo-maroon);font-weight:700;letter-spacing:-.01em;line-height:1.35}.keigo-layout .post-description{color:var(--keigo-stone);font-style:italic;border-left:3px solid var(--keigo-gold);padding-left:1rem}.keigo-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:var(--keigo-maroon);color:var(--keigo-gold-light);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;margin-bottom:1rem}.keigo-category-badge .badge-jp{font-family:noto serif jp,serif;font-size:.85rem;letter-spacing:0}.keigo-content h2{background:linear-gradient(135deg,#ffffff 0%,var(--keigo-paper) 100%) !important;border:1px solid var(--keigo-border) !important;border-radius:10px 10px 0 0 !important;padding:1.25em 1.5em 1em !important;margin-top:3em !important;margin-bottom:0 !important;box-shadow:0 2px 8px rgba(92,26,26,6%) !important;color:var(--keigo-maroon) !important;font-family:noto serif jp,noto serif,georgia,serif;font-weight:700;position:relative}.keigo-content h2::after{background:linear-gradient(90deg,var(--keigo-gold) 0%,var(--keigo-gold-light) 100%) !important;height:3px !important}.keigo-content h2+h3,.keigo-content h2+p,.keigo-content h2+ul,.keigo-content h2+ol,.keigo-content h2+table,.keigo-content h2+blockquote{background:#fff !important;border:1px solid var(--keigo-border) !important;border-top:none !important;padding:1.25em 1.5em !important;margin-top:0 !important;border-radius:0 0 10px 10px !important;box-shadow:0 4px 12px rgba(92,26,26,4%) !important}.keigo-content h3{background:linear-gradient(135deg,var(--keigo-paper) 0%,#ffffff 100%) !important;border:1px solid var(--keigo-border) !important;border-left:4px solid var(--keigo-maroon) !important;border-radius:0 8px 8px 0 !important;color:var(--keigo-maroon);font-family:noto serif jp,noto serif,georgia,serif;font-weight:600}.keigo-content h3:hover{border-left-color:var(--keigo-gold) !important;background:linear-gradient(135deg,var(--keigo-paper-warm) 0%,#ffffff 100%) !important}.keigo-content h4{color:var(--keigo-maroon);font-family:noto serif jp,noto serif,georgia,serif;font-weight:600;padding-bottom:.4em;border-bottom:2px solid var(--keigo-gold-subtle)}.keigo-content table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;border:1px solid var(--keigo-border);box-shadow:0 2px 8px rgba(92,26,26,6%);margin:1.5em 0;font-size:.95em}.keigo-content thead th{background:var(--keigo-maroon) !important;color:var(--keigo-gold-light) !important;font-weight:600;padding:.85em 1em;text-align:left;font-size:.9em;letter-spacing:.03em;border-bottom:2px solid var(--keigo-gold)}.keigo-content thead th:first-child{border-top-left-radius:8px}.keigo-content thead th:last-child{border-top-right-radius:8px}.keigo-content thead th rt{color:var(--keigo-gold-light) !important;opacity:.7}.keigo-content tbody td{padding:.75em 1em;border-bottom:1px solid var(--keigo-border-light);vertical-align:top;color:var(--keigo-ink)}.keigo-content tbody tr:nth-child(even){background:var(--keigo-paper)}.keigo-content tbody tr:hover{background:var(--keigo-gold-subtle);transition:background .2s ease}.keigo-content tbody tr:last-child td{border-bottom:none}.keigo-content tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.keigo-content tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.keigo-content td ruby{font-size:1em !important}.keigo-content td rt{font-size:.45em !important}.keigo-content blockquote{background:linear-gradient(135deg,var(--keigo-paper) 0%,#ffffff 100%) !important;border:1px solid var(--keigo-border) !important;border-left:4px solid var(--keigo-gold) !important;border-radius:0 10px 10px 0 !important;box-shadow:0 3px 10px rgba(92,26,26,4%) !important}.keigo-content blockquote::before{color:rgba(197,160,89,.2) !important}.keigo-content ul>li::before{background:linear-gradient(135deg,var(--keigo-maroon) 0%,var(--keigo-maroon-light) 100%) !important;box-shadow:0 1px 3px rgba(92,26,26,.2) !important}.keigo-content ul ul>li::before{background:var(--keigo-gold) !important;box-shadow:0 1px 3px rgba(197,160,89,.3) !important}.keigo-content ol>li::before{background:linear-gradient(135deg,var(--keigo-maroon) 0%,var(--keigo-maroon-light) 100%) !important;box-shadow:0 2px 6px rgba(92,26,26,.25) !important}.keigo-content strong{background:linear-gradient(transparent 60%,var(--keigo-gold-subtle) 60%) !important;color:var(--keigo-ink)}.keigo-content em{color:var(--keigo-stone)}.keigo-content a{color:var(--keigo-maroon);text-decoration-color:var(--keigo-gold)}.keigo-content a:hover{color:var(--keigo-gold);text-shadow:none !important}.keigo-content hr::before{color:var(--keigo-gold) !important;text-shadow:0 2px 4px rgba(197,160,89,.2) !important}.keigo-content span[style*="color: #0000ff"],.keigo-content span[style*="color:#0000ff"]{color:var(--keigo-maroon) !important;font-weight:600;background:rgba(92,26,26,6%);padding:.1em .25em;border-radius:3px;border-bottom:2px solid var(--keigo-gold)}.keigo-share-section{display:flex;flex-direction:column;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--keigo-border)}.keigo-share-section .share-label{font-size:.7rem;font-weight:700;color:var(--keigo-stone);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.keigo-share-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.keigo-share-buttons a,.keigo-share-buttons button{width:2.25rem;height:2.25rem;border-radius:6px;background:var(--keigo-maroon);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid var(--keigo-maroon-light);cursor:pointer}.keigo-share-buttons a:hover,.keigo-share-buttons button:hover{background:var(--keigo-gold);border-color:var(--keigo-gold);transform:translateY(-2px);box-shadow:0 4px 12px rgba(197,160,89,.3)}.keigo-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:#fff;border:2px solid var(--keigo-maroon);color:var(--keigo-maroon);border-radius:50px;font-weight:700;font-size:.9rem;text-decoration:none !important;transition:all .3s ease;box-shadow:0 2px 8px rgba(92,26,26,.1)}.keigo-back-btn:hover{background:var(--keigo-maroon);color:var(--keigo-gold-light) !important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(92,26,26,.2)}.keigo-related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--keigo-border)}.keigo-related h4{color:var(--keigo-stone);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;border-bottom:none}.keigo-related ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;list-style:none !important;padding:0 !important}.keigo-related ul li{padding:0 !important}.keigo-related ul li::before{display:none !important}.keigo-related ul li a{display:block;padding:.75rem 1rem;background:var(--keigo-paper);border:1px solid var(--keigo-border);border-radius:8px;text-decoration:none !important;color:var(--keigo-maroon);font-weight:600;transition:all .2s ease}.keigo-related ul li a:hover{background:var(--keigo-gold-subtle);border-color:var(--keigo-gold);transform:translateX(4px);color:var(--keigo-maroon) !important}.dark .keigo-layout{--keigo-paper:#1e1e2a;--keigo-paper-warm:#252535;--keigo-border:#353545;--keigo-border-light:#2a2a3a;--keigo-ink:#e0ddd6;--keigo-ink-light:#aaa}.dark .keigo-layout .post-title{color:var(--keigo-gold-light)}.dark .keigo-content h2{background:linear-gradient(135deg,rgba(255,255,255,4%) 0%,rgba(255,255,255,2%) 100%) !important;border-color:var(--keigo-border) !important;color:var(--keigo-gold-light) !important}.dark .keigo-content h2::after{background:linear-gradient(90deg,var(--keigo-gold) 0%,rgba(197,160,89,.3) 100%) !important}.dark .keigo-content h2+h3,.dark .keigo-content h2+p,.dark .keigo-content h2+ul,.dark .keigo-content h2+ol{background:rgba(255,255,255,2%) !important;border-color:var(--keigo-border) !important}.dark .keigo-content h3{background:linear-gradient(135deg,rgba(255,255,255,3%) 0%,transparent 100%) !important;border-color:var(--keigo-border) !important;border-left-color:var(--keigo-gold) !important;color:var(--keigo-gold-light)}.dark .keigo-content thead th{background:#1a0f0f !important}.dark .keigo-content tbody td{border-color:var(--keigo-border);color:var(--keigo-ink)}.dark .keigo-content tbody tr:nth-child(even){background:rgba(255,255,255,2%)}.dark .keigo-content blockquote{background:linear-gradient(135deg,rgba(255,255,255,3%) 0%,transparent 100%) !important;border-color:var(--keigo-border) !important}.dark .keigo-content strong{background:linear-gradient(transparent 60%,rgba(197,160,89,.15) 60%) !important;color:var(--keigo-ink)}.dark .keigo-content rt{color:var(--keigo-stone-light) !important}.dark .keigo-content span[style*="color: #0000ff"],.dark .keigo-content span[style*="color:#0000ff"]{color:var(--keigo-gold-light) !important;background:rgba(197,160,89,.1)}.dark .keigo-share-buttons a,.dark .keigo-share-buttons button{background:#2a2a3a;border-color:#404050}.dark .keigo-back-btn{background:var(--keigo-maroon);color:var(--keigo-gold-light);border-color:var(--keigo-gold)}.dark .keigo-related ul li a{background:rgba(255,255,255,3%);border-color:var(--keigo-border);color:var(--keigo-gold-light)}@media screen and (max-width:768px){.keigo-layout{--keigo-width:100%}.keigo-content h2{padding:1em 1.25em .75em !important;border-radius:8px 8px 0 0 !important}.keigo-content h2+h3,.keigo-content h2+p,.keigo-content h2+ul,.keigo-content h2+ol{padding:1em 1.25em !important;border-radius:0 0 8px 8px !important}.keigo-content h3{padding:.75em 1em !important}.keigo-content table{font-size:.85em}.keigo-content thead th,.keigo-content tbody td{padding:.6em .75em}.keigo-related ul{grid-template-columns:1fr}}@media screen and (max-width:480px){.keigo-content p,.keigo-content li{line-height:2}.keigo-content table{font-size:.8em;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:768px){.breadcrumbs ol,.breadcrumbs ol li{white-space:normal !important;word-wrap:break-word;overflow-wrap:break-word;flex-wrap:wrap}.breadcrumbs ol{display:flex !important;flex-wrap:wrap !important}.post-title,.post-header h1,.page-header h1,h1.post-title{font-size:1.3rem !important;line-height:1.3 !important;word-wrap:break-word;overflow-wrap:break-word}.main,main,main.main{max-width:100vw !important;overflow-x:hidden}.post-content{max-width:100%;overflow-x:hidden}.post-content table{display:table !important;width:auto !important;min-width:100%;margin:1.5em 0}.post-content{overflow-x:auto !important;-webkit-overflow-scrolling:touch}.post-content table{box-shadow:-8px 0 8px -8px rgba(0,0,0,.2)inset,8px 0 8px -8px rgba(0,0,0,.2)inset}body{overflow-x:hidden}html{overflow-x:hidden}}@media screen and (max-width:480px){.post-title,.post-header h1,h1.post-title{font-size:1.15rem !important}.breadcrumbs{font-size:.8rem}}.breadcrumbs{margin-bottom:2em;padding:.75em 1em;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:6px;border:1px solid #e1e4e8;font-size:.9em}.breadcrumbs ol li a{color:#e74c3c !important;transition:opacity .2s ease}.breadcrumbs ol li a:hover{opacity:.7}.post-content #TableOfContents{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:1px solid #e1e4e8;border-left:4px solid #e74c3c;padding:1.5em;margin:2em 0;border-radius:0 6px 6px 0}.post-content #TableOfContents ul{margin:0;padding-left:1.5em}.post-content #TableOfContents>ul{padding-left:0;list-style:none}.post-content #TableOfContents a{color:#2c3e50;text-decoration:none;border-bottom:none;transition:color .2s ease}.post-content #TableOfContents a:hover{color:#e74c3c}.post-footer .paginav{background:0 0 !important;border:none !important;padding:0 !important;margin-top:3rem !important}.post-footer .paginav a::before,.post-footer .paginav a::after{content:none !important}.post-footer .paginav{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto !important;gap:1.5rem !important;width:100% !important}@media screen and (max-width:768px){.post-footer .paginav{grid-template-columns:1fr !important;gap:1rem !important}.post-footer .paginav .next{text-align:left !important;grid-column:1 !important}}.post-footer .paginav a{display:flex !important;flex-direction:column !important;padding:1.5rem !important;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%) !important;border:1px solid #e1e4e8 !important;border-radius:8px !important;box-shadow:0 2px 8px rgba(0,0,0,5%) !important;transition:all .3s ease !important;text-decoration:none !important;min-height:120px !important;justify-content:center !important;width:auto !important;margin:0 !important}.post-footer .paginav a:hover{box-shadow:0 4px 12px rgba(231,76,60,.15);border-color:#e74c3c;transform:translateY(-2px)}#top-link{background-color:#e74c3c !important;box-shadow:0 4px 12px rgba(231,76,60,.3);transition:all .3s ease}#top-link:hover{background-color:#c0392b !important;transform:scale(1.1)}@media screen and (max-width:768px){.post-footer .paginav{grid-template-columns:1fr}.post-footer .paginav .next{text-align:left}.breadcrumbs{font-size:.85em;padding:.5em .75em}}.pagination{gap:8px;flex-wrap:wrap;justify-content:center}.pagination .page-link{font-size:13px;line-height:36px;padding:0 12px;display:inline-block;border-radius:18px;text-align:center;color:var(--primary)}.pagination a.page-link{background:0 0;border:1px solid var(--tertiary);transition:all .3s ease}.pagination a.page-link:hover{border-color:var(--primary);background:var(--tertiary)}.pagination span.page-link.active{background:var(--primary);color:var(--theme);border:1px solid var(--primary)}.pagination span.page-link:not(.active){border:1px solid transparent;color:var(--secondary);cursor:default}.pagination .prev,.pagination .next{margin-inline-start:0;margin-inline-end:0}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #e74c3c;outline-offset:2px;border-radius:2px}.post-content img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:2em auto;display:block;max-width:100%;height:auto}.post-content figure{margin:2em 0}.post-content figcaption{text-align:center;font-style:italic;color:#666;font-size:.9em;margin-top:.5em}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-content>*{animation:fadeIn .5s ease-out}::selection{background-color:rgba(231,76,60,.2);color:#2c3e50}::-moz-selection{background-color:rgba(231,76,60,.2);color:#2c3e50}.post-content hr{margin:3em auto;max-width:60%;opacity:.6}.post-content a[href*=button],.post-content .button{display:inline-block;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff !important;padding:.75em 1.5em;border-radius:6px;text-decoration:none;font-weight:600;border:none;box-shadow:0 4px 12px rgba(231,76,60,.3);transition:all .3s ease}.post-content a[href*=button]:hover,.post-content .button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(231,76,60,.4);border-bottom-color:transparent !important}.hint{position:relative;border-bottom:1px dotted #e74c3c;cursor:help}@media print{.post-content{font-size:12pt;line-height:1.6;color:#000}.post-content a{color:#000;text-decoration:underline}.post-content a::after{content:" (" attr(href)")";font-size:.8em;color:#666}.breadcrumbs,.post-footer,#top-link{display:none}}@media(prefers-color-scheme:dark){.post-content div[style*="text-align: center"]{background:linear-gradient(135deg,rgba(255,255,255,5%) 0%,rgba(255,255,255,2%) 100%);border-color:rgba(255,255,255,.1)}.post-content details{background-color:rgba(255,255,255,5%);border-color:rgba(255,255,255,.1)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:4px}.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title){background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,6%);border-radius:12px 12px 0 0;padding:1.25em 1.5em 1em;margin-top:2.5em;margin-bottom:0;box-shadow:0 2px 8px rgba(0,0,0,4%);position:relative;transition:all .3s ease}.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)::before{display:none}.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)::after{content:"";position:absolute;top:0;left:1.5em;right:1.5em;height:3px;background:linear-gradient(90deg,#e74c3c 0%,#f39c12 100%);border-radius:0 0 3px 3px}.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol{background:#fff;border:1px solid rgba(0,0,0,6%);border-top:none;padding:1.25em 1.5em;margin-top:0;border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgba(0,0,0,4%)}.post-content h3{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:1px solid rgba(231,76,60,.15);border-left:4px solid #e74c3c;border-radius:8px;padding:.85em 1.25em;margin-top:1.75em;margin-bottom:.75em;transition:all .25s ease}.post-content h3:hover{border-left-width:6px;background:linear-gradient(135deg,#fff5f5 0%,#ffffff 100%)}.post-content li>a:only-child,.post-content li>strong+a,.post-content li a[href^="/"]{display:inline-block;padding:.15em .5em;margin:0 -.25em;border-radius:6px;transition:all .2s ease;background:0 0}.post-content li a[href^="/"]:hover{background:linear-gradient(135deg,rgba(231,76,60,8%) 0%,rgba(243,156,18,5%) 100%);transform:translateX(3px)}.post-content a{position:relative;transition:all .25s ease}.post-content a:hover{text-shadow:0 0 8px rgba(231,76,60,.15)}.post-content ul{list-style:none;padding-left:0}.post-content ul>li{position:relative;padding-left:1.75em;margin-bottom:.75em}.post-content ul>li::before{content:"";position:absolute;left:.25em;top:.45em;width:8px;height:8px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-radius:50%;box-shadow:0 2px 4px rgba(231,76,60,.25)}.post-content ul ul>li::before{width:6px;height:6px;background:#f39c12;box-shadow:0 1px 3px rgba(243,156,18,.3)}.post-content ol{list-style:none;padding-left:0;counter-reset:premium-counter}.post-content ol>li{position:relative;padding-left:2.5em;margin-bottom:.85em;counter-increment:premium-counter}.post-content ol>li::before{content:counter(premium-counter);position:absolute;left:0;top:0;width:1.75em;height:1.75em;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;font-weight:600;font-size:.85em;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(231,76,60,.3)}.post-content h3:has(+p):has(+ol),.post-content h3:has(+ol){background:linear-gradient(135deg,#fff9f0 0%,#ffffff 100%);border-color:rgba(243,156,18,.2);border-left-color:#f39c12}.post-content blockquote{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:1px solid rgba(0,0,0,6%);border-left:4px solid #e74c3c;border-radius:0 12px 12px 0;padding:1.25em 1.5em;margin:1.5em 0;position:relative;box-shadow:0 3px 10px rgba(0,0,0,4%)}.post-content blockquote::before{content:"\201C";position:absolute;top:-.1em;left:.25em;font-size:3em;color:rgba(231,76,60,.15);font-family:Georgia,serif;line-height:1}.post-content blockquote p{position:relative;z-index:1;margin-bottom:0}.post-content hr{border:none;height:auto;background:0 0;margin:3em auto;padding:.5em 0;position:relative;text-align:center}.post-content hr::before{content:"• • •";font-size:1.25em;letter-spacing:.5em;color:#e74c3c;text-shadow:0 2px 4px rgba(231,76,60,.2)}.post-content a[href*="/jlpt/n5"],.post-content a[href*="/jlpt/n4"],.post-content a[href*="/jlpt/n3"],.post-content a[href*="/jlpt/n2"],.post-content a[href*="/jlpt/n1"]{font-weight:600;padding:.2em .6em;border-radius:6px;margin:0 .1em;transition:all .25s ease}.post-content a[href*="/jlpt/n5"]{background:linear-gradient(135deg,rgba(39,174,96,.1) 0%,rgba(39,174,96,5%) 100%);border-bottom:2px solid #27ae60}.post-content a[href*="/jlpt/n4"]{background:linear-gradient(135deg,rgba(46,204,113,.1) 0%,rgba(46,204,113,5%) 100%);border-bottom:2px solid #2ecc71}.post-content a[href*="/jlpt/n3"]{background:linear-gradient(135deg,rgba(243,156,18,.1) 0%,rgba(243,156,18,5%) 100%);border-bottom:2px solid #f39c12}.post-content a[href*="/jlpt/n2"]{background:linear-gradient(135deg,rgba(230,126,34,.1) 0%,rgba(230,126,34,5%) 100%);border-bottom:2px solid #e67e22}.post-content a[href*="/jlpt/n1"]{background:linear-gradient(135deg,rgba(231,76,60,.1) 0%,rgba(231,76,60,5%) 100%);border-bottom:2px solid #e74c3c}.post-content a[href*="/jlpt/"]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.post-content strong{background:linear-gradient(transparent 60%,rgba(243,156,18,.2) 60%);padding:0 .15em}.post-content em{color:#666;position:relative}.dark .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title){background:linear-gradient(135deg,rgba(255,255,255,5%) 0%,rgba(255,255,255,2%) 100%);border-color:rgba(255,255,255,.1)}.dark .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.dark .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.dark .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.dark .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol{background:rgba(255,255,255,2%);border-color:rgba(255,255,255,8%)}.dark .post-content h3{background:linear-gradient(135deg,rgba(255,255,255,3%) 0%,transparent 100%);border-color:rgba(231,76,60,.3)}.dark .post-content blockquote{background:linear-gradient(135deg,rgba(255,255,255,3%) 0%,transparent 100%);border-color:rgba(255,255,255,8%)}.dark .post-content ul>li::before{box-shadow:0 2px 8px rgba(231,76,60,.4)}.dark .post-content ol>li::before{box-shadow:0 2px 8px rgba(231,76,60,.4)}.dark .post-content strong{background:linear-gradient(transparent 60%,rgba(243,156,18,.15) 60%)}@media screen and (max-width:768px){.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title){padding:1em 1.25em;border-radius:10px 10px 0 0}.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)::after{left:1em;right:1em}.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol{padding:1em 1.25em;border-radius:0 0 10px 10px}.post-content h3{padding:.75em 1em}.post-content ol>li{padding-left:2.25em}.post-content ol>li::before{width:1.5em;height:1.5em;font-size:.8em}}.post-content table{display:table;width:100%;border-collapse:collapse;margin:1.5em 0}.post-content table th,.post-content table td{text-align:left;padding:.75em 1em;border:1px solid var(--border)}.post-content table th{font-weight:600;background-color:#8b0000;color:#fff}.post-content table tr:nth-child(even){background-color:var(--code-bg)}.post-content table tr:hover{background-color:var(--hover)}.large-table-wrapper{position:relative;border:1px solid var(--border);border-radius:8px;margin:1.5em 0;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow-x:auto}.large-table-wrapper::-webkit-scrollbar{width:10px;height:10px;-webkit-appearance:none}.large-table-wrapper::-webkit-scrollbar-track{background:#e8e8e8;border-radius:5px}.large-table-wrapper::-webkit-scrollbar-thumb{background:#999;border-radius:5px;border:2px solid #e8e8e8}.large-table-wrapper::-webkit-scrollbar-thumb:hover{background:#666}.large-table-wrapper::-webkit-scrollbar-corner{background:#e8e8e8}.large-table-wrapper{scrollbar-width:thin;scrollbar-color:#999 #e8e8e8}.large-table-wrapper table{margin:0;border:none}.large-table-wrapper thead{position:sticky;top:0;z-index:10}.large-table-wrapper th{background-color:#8b0000;color:#fff;font-weight:600;padding:1em 1.25em;border-bottom:2px solid #6d0000;box-shadow:0 2px 4px rgba(0,0,0,.15)}.large-table-wrapper td:first-child{font-size:1.4em;font-weight:500;color:var(--primary);min-width:80px;text-align:center}.large-table-wrapper td:first-child a,.post-content table td:first-child a{text-decoration:none !important;border-bottom:none !important;box-shadow:none !important}.large-table-wrapper td:first-child a:hover,.post-content table td:first-child a:hover{text-decoration:none !important;border-bottom:none !important;box-shadow:none !important}.large-table-wrapper td{padding:.875em 1em;vertical-align:middle;border-bottom:1px solid var(--border);transition:background-color .15s ease}.large-table-wrapper tbody tr:hover{background-color:rgba(139,0,0,8%) !important}.large-table-wrapper tbody tr:hover td:first-child{color:#8b0000}.large-table-wrapper tbody tr:nth-child(even){background-color:var(--code-bg)}.table-search-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem;padding:1rem;background:var(--code-bg);border-radius:8px;border:1px solid var(--border)}.table-search-input{flex:1;min-width:200px;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border);border-radius:6px;background:var(--theme);color:var(--content);transition:border-color .2s ease,box-shadow .2s ease}.table-search-input:focus{outline:none;border-color:#8b0000;box-shadow:0 0 0 3px rgba(139,0,0,.15)}.table-search-input::placeholder{color:var(--secondary)}.table-search-count{font-size:.9rem;color:var(--secondary);white-space:nowrap}.table-search-count strong{color:#8b0000;font-weight:600}.large-table-wrapper tbody tr.hidden{display:none}.table-no-results{text-align:center;padding:2rem;color:var(--secondary);font-style:italic;display:none}.table-no-results.show{display:block}.table-controls-container{margin-bottom:1rem}.table-pagination{margin-top:.75rem}.pagination-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--code-bg);border-radius:8px;border:1px solid var(--border)}.rows-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--secondary)}.rows-select{padding:.4rem .6rem;font-size:.875rem;border:2px solid var(--border);border-radius:4px;background:var(--theme);color:var(--content);cursor:pointer}.rows-select:focus{outline:none;border-color:#8b0000}.pagination-controls{display:flex;gap:.25rem;align-items:center}.pagination-pages{display:flex;gap:.25rem;align-items:center}.pagination-btn{padding:.4rem .6rem;font-size:.9rem;font-weight:500;border:2px solid var(--border);border-radius:4px;background:var(--theme);color:var(--content);cursor:pointer;transition:all .15s ease;min-width:2rem;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not([disabled]){border-color:#8b0000;background:rgba(139,0,0,8%);color:#8b0000}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:#8b0000;border-color:#8b0000;color:#fff}.pagination-arrow{font-size:1.1rem;font-weight:600;padding:.4rem .75rem}.pagination-ellipsis{border-style:dashed;font-weight:700;letter-spacing:1px}.pagination-ellipsis:hover:not([disabled]){border-style:solid}.rows-icon{font-size:1.1rem;cursor:default}.table-page-info{text-align:center;padding:.75rem;margin-top:.5rem;font-size:.875rem;color:var(--secondary);background:var(--code-bg);border-radius:6px;border:1px solid var(--border)}@media screen and (max-width:768px){.post-content table{font-size:.9em}.post-content table th,.post-content table td{padding:.5em .75em}.large-table-wrapper td:first-child{font-size:1.2em;min-width:60px}.table-search-container{flex-direction:column;align-items:stretch}.table-search-input{min-width:100%}}@media screen and (max-width:480px){.pagination-row{flex-direction:column;gap:.5rem;align-items:center;padding:.5rem}.pagination-controls{order:0;justify-content:center;gap:.5rem}.rows-per-page{order:1}.pagination-indicator{padding:.4rem .75rem;font-weight:600;white-space:nowrap;border-style:dashed}.pagination-indicator:hover:not([disabled]){border-style:solid}.table-page-info{padding:.5rem;font-size:.75rem}.table-search-count{font-size:.8rem;text-align:center}}.main:has(.tutorial-hub){max-width:min(1180px,calc(100vw - 2rem))}.tutorial-hub{--hub-blue:#00a7e8;--hub-blue-deep:#0078c2;--hub-red:#e63a42;--hub-yellow:#ffd54f;--hub-ink:#12344f;--hub-muted:#3b5f77;--hub-soft:#f4fbff;--hub-soft-2:#e9f7ff;--hub-border:#b9e3f6;display:grid;gap:1.55rem;margin-bottom:3rem;font-family:noto sans jp,hiragino kaku gothic pro,yu gothic,sans-serif}.tutorial-hub__hero{position:relative;overflow:hidden;border-radius:24px;border:2px solid #8fd4f4;background:linear-gradient(150deg,#e8f8ff 0%,#d6f2ff 40%,#f8fdff 100%);box-shadow:0 14px 34px rgba(0,120,194,.16)}.tutorial-hub__hero::before{content:"";position:absolute;top:-60px;right:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,79,.85) 0%,rgba(255,213,79,0) 70%)}.tutorial-hub__hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.86) 0 24px,transparent 24px),radial-gradient(circle at 88% 38%,rgba(255,255,255,.7) 0 16px,transparent 16px),radial-gradient(circle at 72% 80%,rgba(255,255,255,.7) 0 14px,transparent 14px),repeating-linear-gradient(120deg,rgba(0,167,232,8%),rgba(0,167,232,8%) 2px,transparent 2px,transparent 24px);pointer-events:none}.tutorial-hub__hero-inner{position:relative;z-index:1;padding:clamp(1.2rem,2.2vw,2rem)}.tutorial-hub .breadcrumbs{margin-bottom:.45rem}.tutorial-hub__eyebrow{margin:0;display:inline-flex;align-items:center;gap:.5rem;padding:.24rem .62rem;border-radius:999px;background:#fff;border:1px solid #a7dbf5;color:var(--hub-blue-deep);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.tutorial-hub__title{margin:.65rem 0 0;color:#072c46;font-size:clamp(1.75rem,3.1vw,2.7rem);line-height:1.12;letter-spacing:-.01em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.tutorial-hub__lead{max-width:68ch;margin:.85rem 0 0;color:#134969;font-size:.97rem;line-height:1.55}.tutorial-hub__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.58rem;margin:.95rem 0 0}.tutorial-hub__stats span{padding:.52rem .65rem;border:1px solid #b6e2f6;border-radius:12px;background:rgba(255,255,255,.9);color:var(--hub-muted);font-size:.81rem;text-align:center}.tutorial-hub__stats strong{color:#065089}.tutorial-hub__actions{display:flex;flex-wrap:wrap;gap:.56rem;margin-top:.95rem}.tutorial-hub__btn{display:inline-flex;align-items:center;justify-content:center;padding:.57rem .95rem;border:1px solid #8bcff0;border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:700;color:#064a7d;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.tutorial-hub__btn-icon{margin-right:.34rem;font-size:.98rem;line-height:1}.tutorial-hub__btn:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 8px 16px rgba(0,120,194,.16)}.tutorial-hub__btn--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--hub-blue) 0%,var(--hub-blue-deep) 100%)}.tutorial-hub__mission{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem}.tutorial-hub__mission li{margin:0;padding:.54rem .68rem;border:1px dashed #8dccef;border-radius:11px;color:#155577;background:rgba(255,255,255,.74);font-size:.83rem;line-height:1.35}.tutorial-hub__phase-nav{border:0;background:0 0;padding:0}.tutorial-hub__phase-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}.tutorial-hub__phase-chip{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;border-radius:14px;border:2px solid #a9dcf4;background:#fff;color:#0e3d5c;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.tutorial-hub__phase-chip:hover{border-color:var(--hub-blue);transform:translateY(-2px)}.tutorial-hub__phase-chip-icon{font-size:.95rem;line-height:1}.tutorial-hub__phase-chip-index{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;color:#133b54;font-size:.82rem;font-weight:800;background:var(--hub-yellow);border:2px solid #efbe2e}.tutorial-hub__section-head h2{margin:0;color:#083656;font-size:clamp(1.25rem,2.2vw,1.65rem);font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.tutorial-hub__section-head p{margin:.3rem 0 0;color:#3f6077;font-size:.9rem}.tutorial-hub__phase-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.85rem;margin-top:.75rem}.tutorial-phase{border-radius:18px;border:2px solid var(--hub-border);background:#fff;overflow:hidden}.tutorial-phase__summary{list-style:none;cursor:pointer;position:relative;padding:.9rem .95rem .75rem;background:linear-gradient(140deg,#f7fdff 0%,#eaf8ff 80%);border-bottom:1px dashed #aadcf2}.tutorial-phase__summary::-webkit-details-marker{display:none}.tutorial-phase__summary::after{content:"▸";position:absolute;right:.9rem;top:.88rem;color:#0a5d90;font-size:.95rem;font-weight:800}.tutorial-phase[open] .tutorial-phase__summary::after{content:"▾"}.tutorial-phase__badge{display:inline-block;margin:0;padding:.24rem .58rem;border-radius:999px;background:#ffe899;color:#7a4f00;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800}.tutorial-phase__summary h3{display:flex;align-items:center;gap:.35rem;margin:.55rem 0 .15rem;color:#0d3d5d;font-size:1.02rem;line-height:1.25;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.tutorial-phase__title-icon{font-size:.95rem;line-height:1}.tutorial-phase__summary p{margin:0;color:#3f6781;font-size:.84rem;line-height:1.35;max-width:calc(100% - 80px)}.tutorial-phase__count{position:absolute;right:2rem;bottom:.7rem;display:inline-flex;align-items:center;justify-content:center;padding:.2rem .48rem;border-radius:999px;background:#def3ff;border:1px solid #9fd6f0;color:#0a507f;font-size:.7rem;font-weight:700}.tutorial-phase__articles{list-style:none;margin:0;padding:.72rem .72rem .78rem;display:grid;gap:.44rem}.tutorial-phase__article-item{margin:0}.tutorial-phase__article-link{display:grid;grid-template-columns:1.72rem minmax(0,1fr);gap:.58rem;align-items:center;padding:.5rem .55rem;border-radius:10px;border:1px solid transparent;text-decoration:none;background:#fcfeff;transition:transform .15s ease,border-color .15s ease}.tutorial-phase__article-link:hover{border-color:#99d5f1;transform:translateX(2px)}.tutorial-phase__article-order{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#e9f7ff;border:1px solid #9cd5ef;color:#0c5078;font-size:.75rem;font-weight:800}.tutorial-phase__article-main{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.tutorial-phase__article-label{color:#133f5d;font-size:.87rem;font-weight:700;line-height:1.32}.tutorial-phase__article-meta{color:#5b7386;font-size:.72rem;white-space:nowrap}.tutorial-phase__article-item--missing{padding:.58rem;border-radius:9px;background:#ffeef0;color:#8c1f2f;font-size:.83rem}.tutorial-hub__catalog{border-radius:16px;border:2px solid #b7e3f6;background:linear-gradient(160deg,#ffffff 0%,#f4fbff 100%);padding:.95rem}.tutorial-hub__card-grid{margin-top:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.68rem}.tutorial-card{border-radius:12px;border:1px solid #b8e2f5;background:#fff;padding:.68rem}.tutorial-card h3{margin:0;font-size:.93rem;line-height:1.3}.tutorial-card h3 a{color:#0e3f5f;text-decoration:none}.tutorial-card h3 a:hover{color:#0377bf}.tutorial-card footer{margin-top:.5rem;padding-top:.46rem;border-top:1px dashed #cde8f6;color:#567085;font-size:.72rem;display:flex;justify-content:space-between;gap:.3rem}.tutorial-hub__all-links{margin-top:.72rem;border:1px solid #a8d9f2;border-radius:12px;background:#fff}.tutorial-hub__all-links summary{cursor:pointer;list-style:none;padding:.72rem .8rem;color:#0a4268;font-size:.87rem;font-weight:800}.tutorial-hub__all-links summary::-webkit-details-marker{display:none}.tutorial-hub__all-links summary::before{content:"▸";margin-right:.42rem;color:var(--hub-red)}.tutorial-hub__all-links[open] summary::before{content:"▾"}.tutorial-hub__all-links-grid{border-top:1px dashed #cbe7f6;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.42rem}.tutorial-hub__all-link{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.52rem;align-items:center;padding:.45rem .52rem;border-radius:9px;border:1px solid transparent;color:#174a69;text-decoration:none;font-size:.82rem}.tutorial-hub__all-link:hover{border-color:#95d2ef;background:#f4fbff}.tutorial-hub__all-link span:first-child{width:1.25rem;height:1.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e6f5ff;border:1px solid #9fd6f0;color:#0a4e7d;font-size:.69rem;font-weight:700}.tutorial-hub__full-guide{border-radius:12px;border:1px solid #cce7f5;background:#fff}.tutorial-hub__full-guide summary{cursor:pointer;list-style:none;padding:.83rem .9rem;color:#0f4262;font-size:.88rem;font-weight:700}.tutorial-hub__full-guide summary::-webkit-details-marker{display:none}.tutorial-hub__full-guide summary::before{content:"▸";margin-right:.42rem;color:var(--hub-red)}.tutorial-hub__full-guide[open] summary::before{content:"▾"}.tutorial-hub__full-guide-content{max-width:100%;padding:0 .9rem .95rem}@media(max-width:820px){.main:has(.tutorial-hub){max-width:100%}.tutorial-hub__hero{border-radius:18px}.tutorial-hub__stats{grid-template-columns:1fr 1fr}.tutorial-hub__actions{flex-direction:column;align-items:stretch}.tutorial-hub__btn{width:100%}.tutorial-hub__mission{grid-template-columns:1fr}}@media(max-width:560px){.tutorial-hub__stats{grid-template-columns:1fr}.tutorial-hub__phase-nav-grid,.tutorial-hub__phase-list,.tutorial-hub__card-grid,.tutorial-hub__all-links-grid{grid-template-columns:1fr}.tutorial-phase__article-main{flex-direction:column;align-items:flex-start;gap:.15rem}}.dark .tutorial-hub{--hub-ink:#edf6ff;--hub-muted:#bfd6ea;--hub-soft:#1f2a34;--hub-soft-2:#263746;--hub-border:#36576b}.dark .tutorial-hub__hero{border-color:#3a6078;background:linear-gradient(160deg,#1e2b36 0%,#213648 42%,#2b2e34 100%);box-shadow:0 14px 30px rgba(2,12,20,.38)}.dark .tutorial-hub__title,.dark .tutorial-hub__section-head h2,.dark .tutorial-phase__summary h3,.dark .tutorial-card h3 a,.dark .tutorial-hub__all-links summary,.dark .tutorial-hub__full-guide summary{color:#eaf6ff}.dark .tutorial-hub__lead,.dark .tutorial-hub__section-head p,.dark .tutorial-phase__summary p,.dark .tutorial-hub__stats span,.dark .tutorial-phase__article-meta,.dark .tutorial-card footer,.dark .tutorial-hub__mission li{color:#c5daea}.dark .tutorial-hub__phase-chip,.dark .tutorial-phase,.dark .tutorial-hub__catalog,.dark .tutorial-card,.dark .tutorial-hub__all-links,.dark .tutorial-hub__full-guide,.dark .tutorial-phase__article-link{background:#1f2d3a;border-color:#3e6178}.dark .tutorial-phase__summary,.dark .tutorial-phase__article-link:hover,.dark .tutorial-hub__all-link:hover{background:#243b4d}.dark .tutorial-hub__all-link,.dark .tutorial-phase__article-label,.dark .tutorial-hub__btn,.dark .tutorial-card h3 a{color:#deeffd}.dark .tutorial-phase__count{background:#294d63;border-color:#537791;color:#dbecf9}.dark .tutorial-hub__btn{background:#273846;border-color:#52748f}.dark .tutorial-hub__btn--primary{background:linear-gradient(135deg,#1ab1f1 0%,#0078c2 100%);border-color:transparent;color:#fff}.tutorial-hub{--hub-blue:#bb5a66;--hub-blue-deep:#94424d;--hub-red:#bb5a66;--hub-yellow:#e9b883;--hub-ink:#3a2d33;--hub-muted:#6f5961;--hub-soft:#fff6f8;--hub-soft-2:#f9ecef;--hub-border:#e4c4cb}.tutorial-hub__hero{border-color:#e2bdc4;background:linear-gradient(150deg,#fff5f7 0%,#f8e9ed 40%,#fffdfd 100%);box-shadow:0 14px 34px rgba(148,66,77,.14)}.tutorial-hub__hero::after{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.9) 0 24px,transparent 24px),radial-gradient(circle at 88% 38%,rgba(255,255,255,.72) 0 16px,transparent 16px),radial-gradient(circle at 72% 80%,rgba(255,255,255,.72) 0 14px,transparent 14px),repeating-linear-gradient(120deg,rgba(187,90,102,8%),rgba(187,90,102,8%) 2px,transparent 2px,transparent 24px)}.tutorial-hub__eyebrow{border-color:#e1bcc4;color:#8e4955}.tutorial-hub__title{color:#402a32}.tutorial-hub__lead{color:#5f4b52}.tutorial-hub__stats span{border-color:#e3c7cd;color:#6f5961}.tutorial-hub__stats strong{color:#8f4955}.tutorial-hub__btn{border-color:#dcb5bc;color:#7a3f4a}.tutorial-hub__btn:hover{box-shadow:0 8px 16px rgba(148,66,77,.14)}.tutorial-hub__btn--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#bb5a66 0%,#94424d 100%)}.tutorial-hub__mission li{border-color:#dfbec5;color:#6f575f}.tutorial-hub__phase-chip{border-color:#dfbcc3;color:#673844}.tutorial-hub__phase-chip:hover{border-color:#b95a66}.tutorial-hub__phase-chip-index{color:#5b3210;border-color:#d7a068;background:linear-gradient(135deg,#f6d2a9 0%,#eab783 100%)}.tutorial-hub__section-head h2{color:#4a2f37}.tutorial-hub__section-head p{color:#6d5960}.tutorial-phase{border-color:#e4c4cb}.tutorial-phase__summary{background:linear-gradient(140deg,#fff6f8 0%,#f8e9ed 80%);border-bottom-color:#e2bdc4}.tutorial-phase__summary::after{color:#8e4955}.tutorial-phase__badge{background:#f7d1b2;color:#7a4513}.tutorial-phase__summary h3{color:#603642}.tutorial-phase__summary p{color:#6d5960}.tutorial-phase__count{background:#f8e9ed;border-color:#dfbec5;color:#8d4a56}.tutorial-phase__article-link{background:#fffdfd}.tutorial-phase__article-link:hover{border-color:#d8b0b8}.tutorial-phase__article-order{background:#fbeff1;border-color:#ddb2ba;color:#874753}.tutorial-phase__article-label{color:#5e3943}.tutorial-phase__article-meta{color:#7b636a}.tutorial-hub__catalog{border-color:#e3c3ca;background:linear-gradient(160deg,#fffdfd 0%,#fdf3f5 100%)}.tutorial-card{border-color:#e3c0c7}.tutorial-card h3 a{color:#633740}.tutorial-card h3 a:hover{color:#9c4452}.tutorial-card footer{border-top-color:#ead0d5;color:#765f66}.tutorial-hub__all-links{border-color:#ddb8c0}.tutorial-hub__all-links summary{color:#6f3c47}.tutorial-hub__all-links-grid{border-top-color:#e8cdd3}.tutorial-hub__all-link{color:#69404a}.tutorial-hub__all-link:hover{border-color:#d8b0b8;background:#fdf3f5}.tutorial-hub__all-link span:first-child{background:#f8e9ed;border-color:#dfbec5;color:#844552}.tutorial-hub__full-guide{border-color:#e8cad1}.tutorial-hub__full-guide summary{color:#6f3d47}.dark .tutorial-hub{--hub-ink:#f2e9ec;--hub-muted:#d5c3c8;--hub-soft:#30282c;--hub-soft-2:#3a2f35;--hub-border:#6a4d56}.dark .tutorial-hub__hero{border-color:#744f59;background:linear-gradient(160deg,#2b2529 0%,#3b2c33 42%,#332d31 100%);box-shadow:0 14px 30px rgba(0,0,0,.42)}.dark .tutorial-hub__phase-chip,.dark .tutorial-phase,.dark .tutorial-hub__catalog,.dark .tutorial-card,.dark .tutorial-hub__all-links,.dark .tutorial-hub__full-guide,.dark .tutorial-phase__article-link{background:#2d272b;border-color:#6e525b}.dark .tutorial-phase__summary,.dark .tutorial-phase__article-link:hover,.dark .tutorial-hub__all-link:hover{background:#3b2f36}.dark .tutorial-hub__all-link,.dark .tutorial-phase__article-label,.dark .tutorial-hub__btn,.dark .tutorial-card h3 a{color:#f3e8ec}.dark .tutorial-phase__count{background:#47363d;border-color:#7f5f69;color:#f3e5ea}.dark .tutorial-hub__btn{background:#3a2d33;border-color:#7a5a64}.dark .tutorial-hub__btn--primary{color:#fff;background:linear-gradient(135deg,#c36d79 0%,#9a4d58 100%)}.tutorial-hub .post-content.tutorial-hub__full-guide-content{max-width:100% !important;width:100% !important;margin:0 !important;font-size:17px !important;line-height:1.72 !important;color:#273849 !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.4em !important;margin-bottom:.54em !important;padding:.52em .76em !important;border-radius:13px !important;border:1px solid #e3c3ca !important;background:linear-gradient(150deg,#fff9fa 0%,#f6e6ea 100%) !important;color:#7b3a46 !important;font-size:1.3em !important;font-family:fredoka,noto sans jp,sans-serif !important;font-weight:700 !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em !important;height:.62em !important;top:.7em !important;left:.7em !important;border-radius:50% !important;background:#c76a76 !important;box-shadow:0 0 0 4px rgba(199,106,118,.17) !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content h3{color:#7a3d48 !important;font-size:1.1em !important;margin-top:1.15em !important;margin-bottom:.4em !important;padding-left:.4em !important;border-left:3px solid #d08b95 !important;font-family:fredoka,noto sans jp,sans-serif !important;font-weight:700 !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content h4{color:#6d414a !important;font-size:1.02em !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content p{color:#273849 !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content a{color:#9b3345 !important;border-bottom:none !important}.tutorial-hub .post-content.tutorial-hub__full-guide-content blockquote{border-left:4px solid #c77783 !important;border-radius:0 10px 10px 0 !important;background:linear-gradient(145deg,#fff8f9 0%,#f7ecef 100%) !important;color:#493940 !important}.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content{color:#d5d9de !important}.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content p,.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content blockquote{color:#d5d9de !important}.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content details,.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content table,.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content pre{background:#2f2d33 !important;border-color:#70505a !important}.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content h3,.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content h4,.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content summary,.dark .tutorial-hub .post-content.tutorial-hub__full-guide-content a{color:#ffdbe1 !important}.main:has(.tutorial-pop-single){max-width:min(980px,calc(100vw - 2rem))}.tutorial-pop-single{--tp-red:#bb5a66;--tp-red-deep:#94424d;--tp-red-soft:#f9ecef;--tp-red-soft-2:#f5dfe3;--tp-border:#e8c6cc;--tp-ink:#24384b;--tp-muted:#5a6c7a;--tp-link:#a44b57;--tp-link-hover:#853742}.tutorial-pop-single__header{position:relative;overflow:hidden;padding:1.2rem;border:2px solid var(--tp-border);border-radius:24px;background:linear-gradient(150deg,#fff8f9 0%,var(--tp-red-soft) 48%,#fffdfd 100%);box-shadow:0 14px 28px rgba(148,66,77,.14)}.tutorial-pop-single__header::before{content:"";position:absolute;right:-56px;top:-56px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(187,90,102,.27) 0%,rgba(187,90,102,0) 72%)}.tutorial-pop-single__header::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.85) 0 22px,transparent 22px),radial-gradient(circle at 84% 35%,rgba(255,255,255,.65) 0 14px,transparent 14px),repeating-linear-gradient(130deg,rgba(187,90,102,6%),rgba(187,90,102,6%) 2px,transparent 2px,transparent 20px)}.tutorial-pop-single__header>*{position:relative;z-index:1}.tutorial-pop-single__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.22rem .62rem;border-radius:999px;border:1px solid #e3bac2;background:#fff;color:var(--tp-red-deep);font-size:.77rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.tutorial-pop-single .post-title{margin-top:.6rem;color:#3b2730;font-size:clamp(1.55rem,2.8vw,2.35rem);line-height:1.14;letter-spacing:-.01em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.tutorial-pop-single__description{margin-top:.72rem;margin-bottom:.75rem;color:#5f4a51;font-size:.97rem;line-height:1.55}.tutorial-pop-single__meta{color:#6e6a6d;font-size:.86rem}.tutorial-pop-single__quicklinks{display:flex;flex-wrap:wrap;gap:.46rem;margin-top:.82rem}.tutorial-pop-single__quicklinks a{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .76rem;border-radius:999px;border:1px solid #e3bac2;background:#fff;color:#8b4752;text-decoration:none;font-size:.8rem;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.tutorial-pop-single__quicklinks a:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(148,66,77,.14)}.tutorial-pop-single .post-content{max-width:100%;font-size:17px;line-height:1.72;color:#1f2f3f;background:#fff;border:1px solid #ecd4d9;border-radius:16px;padding:clamp(1rem,2.3vw,1.5rem);box-shadow:0 10px 24px rgba(148,66,77,8%)}.tutorial-pop-single .post-content>:last-child{margin-bottom:0}.tutorial-pop-single .post-content p{color:#273849}.tutorial-pop-single .post-content p,.tutorial-pop-single .post-content ul,.tutorial-pop-single .post-content ol,.tutorial-pop-single .post-content blockquote,.tutorial-pop-single .post-content table,.tutorial-pop-single .post-content details,.tutorial-pop-single .post-content pre{margin-bottom:1.1rem}.tutorial-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+h3,.tutorial-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+p,.tutorial-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ul,.tutorial-pop-single .post-content h2:not(.kanji-grade-header):not(.kanji-hero-title)+ol{background:0 0;border:0;border-radius:0;box-shadow:none;padding:0}.tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+p),.tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ul),.tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header):has(+ol){margin-bottom:.18em}.tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header){margin-top:1.45em;margin-bottom:.55em;padding:.54em .78em;border-radius:13px;border:1px solid #e5c3c9;background:linear-gradient(150deg,#fff9fa 0%,#f6e6ea 100%);color:#7b3a46;font-size:1.34em;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";width:.62em;height:.62em;top:.7em;left:.7em;border-radius:50%;background:#c76a76;box-shadow:0 0 0 4px rgba(199,106,118,.17)}.tutorial-pop-single .post-content h3{color:#7a3d48;font-size:1.13em;margin-top:1.2em;margin-bottom:.42em;padding-left:.4em;border-left:3px solid #d08b95;font-family:fredoka,noto sans jp,sans-serif;font-weight:700}.tutorial-pop-single .post-content h4{color:#6d414a;font-size:1.03em;margin-top:1em;margin-bottom:.35em}.tutorial-pop-single .post-content a{color:#9b3345;text-decoration-color:rgba(155,51,69,.55);border-bottom:none}.tutorial-pop-single .post-content a:hover{color:#742a37;text-decoration-color:rgba(116,42,55,.72)}.tutorial-pop-single .post-content blockquote{margin:1.1em 0;padding:.9em 1em .9em 1.2em;border-left:4px solid #c77783;border-radius:0 10px 10px 0;background:linear-gradient(145deg,#fff8f9 0%,#f7ecef 100%);color:#493940}.tutorial-pop-single .post-content p:has(+blockquote){margin-top:.9rem;margin-bottom:.55rem;padding:.66rem .86rem;border:1px solid #d9dde1;border-radius:12px;background:linear-gradient(140deg,#ffffff 0%,#f7fafc 100%);color:#26384a;box-shadow:0 4px 10px rgba(36,56,75,5%)}.tutorial-pop-single .post-content p:has(+blockquote) strong:first-child{color:#304559}.tutorial-pop-single .post-content hr{background:linear-gradient(90deg,transparent 0%,#c9808c 50%,transparent 100%);height:2px;margin:2.1em 0}.tutorial-pop-single .post-content code{background:#f7eff1;color:#8b4451;border-radius:4px}.tutorial-pop-single .post-content pre{border-radius:10px;border:1px solid #e8ccd2;background:#fcf8f9}.tutorial-pop-single .post-content pre code{color:#3f3f45;background:0 0}.tutorial-pop-single .post-content table{border:1px solid #e6c9ce;border-radius:10px;overflow:hidden}.tutorial-pop-single .post-content thead th{background:#b96672;color:#fff7f8}.tutorial-pop-single .post-content tbody tr:nth-child(even){background:#fff8f9}.tutorial-pop-single .post-content details{border:1px solid #e2bec5;border-radius:10px;background:#fff}.tutorial-pop-single .post-content summary{color:#7d3f4b;font-weight:700}.tutorial-pop-single .post-content details[open] summary{background:#be6874;color:#fff;border-bottom-color:#e2bec5}.tutorial-pop-single .post-footer{margin-top:1.4rem}.tutorial-pop-single .post-footer .paginav{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1rem !important;background:0 0 !important;border:0 !important;padding:0 !important;margin-top:1.2rem !important}.tutorial-pop-single .post-footer .paginav a{position:relative;overflow:hidden;display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;min-height:128px !important;padding:1rem 1.1rem !important;border-radius:16px !important;border:2px solid #e4bcc3 !important;background:linear-gradient(145deg,#fffafa 0%,#f7ebee 100%) !important;box-shadow:0 8px 18px rgba(148,66,77,.12) !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important}.tutorial-pop-single .post-footer .paginav a::after{content:"";position:absolute;left:.8rem;right:.8rem;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#b75e69 0%,#d78994 100%);opacity:.95}.tutorial-pop-single .post-footer .paginav a:hover{transform:translateY(-3px) !important;border-color:#cc8d97 !important;box-shadow:0 12px 24px rgba(148,66,77,.18) !important}.tutorial-pop-single .post-footer .paginav .title{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.48rem;padding:.2rem .56rem;border-radius:999px;border:1px solid #deb4bc;background:#fff;color:#8f4a56 !important;font-size:.72rem !important;letter-spacing:.06em !important;text-transform:uppercase;font-weight:800}.tutorial-pop-single .post-footer .paginav a>span:not(.title){color:#2d3f50;font-size:1.03rem;line-height:1.38;font-weight:700}.tutorial-pop-single .post-footer .paginav .next{align-items:flex-end;text-align:right}.tutorial-pop-single .post-tags a{border:1px solid #e2bec5;background:#fff9fa;color:#8e4a56}.tutorial-pop-single .post-tags a:hover{background:#f6e6ea;border-color:#d8aab2}@media(max-width:768px){.main:has(.tutorial-pop-single){max-width:100%}.tutorial-pop-single__header{border-radius:18px}.tutorial-pop-single .post-title{font-size:clamp(1.35rem,5vw,1.9rem)}.tutorial-pop-single__quicklinks{flex-direction:column;align-items:stretch}.tutorial-pop-single__quicklinks a{width:100%}.tutorial-pop-single .post-content{font-size:16px;line-height:1.7}.tutorial-pop-single .post-footer .paginav{grid-template-columns:1fr !important}.tutorial-pop-single .post-footer .paginav .next{align-items:flex-start;text-align:left}}.dark .tutorial-pop-single{--tp-ink:#e9eef4;--tp-muted:#bcc5d0;--tp-link:#f0a0ac;--tp-link-hover:#ffc5cf}.dark .tutorial-pop-single__header{border-color:#6d4a52;background:linear-gradient(150deg,#2a262b 0%,#3a2f34 55%,#2d2b30 100%);box-shadow:0 14px 28px rgba(0,0,0,.35)}.dark .tutorial-pop-single__eyebrow,.dark .tutorial-pop-single__quicklinks a,.dark .tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .tutorial-pop-single .post-content details,.dark .tutorial-pop-single .post-tags a,.dark .tutorial-pop-single .post-content pre,.dark .tutorial-pop-single .post-content table{background:#2f2d33;border-color:#70505a}.dark .tutorial-pop-single .post-title,.dark .tutorial-pop-single .post-content h2:not(.kanji-hero-title):not(.kanji-grade-header),.dark .tutorial-pop-single .post-content h3,.dark .tutorial-pop-single .post-content h4,.dark .tutorial-pop-single .post-content summary,.dark .tutorial-pop-single__eyebrow,.dark .tutorial-pop-single__quicklinks a,.dark .tutorial-pop-single .post-tags a{color:#ffdbe1}.dark .tutorial-pop-single__description,.dark .tutorial-pop-single__meta,.dark .tutorial-pop-single .post-content,.dark .tutorial-pop-single .post-content blockquote{color:#d5d9de}.dark .tutorial-pop-single .post-content{background:#26242a;border-color:#6d4d56;box-shadow:0 10px 24px rgba(0,0,0,.36)}.dark .tutorial-pop-single .post-content p{color:#dee5ec}.dark .tutorial-pop-single .post-content blockquote{background:linear-gradient(145deg,#2e2c31 0%,#393238 100%);border-left-color:#b96a76}.dark .tutorial-pop-single .post-content p:has(+blockquote){background:linear-gradient(140deg,#2a2f36 0%,#313842 100%);border-color:#576474;color:#e4ebf2;box-shadow:none}.dark .tutorial-pop-single .post-content p:has(+blockquote) strong:first-child{color:#f4f7fb}.dark .tutorial-pop-single .post-content hr{background:linear-gradient(90deg,transparent 0%,#af6b76 50%,transparent 100%)}.dark .tutorial-pop-single .post-content details[open] summary{background:#9e5a65}.dark .tutorial-pop-single .post-content code{background:#3a3237;color:#ffc4cf}.dark .tutorial-pop-single .post-content thead th{background:#9b5a65}.dark .tutorial-pop-single .post-content tbody tr:nth-child(even){background:#322e34}.dark .tutorial-pop-single .post-footer .paginav a{border-color:#785762 !important;background:linear-gradient(145deg,#2f2c31 0%,#3a343b 100%) !important;box-shadow:0 10px 20px rgba(0,0,0,.32) !important}.dark .tutorial-pop-single .post-footer .paginav a::after{background:linear-gradient(90deg,#ba6f7b 0%,#d7939e 100%)}.dark .tutorial-pop-single .post-footer .paginav .title{border-color:#7f5f69;background:#3b363d;color:#ffd9e1 !important}.dark .tutorial-pop-single .post-footer .paginav a>span:not(.title){color:#e8edf3}.post-content{font-size:18px;line-height:1.6;color:var(--content);max-width:800px;margin:0 auto}.post-content h1{font-size:1.8em;font-weight:700;margin-top:1.5em;margin-bottom:.5em;line-height:1.2;color:var(--primary);border-bottom:3px solid #e74c3c;padding-bottom:.3em}.post-content h2:not(.kanji-hero-title):not(.kanji-grade-header){font-size:1.5em;font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.3;color:#2c3e50;position:relative;padding-left:1em}.post-content h2:not(.kanji-hero-title):not(.kanji-grade-header)::before{content:"";position:absolute;left:0;top:.15em;width:4px;height:1.5em;background:linear-gradient(180deg,#e74c3c 0%,#c0392b 100%);border-radius:2px}.post-content h3{font-size:1.25em;font-weight:600;margin-top:1.25em;margin-bottom:.4em;color:#34495e}.post-content h4{font-size:1.1em;font-weight:600;margin-top:1em;margin-bottom:.4em;color:#34495e}.post-content p{margin-bottom:1em}.post-content ul,.post-content ol{margin-bottom:1em;padding-left:2em}.post-content li{margin-bottom:.5em;line-height:1.6}.post-content li>ul,.post-content li>ol{margin-top:.5em;margin-bottom:.5em}.post-content code{background-color:#f8f9fa;padding:.2em .4em;border-radius:3px;font-size:.9em;color:#e74c3c;font-family:monaco,courier new,monospace}.post-content pre{background-color:#f8f9fa;border:1px solid #e1e4e8;border-radius:6px;padding:1.5em;overflow-x:auto;margin:1.5em 0;line-height:1.6}.post-content pre code{background-color:transparent;padding:0;color:inherit}.post-content blockquote{border-left:4px solid #e74c3c;padding-left:1.5em;margin:1em 0;font-style:normal;color:#555;background-color:#f8f9fa;padding:1em 1em 1em 1.5em;border-radius:0 4px 4px 0}.post-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#e74c3c 50%,transparent 100%);margin:2em 0}.post-content strong{font-weight:600;color:#2c3e50}.post-content em{font-style:italic;color:#555}.post-content a{color:#e74c3c;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-content a:hover{border-bottom-color:#e74c3c}.post-header h1,.page-header h1{font-size:2em;font-weight:700;margin-bottom:.5em;line-height:1.2;color:#2c3e50}.post-header .post-description,.page-header .post-description{display:block;font-size:1em;font-weight:400;font-style:italic;color:#666;line-height:1.6;margin-top:1rem;margin-bottom:2rem}.post-meta{font-size:.95em;color:#999;margin-top:.5rem;margin-bottom:1rem}@media screen and (max-width:768px){.post-content{font-size:16px;line-height:1.7}.post-content h1{font-size:1.3em}.post-content h2:not(.kanji-hero-title):not(.kanji-grade-header){font-size:1.2em}.post-content h3{font-size:1.1em}.post-header h1{font-size:1.5em}}