/* Shigoto Note — vivid blue, warm yellow, readable white surfaces. */
:root{--blue:#164ed8;--ink:#192d52;--muted:#53647e;--mint:#eef4ff}body{background:#f7f9ff;color:#192d52}header{background:white;border-top:5px solid #164ed8;max-width:none;padding-inline:max(20px,calc((100% - 1180px)/2));height:94px}header .brand{color:#164ed8}.brand-symbol{background:#164ed8;color:white;border-color:#164ed8;box-shadow:4px 4px 0 #ffcd47}.nav-cta{background:#fff0bd;border-color:#e3c567;color:#563d00}.portal{background:transparent;border-top:0}.portal-title{padding:18px 0 25px}.portal-title h1{font-size:32px;font-weight:800}.category-nav{border:0;border-radius:10px;background:white;box-shadow:0 4px 16px #183c8310}.category-nav a{min-height:48px}.category-nav a.current{background:#164ed8}.editorial-picks{margin:26px 0 32px}.picks-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}.picks-heading>span{color:#164ed8;font-size:11px;font-weight:800;letter-spacing:1px}.picks-heading h2{font-size:21px;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.featured-grid>a{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:175px;padding:21px 23px;border-radius:12px;background:#164ed8;color:white;box-shadow:0 5px 0 #103aa2;overflow:hidden}.featured-grid>a:nth-child(2){background:#ffce49;color:#273344;box-shadow:0 5px 0 #d7a52b}.featured-grid>a:nth-child(3){background:#087c83;color:white;box-shadow:0 5px 0 #055d63}.featured-grid>a:after{content:'↗';position:absolute;right:12px;bottom:0;font-size:70px;line-height:1;color:currentColor;opacity:.12}.featured-grid>a>span{font-size:11px;letter-spacing:2px}.featured-grid b{font-size:18px;line-height:1.6;max-width:95%}.featured-grid small{font-size:11px;margin-top:auto}.portal .ranking-banner{position:relative;overflow:hidden;background:linear-gradient(115deg,#103aaf,#1769df);color:white;border:0;padding:28px;border-radius:12px;box-shadow:0 8px 25px #164ed822}.ranking-banner:after{content:'';position:absolute;width:220px;height:220px;border:35px solid #ffffff0d;border-radius:50%;right:-65px;top:-80px;pointer-events:none}.ranking-banner h2{color:white;font-size:29px}.ranking-banner p,.ranking-banner>div>span{color:#e7eeff}.banner-stat{color:#ffe18a;border-left-color:#ffffff55}.banner-stat b{color:#ffda66}.banner-stat span{color:white}.side-panel,.rank-item{background:white}.side-panel h2{background:#e7efff;color:#133f9d;border-top:3px solid #164ed8}.side-note{background:#fff2c6;border:1px solid #ead380;border-radius:10px}.purpose-shortcuts{margin-top:18px}.purpose-shortcuts button{border-radius:9px;border-bottom:3px solid #bdd0f6;background:white}.purpose-shortcuts button[aria-pressed=true]{background:#e8efff;border-color:#164ed8}.purpose-tabs button[aria-pressed=true]{background:#164ed8;color:white}.rank-item{border-radius:12px;margin-bottom:22px;border:1px solid #cad7ed;box-shadow:0 4px 12px #132f6609}.rank-title{background:#edf2ff;border-bottom:1px solid #d4def3;padding-block:15px}.rank-item[data-rank="1"]{border:2px solid #e7b632}.rank-item[data-rank="1"] .rank-title{background:#fff1bc}.position{background:#164ed8;color:white;border-radius:7px}.rank-item[data-rank="1"] .position{background:#815512;color:white}.portal .official-button,.official-button{background:#ce4d08;color:white;border-color:#b74306;box-shadow:0 3px 0 #963a06;border-radius:7px}.portal .official-button:hover,.official-button:hover{background:#ad3f04;color:white}.ranking-heading,.block-title{border-bottom-color:#164ed8}.block-title{padding:13px 16px;background:#e8efff;border-left:5px solid #164ed8;border-radius:0 7px 7px 0}.portal-articles>a{border-top:4px solid #164ed8;background:white;border-radius:8px;padding:20px}.portal-articles>a:nth-child(2){border-top-color:#c48a00}.portal-articles>a:nth-child(3){border-top-color:#087c83}.detail-masthead{background:#e8efff;border-top:5px solid #164ed8;border-radius:12px;padding:25px}.detail-verdict{background:#fff3c9}.detail-section,.detail-main{min-width:0}.detail-points>div{background:white;border-top:4px solid #164ed8}.reading{max-width:840px}.reading:not(.editorial-reading)>h1{border-left:7px solid #164ed8;padding-left:22px}.reading section h2{color:#143c91}.reading .intro,.callout{border-left:5px solid #164ed8;border-radius:0 10px 10px 0}.toc{background:white;border:1px solid #cbd8f1;border-top:4px solid #164ed8;border-radius:9px}.toc a{color:#164aa9}.article-cover{position:relative;padding:36px 38px 44px;background:#164ed8;color:white;border-radius:16px;overflow:hidden;box-shadow:9px 9px 0 #ffcf4e}.article-cover:after{content:'';position:absolute;width:220px;height:220px;right:-90px;top:-95px;border-radius:50%;border:36px solid #ffffff10;pointer-events:none}.reading .article-cover h1{font-size:34px;line-height:1.6;color:white;margin:18px 0;position:relative;z-index:1}.article-cover>p{font-size:15px;line-height:1.9;max-width:620px;color:#f0f5ff}.cover-tag{display:inline-block;background:#ffda66;color:#263650;padding:5px 12px;border-radius:4px;font-size:12px;font-weight:700}.cover-number{display:block;text-align:right;font-size:11px;font-weight:700;letter-spacing:3px;color:#d5e3ff;margin-top:22px}.editorial-reading>.meta{margin:26px 0}.answer-box{background:#fff1be;border-radius:12px;padding:25px 28px;margin:30px 0;border:1px solid #e8cf7e}.answer-box>b{display:inline-block;color:#5c4000;border-bottom:3px solid #dda71b;padding-bottom:4px}.answer-box p{font-size:16px;font-weight:700;line-height:2;margin-bottom:0}.section-number{font-size:11px;color:#164ed8;font-weight:800;letter-spacing:2px}.editorial-reading section{scroll-margin-top:24px}.editorial-reading section h2{border-bottom:3px solid #d7e3ff;padding-bottom:13px;font-size:25px}.step-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.step-visual.two{grid-template-columns:repeat(2,minmax(0,1fr))}.step-visual>div{background:white;border:1px solid #c7d7f4;border-radius:11px;padding:22px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 0 #dbe5f8}.step-visual b{color:#164ed8;font-size:14px}.step-visual strong{font-size:16px}.step-visual span{font-size:12px;color:#52617a}.note-checks{list-style:none;padding:0;background:white;border:1px solid #d4dfef;border-radius:10px;overflow:hidden}.note-checks li{position:relative;padding:18px 20px 18px 48px;line-height:1.9;font-size:15px;border-bottom:1px solid #e0e7f2}.note-checks li:last-child{border:0}.note-checks li:before{content:'✓';position:absolute;left:20px;color:#164ed8;font-weight:800}.editorial-table{border-radius:10px;border-color:#cbd8ec;margin:28px 0}.editorial-table table{width:100%;min-width:510px;border-collapse:collapse;background:white;font-size:14px}.editorial-table caption{text-align:left;padding:14px 17px;background:#edf3ff;font-size:12px}.editorial-table th,.editorial-table td{padding:17px;text-align:left;border:1px solid #dbe3f1;line-height:1.85}.editorial-table thead th{background:#164ed8;color:white}.editorial-table tbody th{background:#f0f5ff;min-width:110px}.example-box{background:#e9f4f3;border-left:5px solid #087c83;padding:23px 26px;margin:24px 0;border-radius:0 9px 9px 0}.example-box>b{color:#085c61}.example-box small{font-size:12px}.case-grid{display:grid;gap:12px}.case-grid>div{background:white;border:1px solid #cfdaed;border-radius:10px;padding:22px}.case-grid b{font-size:18px;color:#164aa9}.reading .case-grid p{margin-bottom:0}.salary-visual{background:white;border:1px solid #cbd8ec;border-radius:12px;padding:25px;margin:26px 0;display:grid;gap:28px}.salary-visual b{font-size:17px}.salary-bar{display:flex;margin:14px 0 8px;min-height:85px;gap:3px}.salary-bar span,.salary-bar em{background:#164ed8;color:white;min-width:100px;padding:14px 8px;text-align:center;font-size:15px;font-weight:700;font-style:normal;border-radius:6px}.salary-bar em{background:#ffce49;color:#25344b}.salary-visual small{font-size:12px;color:#53647e}.article-next{padding:30px;background:#143c91;color:white;border-radius:12px;margin:40px 0}.article-next>span{font-size:11px;letter-spacing:2px;color:#ffe18a}.article-next h2{font-size:24px;color:white}.article-next p{font-size:14px}.article-next .button{background:#ffcf4e;color:#192d52;font-weight:800}.next-note{display:block;color:white;margin-top:18px;text-decoration:underline;font-size:13px}.editorial-sources{border-top:1px solid #d1dced}.reading .editorial-sources h2{font-size:19px;border:0}.reading .editorial-sources p,.editorial-sources li{font-size:12px;line-height:1.9}.editorial-sources a{color:#164aa9;text-decoration:underline}.editorial-sources li{margin:10px 0}.article-card{background:white;border:1px solid #d7e0f1;border-radius:12px;overflow:hidden;box-shadow:0 5px 12px #183c8308}.card-art{background:#164ed8;color:white;height:auto;min-height:235px;padding:28px}.card-art strong{font-size:21px;line-height:1.65}.card-art:after{border:20px solid #ffffff12;width:150px;height:150px}.art04,.art02{background:#ffcf4e;color:#233550}.art08,.art03{background:#087c83;color:white}.art05{background:#7353b4;color:white}.art06{background:#b64722;color:white}.card-body{padding:22px}.card-body small{font-size:11px}.card-body p{font-size:13px}.roadmap>a{background:white;border:1px solid #d7e0f1;border-left:5px solid #164ed8;border-radius:9px;padding:24px;margin-bottom:14px}.roadmap>a>span{color:#164ed8}footer{background:#142d59;color:white;border-top:5px solid #ffce49}footer .brand,footer p,footer a,footer>small{color:#edf3ff}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d78000;outline-offset:4px}
@media(max-width:760px){header{height:83px;padding-inline:18px}header nav{top:83px;background:white}.portal{padding-inline:16px}.portal-title h1{font-size:25px}.picks-heading{display:block}.picks-heading h2{font-size:19px;margin-top:7px}.featured-grid{grid-template-columns:1fr;gap:13px}.featured-grid>a{min-height:0;padding:16px 20px;gap:7px}.featured-grid b{font-size:17px}.featured-grid>a>span{font-size:10px}.featured-grid small{font-size:11px}.editorial-picks{margin-block:22px 28px}.portal .ranking-banner{padding:22px 18px}.ranking-banner h2{font-size:23px}.article-cover{padding:24px 22px 26px;box-shadow:6px 6px 0 #ffcf4e;border-radius:12px}.reading .article-cover h1{font-size:27px;line-height:1.55}.article-cover>p{font-size:14px}.cover-tag{font-size:11px}.reading{width:90%}.answer-box{padding:22px}.answer-box p{font-size:15px}.step-visual,.step-visual.two{grid-template-columns:1fr}.step-visual>div{padding:17px 20px}.editorial-reading section h2{font-size:22px}.note-checks li{font-size:14px;padding-right:17px}.salary-visual{padding:18px}.salary-bar span,.salary-bar em{font-size:13px;min-width:90px}.example-box{padding:20px}.article-next{padding:24px}.article-next h2{font-size:22px}.article-next .button{width:100%;text-align:center}.detail-masthead{padding:20px}.card-art{min-height:205px}.card-art strong{font-size:22px}.category-nav a{font-size:12px}.picks-heading>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}