.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/m-plus-rounded-1c-latin-400-normal.GF9lDfTs.woff2)format("woff2"),url(/_astro/m-plus-rounded-1c-latin-400-normal.cOmgXqvf.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/m-plus-rounded-1c-latin-700-normal.BYs1YzuX.woff2)format("woff2"),url(/_astro/m-plus-rounded-1c-latin-700-normal.DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/m-plus-rounded-1c-latin-800-normal.941enk6N.woff2)format("woff2"),url(/_astro/m-plus-rounded-1c-latin-800-normal.B5F1WBCU.woff)format("woff")}:root{--blue:#0759c7;--blue-deep:#0548a3;--blue-press:#04357a;--orange:#ffb000;--orange-deep:#e09a00;--orange-ink:#7a4e00;--navy:#06245c;--canvas:#faf9f6;--sky:#eaf2ff;--paper:#fff;--muted:#4a5a78;--line:#d5deec;--green:#1b6b3a;--green-bg:#e4f6ea;--orange-bg:#ffe9b8;--danger:#b42318;--danger-bg:#fde8e6;--platform:#eef0f3;--platform-ink:#3a4a63;--sidebar:272px;--sidebar-collapsed:76px;--sidebar-current:var(--sidebar);--font:"M PLUS Rounded 1c", "Hiragino Sans", "Noto Sans JP", sans-serif;--ease:cubic-bezier(.2, .75, .2, 1);--shadow-card:0 1px 0 #ffffffe6 inset, 0 1px 2px #06245c0f, 0 8px 18px -8px #06245c2e;--shadow-button:inset 0 1px 0 #ffffff59, 0 2px 0 var(--blue-press), 0 4px 10px #06245c38;--shadow-orange:inset 0 1px 0 #fff6, 0 2px 0 #c48400, 0 4px 10px #7a4e0038;--shadow-inset:inset 0 2px 4px #06245c1f}html[data-sidebar=collapsed]{--sidebar-current:var(--sidebar-collapsed)}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);color:var(--navy);font-family:var(--font)}body{background:var(--canvas);min-width:320px;color:var(--navy);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}::selection{background:var(--sky);color:var(--navy)}a{color:inherit}button,input,select{font:inherit}img,svg{max-width:100%;display:block}.skip-link{z-index:80;background:var(--orange);color:var(--navy);border-radius:10px;padding:10px 14px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.icon{flex:none;width:1.15em;height:1.15em}.site-shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar);background:var(--paper);transition:width .22s var(--ease), transform .22s var(--ease);border-right:1px solid #06245c14;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:4px 0 18px -12px #06245c47}.sidebar-brand{align-items:center;gap:12px;min-height:80px;padding:18px 18px 14px;text-decoration:none;display:flex}.brand-mark{object-fit:contain;background:0 0;flex:none;width:40px;height:40px}.brand-wordmark{font-size:1.02rem;font-weight:800;line-height:1.05;display:grid}.brand-wordmark span{color:var(--blue)}.brand-wordmark strong{color:var(--orange);font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:24px;min-height:0;padding:8px 10px 18px;display:flex;overflow:auto}.nav-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 10px 10px;font-size:.68rem;font-weight:800}.nav-list,.nav-children{gap:6px;margin:0;padding:0;list-style:none;display:grid}.nav-link,.nav-toggle{width:100%;min-height:44px;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:700;text-decoration:none;display:flex}.nav-link .icon,.nav-toggle .icon{color:var(--blue)}.nav-link .icon[lang=ja]{place-items:center;width:1.15em;height:1.15em;font-size:1.05rem;font-weight:800;line-height:1;display:grid}.nav-link[aria-current=page],.nav-toggle.is-current{background:var(--sky);box-shadow:inset 3px 0 0 var(--orange)}.nav-link:hover,.nav-toggle:hover{background:var(--sky)}.nav-toggle .nav-caret{transition:transform .18s var(--ease);margin-left:auto}.nav-item.open .nav-caret{transform:rotate(180deg)}.nav-children{padding:0 0 6px 36px}.nav-children a{min-height:44px;color:var(--muted);align-items:center;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.nav-children a:hover,.nav-children a[aria-current=page]{color:var(--blue)}.nav-empty{color:var(--muted);padding:6px 0 10px;font-size:.82rem}.nav-flyout{position:relative}.nav-flyout-panel{z-index:50;border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;gap:4px;padding:10px;display:grid;position:fixed}.nav-flyout-panel[hidden]{display:none}.nav-flyout-panel a{min-height:44px;color:var(--navy);border-radius:8px;align-items:center;padding:8px 12px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.nav-flyout-panel a:hover,.nav-flyout-panel a[aria-current=page]{background:var(--sky);color:var(--blue)}.sidebar-cta{padding:12px 14px 18px}.collapse-control{border:1px solid var(--line);background:var(--paper);width:28px;height:28px;box-shadow:var(--shadow-card);color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:22px;right:-14px}.menu-toggle{border:1px solid var(--line);background:var(--paper);min-width:44px;min-height:44px;box-shadow:var(--shadow-card);color:var(--blue);border-radius:12px;justify-content:center;align-items:center;display:none}.backdrop,.mobile-bar{display:none}.site-main{margin-left:var(--sidebar-current);min-width:0;transition:margin-left .22s var(--ease)}.page{width:min(1120px,100% - 48px);margin:0 auto;padding:40px 0 80px}.page--wide{width:min(1180px,100% - 48px)}.page--article{width:min(1080px,100% - 48px)}.button{cursor:pointer;min-height:44px;transition:transform .14s var(--ease), box-shadow .14s var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.button:active{transform:translateY(2px)}.button--primary{background:linear-gradient(#1a6fd4, var(--blue));border-color:var(--blue-deep);box-shadow:var(--shadow-button);color:#fff}.button--orange{background:linear-gradient(#ffc433, var(--orange));border-color:var(--orange-deep);box-shadow:var(--shadow-orange);color:var(--navy)}.button--quiet{border-color:var(--orange);color:var(--orange-ink);background:linear-gradient(#fff,#f7f4ee);box-shadow:inset 0 1px #fff,0 2px #e6c27a,0 3px 8px #06245c14}.button--ghost{border-color:var(--blue);box-shadow:inset 0 1px 0 #fff, 0 2px 0 var(--line), 0 3px 8px #06245c14;color:var(--blue);background:linear-gradient(#fff,#f4f7fc)}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border-radius:999px;align-items:center;min-height:26px;padding:3px 9px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.pill--beginner,.pill--easy{background:var(--sky);color:var(--blue)}.pill--intermediate{background:var(--blue);color:#fff}.pill--advanced,.pill--involved{color:var(--navy);background:#d9e4f5}.pill--moderate{color:var(--blue-deep);background:#dce8f8}.pill--paid{background:var(--orange-bg);color:var(--orange-ink)}.pill--free,.pill--freemium{background:var(--green-bg);color:var(--green)}.pill--type{background:var(--navy);color:#fff}.pill--platform{background:var(--platform);color:var(--platform-ink)}.pill--guide{background:var(--sky);color:var(--blue)}.pill--comparison{background:var(--orange-bg);color:var(--orange-ink)}.breadcrumbs{color:var(--muted);margin:0 0 18px;font-size:.82rem}.breadcrumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:6px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--blue)}.page-title{color:var(--blue);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,2.7rem);font-weight:800;line-height:1.12}.page-intro{max-width:68ch;color:var(--muted);margin:16px 0 0;font-size:1.05rem}.paper-card{background:var(--paper);box-shadow:var(--shadow-card);border:1px solid #06245c14;border-radius:14px}.home-hero{max-width:760px}.home-hero .page-title{font-size:clamp(2.2rem,5vw,3.2rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.job-card{margin-top:36px;padding:16px 14px 12px}.job-card h2{margin:16px 20px 12px;font-size:1.15rem;font-weight:800}.job-row{border-top:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:center;gap:14px;min-height:76px;padding:14px 18px;text-decoration:none;display:grid}.job-row strong{font-size:1.02rem;display:block}.job-row small{color:var(--muted);display:block}.job-icon{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.job-icon .icon{color:#fff}.job-row>.icon{color:var(--blue)}.home-section{margin-top:48px}.home-section h2{margin:0 0 16px;font-size:1.35rem;font-weight:800}.popular-row{flex-wrap:wrap;gap:18px 28px;display:flex}.popular-row a{align-items:center;gap:10px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.latest-list{margin:0;padding:0;list-style:none}.latest-list a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding:12px 0;font-weight:800;text-decoration:none;display:flex}.latest-list a .icon{color:var(--blue)}.directory-tools{gap:16px;margin:28px 0 26px;display:grid}.search-field{min-height:48px;box-shadow:var(--shadow-inset);color:var(--muted);background:#fff;border:1px solid #06245c1f;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{width:100%;color:var(--navy);background:0 0;border:0;outline:none}.filter-row{flex-wrap:wrap;gap:10px;display:flex}.filter-details{position:relative}.filter-details summary{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#fff,#f6f4ef);border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-weight:800;list-style:none;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px 2px #06245c0f}.filter-details summary::-webkit-details-marker{display:none}.filter-menu{z-index:8;border:1px solid var(--line);min-width:196px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.filter-menu label{align-items:center;gap:10px;min-height:44px;font-size:.9rem;font-weight:700;display:flex}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-card{flex-direction:column;gap:8px;min-width:0;padding:22px;display:flex}.resource-card[hidden]{display:none}.resource-head{align-items:center;gap:12px;display:flex}.resource-logo{object-fit:contain;background:0 0;border-radius:6px;flex:none;width:28px;height:28px}.resource-logo--missing{color:var(--muted);place-items:center;font-size:.85rem;font-weight:800;display:grid}.resource-card h2,.resource-card h3{color:var(--blue);margin:0;font-size:1.15rem;font-weight:800}.resource-card p{color:var(--muted);margin:14px 0 0;font-size:.92rem}.owned-quiet{color:var(--muted);margin-top:8px;font-size:.78rem;font-weight:700}.resource-card .pills{margin-top:16px}.card-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;display:flex}.directory-empty{color:var(--muted);margin:20px 0 0;font-weight:700}.newsletter-sheet{padding:32px}.newsletter-form{gap:14px;margin-top:24px;display:grid}.newsletter-form input[type=email]{min-height:48px;box-shadow:var(--shadow-inset);background:#fff;border:1px solid #06245c1f;border-radius:12px;padding:0 14px}.field-label{font-weight:800}.consent-row{align-items:flex-start;gap:12px;min-height:44px;font-size:.95rem;display:flex}.consent-row input{width:20px;height:20px;margin-top:4px}.form-status{background:var(--green-bg);color:var(--green);border-radius:12px;margin-top:18px;padding:14px 16px;font-weight:700}.form-status--error{background:var(--danger-bg);color:var(--danger)}.unsubscribe-details{margin-top:28px}.unsubscribe-details summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.gallery-card{gap:12px;padding:22px;text-decoration:none;display:grid}.gallery-card h2{color:var(--blue);margin:0;font-size:1.2rem;font-weight:800}.gallery-card p{color:var(--muted);margin:0}.gallery-card small{color:var(--muted);font-weight:700}.layout-split{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}.profile-hero{padding:28px}.profile-hero .resource-head h1{color:var(--blue);margin:0;font-size:clamp(2rem,4vw,2.6rem);font-weight:800}.profile-hero .resource-logo{width:44px;height:44px}.disclosure{color:var(--navy);background:#fff6df;border:1px solid #f0c56a;border-radius:12px;gap:12px;margin-top:18px;padding:14px 16px;font-size:.92rem;display:flex}.disclosure .icon{color:var(--orange-ink)}.fit-grid{grid-template-columns:1fr 1fr;gap:20px;margin:26px 0;display:grid}.fit-panel{padding:22px}.fit-panel h2{align-items:center;gap:8px;margin:0 0 12px;font-size:1.05rem;display:flex}.fit-panel--good h2{color:var(--green)}.fit-panel--avoid h2{color:var(--danger)}.fit-panel ul{margin:0;padding:0;list-style:none}.fit-panel li{gap:8px;margin:10px 0;display:flex}.stats-card,.related-card,.toc-card{padding:20px 22px}.stats-card h2,.related-card h2,.toc-card h2{color:var(--blue);margin:0 0 12px;font-size:1.05rem}.stat{border-top:1px solid var(--line);gap:2px;padding:10px 0;display:grid}.stat:first-of-type{border-top:0}.stat span{color:var(--blue);align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:flex}.alt-link{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.alt-link:first-of-type{border-top:0}.alt-link small{color:var(--muted);font-weight:500;display:block}.toc-card a{color:var(--blue);border-left:2px solid #0000;padding:7px 0 7px 10px;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.toc-card a[aria-current=true],.toc-card a:hover{border-left-color:var(--orange)}.prose{color:#1d2f4d;max-width:70ch;font-size:1.02rem;line-height:1.75}.prose>:first-child{margin-top:0}.prose h2,.prose h3{color:var(--blue);letter-spacing:-.02em;scroll-margin-top:24px;font-weight:800}.prose h2{margin:2.4em 0 .7em;font-size:1.45rem}.prose h3{margin:1.6em 0 .45em;font-size:1.15rem}.prose a{color:var(--blue);font-weight:700}.prose table{border-collapse:collapse;width:100%;font-size:.92rem}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 12px}.prose th{border-bottom:2px solid var(--navy);font-size:.75rem;font-weight:800}.compare-table{border-collapse:collapse;background:var(--paper);width:100%;box-shadow:var(--shadow-card);margin:26px 0}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px 18px}.compare-head{align-items:center;gap:8px;display:flex}.verdict-banner{background:#fff8e8;border:1px solid #f0c56a;border-radius:12px;gap:10px;margin:18px 0 28px;padding:14px 16px;display:flex}.planner{margin:22px 0 28px;padding:20px 20px 16px 36px;position:relative;overflow:hidden}.planner:before{content:"";background:radial-gradient(circle at 50% 12px,#d5deec 4px,#0000 5px),radial-gradient(circle,#d5deec 4px,#0000 5px),radial-gradient(circle at 50% calc(100% - 12px),#d5deec 4px,#0000 5px);width:10px;position:absolute;top:18px;bottom:18px;left:12px}.planner h2{color:var(--blue);margin:0 0 12px;font-size:1.1rem}.planner-bars{border-bottom:1px solid var(--line);grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:140px;padding-top:12px;display:grid;position:relative}.planner-bars:after{border-top:2px dashed var(--orange);content:"";position:absolute;bottom:42%;left:0;right:0}.planner-bar{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.planner-bar i,.planner-bar b{border-radius:3px 3px 0 0;display:block}.planner-bar i{background:#9bb8e6}.planner-bar b{background:var(--navy)}.planner-tip{color:var(--muted);gap:8px;margin-top:12px;font-size:.85rem;display:flex}.sources,.keep-reading,.go-sheet{margin-top:36px;padding:22px}.sources h2,.keep-reading h2,.go-sheet h1{margin:0 0 10px}.sources ul,.keep-reading ul{margin:0;padding:0;list-style:none}.sources a,.keep-reading a{min-height:44px;color:var(--blue);align-items:center;gap:6px;font-weight:700;display:inline-flex}.site-footer{border-top:1px solid var(--line);width:min(1120px,100% - 48px);color:var(--muted);margin:0 auto;padding:28px 0 40px;font-size:.88rem}.site-footer nav{flex-wrap:wrap;gap:12px 18px;margin-bottom:12px;display:flex}.site-footer a{min-height:44px;color:var(--blue);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.directory-grid.is-filtering .resource-card:not([hidden]){animation:settle .24s var(--ease)}@keyframes settle{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}html[data-sidebar=collapsed] .sidebar{width:var(--sidebar-collapsed)}html[data-sidebar=collapsed] .brand-wordmark,html[data-sidebar=collapsed] .nav-label,html[data-sidebar=collapsed] .nav-text,html[data-sidebar=collapsed] .nav-toggle .nav-caret,html[data-sidebar=collapsed] .nav-children,html[data-sidebar=collapsed] .sidebar-cta .nav-text{display:none}html[data-sidebar=collapsed] .nav-link,html[data-sidebar=collapsed] .nav-toggle,html[data-sidebar=collapsed] .sidebar-cta .button{justify-content:center;padding-inline:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (width<=1080px){.resource-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-split,.fit-grid{grid-template-columns:1fr}}@media (width<=820px){.sidebar{width:min(86vw,300px);transform:translate(-105%)}.sidebar.is-open{transform:none}.backdrop.is-open{z-index:30;background:#06245c47;display:block;position:fixed;inset:0}.site-main{margin-left:0}.mobile-bar{align-items:center;gap:12px;padding:12px 16px;display:flex}.menu-toggle{display:inline-flex}.collapse-control{display:none}.page,.page--wide,.page--article,.site-footer{width:min(100% - 28px,1120px)}.resource-grid,.gallery-grid{grid-template-columns:1fr}.compare-table,.compare-table tbody,.compare-table tr,.compare-table td,.prose table,.prose tbody,.prose tr,.prose td{width:100%;display:block}.compare-table thead,.prose thead{display:none}.compare-table td[data-label]:before{color:var(--blue);content:attr(data-label);margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.hero-actions .button,.card-actions .button{flex:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}