:root{--color-bg:#f5f7fa;--color-surface:#fff;--color-text:#1f2933;--color-muted:#52606d;--color-border:#d3dae3;--color-primary:#1d5fb8;--color-primary-dark:#154a91;--color-primary-soft:#e6effb;--color-success:#1e7a46;--color-success-soft:#e5f4eb;--color-danger:#b42318;--color-danger-soft:#fdecea;--color-warning:#8a5a00;--color-warning-soft:#fff5d6;--color-focus:#f5a623;--radius:12px;--shadow:0 1px 3px #0f172a14;color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.75}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;margin:0}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.4}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}p{margin:0 0 .75em}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-surface);z-index:10;padding:8px 16px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.container{width:100%;max-width:960px;margin:0 auto;padding:0 16px}.main{padding-top:24px;padding-bottom:48px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:60px;display:flex}.site-title{color:var(--color-text);padding:8px 0;font-size:1.1rem;font-weight:700;text-decoration:none}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding:16px 0;font-size:.9rem}.stack>*+*{margin-top:24px}.narrow{max-width:720px;margin-left:auto;margin-right:auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.button{border:2px solid var(--color-primary);background:var(--color-surface);min-width:44px;min-height:48px;color:var(--color-primary);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--color-primary-soft)}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--danger{border-color:var(--color-danger);color:var(--color-danger)}.button--danger:hover:not(:disabled){background:var(--color-danger-soft)}.button--small{min-height:44px;padding:6px 16px}.button:disabled{border-color:var(--color-border);color:#7b8794;cursor:not-allowed;background:#eef1f5}.button-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.button-row--split{justify-content:space-between}.hint{color:var(--color-muted);font-size:.95rem}.label{color:var(--color-primary);background:var(--color-primary-soft);border-radius:4px;margin-right:6px;padding:0 6px;font-size:.8rem;font-weight:700;display:inline-block}.eyebrow{color:var(--color-muted);margin-bottom:4px;font-weight:700}.demo-badge{color:var(--color-warning);background:var(--color-warning-soft);border:1px solid #e8c766;border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:700;display:inline-block}.demo-notice{color:var(--color-warning);background:var(--color-warning-soft);border-left:4px solid #e0a800;border-radius:4px;padding:8px 12px;font-weight:700}.demo-notice--inline{margin-top:12px;margin-bottom:0;font-size:.9rem}.alert{border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.alert p{margin:0}.alert--error{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid #f5b5ae;flex-direction:column;align-items:flex-start}.alert--info{background:var(--color-primary-soft);border:1px solid #b7cff0}.progress-bar{appearance:none;background:#e4e9f0;border:none;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-bar::-webkit-progress-bar{background:#e4e9f0;border-radius:999px}.progress-bar::-webkit-progress-value{background:var(--color-primary);border-radius:999px}.progress-bar::-moz-progress-bar{background:var(--color-primary);border-radius:999px}.status{border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.status--not-started{color:var(--color-muted);border-color:var(--color-border);background:#eef1f5}.status--ready-for-test{color:var(--color-primary);background:var(--color-primary-soft);border-color:#b7cff0}.status--reviewing{color:var(--color-warning);background:var(--color-warning-soft);border-color:#e8c766}.status--completed{color:var(--color-success);background:var(--color-success-soft);border-color:#9fd3b3}.hero h1{font-size:1.8rem}.overview__count{font-size:1.2rem}.overview__count strong{color:var(--color-primary);font-size:2rem}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:16px 20px;display:flex;position:relative}.lesson-card:hover{border-color:var(--color-primary)}.lesson-card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.lesson-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lesson-card__number{color:var(--color-muted);font-weight:700}.lesson-card__title a{color:var(--color-text);text-decoration:none}.lesson-card__title a:after{content:"";position:absolute;inset:0}.lesson-card__title a:focus-visible{outline:none}.lesson-card__summary{color:var(--color-muted);font-size:.95rem}.lesson-card__action{margin:auto 0 0;font-size:.95rem}.danger-zone{border-color:#f5b5ae}.breadcrumb{color:var(--color-muted);font-size:.95rem}.breadcrumb a{padding:10px 0;display:inline-block}.page-header__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section__progress{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section__position{color:var(--color-primary);white-space:nowrap;font-size:1.05rem;font-weight:700}.section__progress .progress-bar{flex:1;min-width:120px}.stepper{gap:6px;margin:0;padding:0;list-style:none;display:flex}.stepper__dot{background:#e4e9f0;border-radius:999px;width:28px;height:8px}.stepper__dot--done{background:#9dbbe6}.stepper__dot--current{background:var(--color-primary)}.check-list{padding-left:1.4em}.check-list li+li{margin-top:6px}.callout{background:var(--color-primary-soft);border-left:4px solid var(--color-primary);border-radius:4px;margin:16px 0;padding:12px 16px}.callout__label{color:var(--color-primary);margin-bottom:4px;font-weight:700}.callout p:last-child{margin-bottom:0}.action-cards{gap:12px;margin:0;padding:0;list-style:none;display:grid}.action-card{border:1px solid var(--color-border);border-radius:var(--radius);background:#fbfcfe;align-items:flex-start;gap:12px;padding:16px;display:flex}.action-card p{margin:0}.action-card__number{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.test-entry p{margin-bottom:12px}.choices{border:none;min-width:0;margin:0 0 16px;padding:0}.quiz__prompt{margin-bottom:12px;padding:0;font-size:1.05rem;font-weight:700}.choice{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;margin-bottom:10px;padding:10px 14px;display:flex}.choice:hover{border-color:var(--color-primary)}.choice:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.choice input{width:20px;height:20px;accent-color:var(--color-primary);flex:none}.choice__text{flex:1;min-width:0}.choice--checked{border-color:var(--color-primary);background:var(--color-primary-soft)}.choices:disabled .choice{cursor:default}.choice--correct{border-color:var(--color-success);background:var(--color-success-soft)}.choice--incorrect{border-color:var(--color-danger);background:var(--color-danger-soft)}.choice__mark{white-space:nowrap;font-size:.9rem;font-weight:700}.choice--correct .choice__mark{color:var(--color-success)}.choice--incorrect .choice__mark{color:var(--color-danger)}.feedback{border-radius:var(--radius);margin-top:8px;padding:12px 16px}.feedback p:last-child{margin-bottom:0}.feedback__title{font-size:1.1rem;font-weight:700}.feedback--correct{background:var(--color-success-soft);border:1px solid #9fd3b3}.feedback--correct .feedback__title{color:var(--color-success)}.feedback--incorrect{background:var(--color-danger-soft);border:1px solid #f5b5ae}.feedback--incorrect .feedback__title{color:var(--color-danger)}.company{gap:16px;display:grid}.company .card{box-shadow:none;background:#fbfcfe}.company__contact-name{font-weight:700}.contact-list{margin:0 0 16px}.contact-list__row{border-bottom:1px dashed var(--color-border);flex-wrap:wrap;gap:4px 16px;padding:6px 0;display:flex}.contact-list dt{min-width:7em;color:var(--color-muted)}.contact-list dd{word-break:break-all;margin:0;font-weight:700}.rule-list{padding-left:1.4em}.rule-list__item+.rule-list__item{margin-top:6px}.rule-list__item--lesson{font-weight:700}.result-summary{text-align:center;border-width:2px}.result-summary--pass{border-color:var(--color-success);background:var(--color-success-soft)}.result-summary--fail{background:var(--color-warning-soft);border-color:#e0a800}.result-summary__status{font-size:1.6rem}.result-summary--pass .result-summary__status{color:var(--color-success)}.result-summary--fail .result-summary__status{color:var(--color-warning)}.result-summary__score strong{font-size:2rem}.answer-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.answer{border-left-width:6px}.answer--correct{border-left-color:var(--color-success)}.answer--incorrect{border-left-color:var(--color-danger)}.answer__mark{font-weight:700}.answer--correct .answer__mark{color:var(--color-success)}.answer--incorrect .answer__mark{color:var(--color-danger)}.answer__prompt{font-weight:700}.answer__detail{margin:0}.answer__detail dt{color:var(--color-muted);margin-top:8px;font-size:.9rem}.answer__detail dd{margin:0}.tag-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid #e8c766;border-radius:999px;padding:4px 14px;font-weight:700}.review-card__block{margin-top:16px}.review-card__block--action{background:var(--color-success-soft);border-radius:var(--radius);padding:12px 16px}.review-card__block--action p{margin-bottom:0}.review-status{margin:0 0 16px;padding:0;list-style:none}.review-status li{color:var(--color-muted);padding:4px 0}.review-status .review-status__item--done{color:var(--color-success);font-weight:700}@media (width<=480px){h1,.hero h1{font-size:1.4rem}.card{padding:16px}.button-row .button{flex:100%}.button-row--split .button{flex:1 1 0}}