.career-check-page { --career-ink:#171b19; --career-paper:#f7f1e4; --career-blue:#155dff; --career-orange:#ff5c35; --career-muted:#696d68; min-height:100vh; margin:0; padding:18px; display:grid; place-items:center; background:#0c1f3a; color:#fff; font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; }
.career-check-page * { box-sizing:border-box; }
.career-check-page button { font:inherit; -webkit-tap-highlight-color:transparent; }
.career-check-shell,.career-check-result { width:min(100%,680px); background:var(--career-paper); color:var(--career-ink); border:1px solid #050b13; padding:24px 18px; box-shadow:9px 9px 0 var(--career-orange); }
.career-brand-link { color:var(--career-ink); text-decoration:none; font-size:12px; font-weight:900; border-bottom:1px solid var(--career-ink); }
.career-kicker { margin-top:48px; color:var(--career-blue); font:800 10px monospace; letter-spacing:.15em; }
.career-check-shell h1,.career-check-result h1 { margin:20px 0; font-size:clamp(38px,12vw,66px); line-height:1.03; letter-spacing:-.06em; }
.career-check-shell h1 em { font-style:normal; color:var(--career-orange); }
.career-check-shell>p { font-size:14px; font-weight:600; line-height:1.8; }
.career-progress { height:7px; background:#d7d0c2; margin:38px 0 12px; }
.career-progress i { display:block; height:100%; background:var(--career-blue); transition:width .3s ease; }
.career-question-count { color:var(--career-muted); font:800 10px monospace; letter-spacing:.12em; }
.career-check-shell h2 { font-size:23px; margin:18px 0; }
.career-choice-list { display:grid; gap:10px; }
.career-choice-list button { min-height:58px; padding:12px 15px; display:flex; align-items:center; justify-content:space-between; text-align:left; background:white; color:var(--career-ink); border:1px solid var(--career-ink); font-weight:800; cursor:pointer; }
.career-choice-list button:hover,.career-choice-list button:focus-visible { color:white; background:var(--career-blue); }
.career-choice-list span { color:var(--career-blue); font-size:20px; }
.career-choice-list button:hover span,.career-choice-list button:focus-visible span { color:white; }
.career-back-button,.career-reset-button { margin-top:18px; border:0; background:transparent; color:var(--career-ink); text-decoration:underline; font-size:12px; font-weight:800; cursor:pointer; }
.career-privacy-note { margin-top:28px!important; color:var(--career-muted); font-size:10px!important; line-height:1.7!important; }
.career-result-tag { display:inline-block; background:var(--career-orange); color:#111; padding:7px 9px; font:900 11px monospace; }
.career-check-result h1 { font-size:clamp(34px,10vw,58px); }
.career-result-lead { font-size:15px; font-weight:600; line-height:1.9; }
.career-action-list { margin:28px 0; border-top:2px solid var(--career-ink); }
.career-action-list>b { display:block; padding:14px 0; }
.career-action-list>div { display:grid; grid-template-columns:35px 1fr; align-items:center; gap:10px; border-top:1px solid #c5beaf; padding:13px 0; }
.career-action-list span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:var(--career-blue); color:white; font:800 11px monospace; }
.career-action-list p { margin:0; font-size:13px; font-weight:700; line-height:1.6; }
.career-result-caution { padding:14px; background:#fff0c8; border-left:5px solid #d49400; font-size:11px; line-height:1.8; }
.career-follow-button { display:flex; justify-content:center; align-items:center; min-height:54px; margin-top:20px; background:var(--career-blue); color:white; text-decoration:none; font-weight:900; font-size:13px; }
@media (min-width:720px) { .career-check-shell,.career-check-result { padding:42px; } }
@media (prefers-reduced-motion:reduce) { .career-check-page * { transition:none!important; } }