:root{--bg:#fff;--bg-soft:#f5f8fc;--bg-sunken:#eef3f9;--line:#dde5ee;--line-strong:#c2cedd;--ink:#16202c;--ink-soft:#4a5768;--ink-faint:#6f7c8e;--primary:#1f5fa8;--primary-dark:#164679;--primary-soft:#e8f1fb;--correct:#0d7a55;--correct-soft:#e6f5ef;--wrong:#b02a44;--wrong-soft:#fdeef1;--review:#9a6a12;--review-soft:#fdf4e3;--master:#8c6d1f;--font-ja:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Noto Sans JP", Meiryo, system-ui, sans-serif;--font-en:"Segoe UI", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", sans-serif;--font-ipa:"Segoe UI", "Charis SIL", "Doulos SIL", "Lucida Sans Unicode", "Hiragino Sans", sans-serif;--fs-body:16px;--fs-en:18px;--fs-small:14px;--fs-h1:24px;--fs-h2:20px;--fs-h3:17px;--fs-word:32px;--lh-body:1.85;--lh-en:1.7;--lh-head:1.4;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--radius:10px;--radius-sm:6px;--radius-lg:16px;--w-text:42em;--w-page:1120px;--shadow-sm:0 1px 2px #16202c0f, 0 1px 3px #16202c14;--shadow-md:0 2px 6px #16202c12, 0 8px 20px #16202c0f;--shadow-lg:0 4px 12px #16202c14, 0 16px 40px #16202c14;--t-fast:.15s;--t:.2s;--ease:cubic-bezier(.4, 0, .2, 1)}@media (width>=768px){:root{--fs-body:17px;--fs-en:19px;--fs-h1:30px;--fs-h2:23px;--fs-h3:18px;--fs-word:40px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-ja);font-size:var(--fs-body);line-height:var(--lh-body);margin:0;overflow-x:hidden}h1,h2,h3,h4{line-height:var(--lh-head);margin:0 0 var(--sp-3);letter-spacing:.01em;font-weight:700}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 var(--sp-4)}ul,ol{margin:0 0 var(--sp-4);padding-left:1.4em}li{margin-bottom:var(--sp-2)}a{color:var(--primary);text-underline-offset:2px;cursor:pointer;transition:color var(--t-fast) var(--ease);text-decoration-thickness:1px}a:hover{color:var(--primary-dark)}:focus-visible{outline:3px solid var(--primary-soft);outline-offset:2px;border-radius:var(--radius-sm)}.en{font-family:var(--font-en);font-size:var(--fs-en);line-height:var(--lh-en)}.ipa{font-family:var(--font-ipa);color:var(--ink-soft);font-size:var(--fs-small);white-space:nowrap}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);background:var(--primary);color:#fff;font:inherit;cursor:pointer;transition:background-color var(--t-fast) var(--ease), transform 80ms var(--ease), box-shadow var(--t-fast) var(--ease);border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-dark);color:#fff}.btn:active{transform:translateY(1px)}.btn--ghost{background:var(--bg);color:var(--primary);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--primary-soft);color:var(--primary-dark)}.btn--lg{min-height:52px;padding:var(--sp-4) var(--sp-6);font-size:1.05em}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}input[type=text],input[type=email],textarea,select{width:100%;min-height:44px;padding:var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--ink-faint)}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 0 var(--sp-5);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:30em;font-size:.96em}th,td{padding:var(--sp-3);border:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--bg-soft);font-weight:700}img,svg{max-width:100%;height:auto}.muted{color:var(--ink-soft);font-size:var(--fs-small)}.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}.skip-link{z-index:100;background:var(--primary);color:#fff;padding:var(--sp-3) var(--sp-4);position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:100%;max-width:var(--w-page);padding:0 var(--sp-4);margin:0 auto}.site-head{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.site-head__inner{align-items:center;gap:var(--sp-4);min-height:56px;display:flex}.site-head__logo{align-items:center;gap:var(--sp-2);color:var(--ink);letter-spacing:.02em;white-space:nowrap;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.site-head__logo:hover{color:var(--primary)}.site-head__mark{border-radius:8px;flex:none;width:30px;height:30px;display:block}.site-nav{gap:var(--sp-1);align-items:center;margin-left:auto;display:flex}.site-nav a{min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:var(--fs-small);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--primary-soft);color:var(--primary-dark)}.site-nav a[aria-current=page]{color:var(--primary);background:var(--primary-soft)}@media (width<=640px){.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}}.main{padding:var(--sp-5) 0 var(--sp-8)}.layout{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.layout--with-aside{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.layout__aside{position:sticky;top:72px}}.crumbs{font-size:var(--fs-small);color:var(--ink-soft);margin-bottom:var(--sp-4)}.crumbs ol{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;gap:var(--sp-2);margin:0;display:flex}.crumbs li+li:before{content:"›";color:var(--ink-faint)}.site-foot{border-top:1px solid var(--line);background:var(--bg-soft);padding:var(--sp-6) 0;font-size:var(--fs-small);color:var(--ink-soft)}.site-foot__grid{gap:var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.site-foot h2{font-size:var(--fs-small);color:var(--ink);margin-bottom:var(--sp-2)}.site-foot ul{margin:0;padding:0;list-style:none}.site-foot li{margin-bottom:var(--sp-1)}.site-foot__legal{border-top:1px solid var(--line);padding-top:var(--sp-4);gap:var(--sp-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.draft-bar{background:var(--review-soft);border-bottom:1px solid var(--line);color:var(--review);font-size:var(--fs-small);text-align:center;padding:var(--sp-2) var(--sp-4);font-weight:700}.article{max-width:var(--w-text)}.article>*+*{margin-top:var(--sp-4)}.article h2{margin-top:var(--sp-7);padding-bottom:var(--sp-2);border-bottom:2px solid var(--primary-soft)}.article h3{margin-top:var(--sp-5);color:var(--primary-dark)}.answer{background:var(--primary-soft);border-left:4px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-5);margin-bottom:var(--sp-5);font-size:1.04em;line-height:1.9;position:relative}.answer p:last-child{margin-bottom:0}.key-points{margin:0 0 var(--sp-5);gap:var(--sp-2);padding:0;list-style:none;display:grid}.key-points li{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;margin:0;display:flex}.key-points li:before{content:"";background:var(--primary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:.62em}.formula{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);background:linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-en);margin:0 0 var(--sp-5);flex-wrap:wrap;font-size:1.25em;font-weight:700;display:flex}.formula__part{padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff}.formula__part--key{background:var(--primary);border-color:var(--primary-dark);color:#fff}.formula__op{color:var(--ink-faint);font-weight:400}.formula__note{text-align:center;font-family:var(--font-ja);font-size:var(--fs-small);color:var(--ink-soft);margin-top:var(--sp-2);flex-basis:100%;font-weight:400}.timeline{padding:var(--sp-6) var(--sp-4) var(--sp-5);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 var(--sp-5);position:relative}.timeline__line{background:var(--line-strong);height:2px;margin:var(--sp-6) 0 var(--sp-4);position:relative}.timeline__line:after{content:"";border-left:8px solid var(--line-strong);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-4px;right:-1px}.timeline__point{background:var(--primary);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;transform:translate(-50%)}.timeline__point span{white-space:nowrap;font-size:var(--fs-small);color:var(--ink-soft);position:absolute;top:-1.9em;left:50%;transform:translate(-50%)}.timeline__span{background:color-mix(in srgb, var(--primary) 30%, transparent);border:1px solid var(--primary);border-radius:5px;height:10px;position:absolute;top:-4px}.timeline__now{border-left:2px dashed var(--wrong);height:30px;position:absolute;top:-14px}.timeline__now span{font-size:var(--fs-small);color:var(--wrong);font-weight:700;position:absolute;top:-1.6em;left:50%;transform:translate(-50%)}.timeline__caption{font-size:var(--fs-small);color:var(--ink-soft);text-align:center}.examples{gap:var(--sp-3);margin:0 0 var(--sp-5);display:grid}.example{gap:var(--sp-2) var(--sp-3);padding:var(--sp-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);grid-template-columns:auto minmax(0,1fr);display:grid}.example:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.example__play{grid-row:span 2;align-self:start}.example__en{font-family:var(--font-en);font-size:var(--fs-en);line-height:var(--lh-en);font-weight:600}.example__ja{color:var(--ink-soft);font-size:var(--fs-small)}.example__tag{letter-spacing:.04em;padding:2px var(--sp-2);background:var(--primary-soft);color:var(--primary-dark);border-radius:99px;grid-column:2;justify-self:start;font-size:11px;font-weight:700}.play{border:1px solid var(--line-strong);background:var(--bg);width:40px;height:40px;color:var(--primary);cursor:pointer;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform 80ms var(--ease);border-radius:50%;flex:none;place-items:center;display:inline-grid}.play:hover{background:var(--primary-soft);border-color:var(--primary)}.play:active{transform:scale(.94)}.play[data-state=playing]{background:var(--primary);border-color:var(--primary);color:#fff}.play[data-state=missing]{opacity:.4;cursor:not-allowed}.play svg{fill:currentColor;width:16px;height:16px}.mistakes{gap:var(--sp-4);margin:0 0 var(--sp-5);display:grid}.mistake{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mistake__row{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-family:var(--font-en);font-size:var(--fs-en);align-items:baseline;display:flex}.mistake__row--wrong{background:var(--wrong-soft);color:var(--wrong)}.mistake__row--right{background:var(--correct-soft);color:var(--correct)}.mistake__mark{font-family:var(--font-ja);font-weight:700;font-size:var(--fs-small);flex:none}.mistake__why{padding:var(--sp-4);background:var(--bg);font-size:var(--fs-small);border-top:1px solid var(--line);line-height:1.8}.mistake__why p:last-child{margin-bottom:0}.card-grid{gap:var(--sp-4);margin:0 0 var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.card{gap:var(--sp-2);padding:var(--sp-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:inherit;transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);flex-direction:column;text-decoration:none;display:flex}a.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);color:inherit;transform:translateY(-2px)}.card__title{color:var(--ink);font-weight:700}.card__desc{font-size:var(--fs-small);color:var(--ink-soft)}.card__meta{gap:var(--sp-2);color:var(--ink-faint);align-items:center;margin-top:auto;font-size:11px;display:flex}.badge{padding:2px var(--sp-2);background:var(--bg-sunken);color:var(--ink-soft);border-radius:99px;font-size:11px;font-weight:700;display:inline-block}.badge--draft{background:var(--review-soft);color:var(--review)}.badge--ready{background:var(--correct-soft);color:var(--correct)}.next-steps{gap:var(--sp-4);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.next-steps__group h2{font-size:var(--fs-small);color:var(--ink-soft);margin:0 0 var(--sp-2);border:0;padding:0}.next-steps ul{margin:0;padding:0;list-style:none}.next-steps li{margin-bottom:var(--sp-2)}.next-steps a{padding:var(--sp-3);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95em;font-weight:700;text-decoration:none;display:block}.next-steps a:hover{background:var(--primary-soft);border-color:var(--primary)}.criteria{margin:0 0 var(--sp-5);padding:var(--sp-5) var(--sp-5) var(--sp-5) calc(var(--sp-5) + 4px);background:var(--primary-soft);border-radius:var(--radius);position:relative;overflow:hidden}.criteria:before{content:"";background:var(--primary);width:4px;position:absolute;inset:0 auto 0 0}.criteria__label{margin:0 0 var(--sp-2);letter-spacing:.08em;color:var(--primary-dark);font-size:11px;font-weight:700}.criteria__body{margin:0 0 var(--sp-3);font-size:var(--fs-h3);line-height:var(--lh-head);font-weight:700}.criteria__body:last-child{margin-bottom:0}.table-scroll{margin:0 0 var(--sp-5);-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:30rem;font-size:var(--fs-small)}.compare th,.compare td{padding:var(--sp-3) var(--sp-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}.compare thead th{background:var(--bg-sunken);white-space:nowrap;font-weight:700}.compare thead th[lang=en]{font-family:var(--font-en);color:var(--primary-dark)}.compare tbody th{background:var(--bg-soft);color:var(--ink-soft);white-space:nowrap;font-weight:600}.compare tbody tr:hover td{background:var(--bg-soft)}.word-head{margin:var(--sp-5) 0 var(--sp-3);font-family:var(--font-en);color:var(--primary-dark)}.word-head:before{content:"";width:6px;height:6px;margin-right:var(--sp-2);background:var(--primary);vertical-align:middle;border-radius:50%;display:inline-block}.options{gap:var(--sp-4);margin:0 0 var(--sp-5);display:grid}.option{padding:var(--sp-4) var(--sp-5);background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease)}.option:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);border-left-color:var(--primary)}.option__scene{margin:0 0 var(--sp-3);font-size:var(--fs-small);color:var(--primary-dark);font-weight:700}.option__scene:before{content:"こんなとき";letter-spacing:.08em;color:var(--ink-faint);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.option__en{align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3);display:flex}.option__phrase{font-family:var(--font-en);font-size:var(--fs-h3);line-height:var(--lh-en);margin:0;font-weight:700}.option__note{font-size:var(--fs-small);color:var(--ink-soft);margin:0}.option__note p{margin:0 0 var(--sp-2)}.option__note p:last-child{margin-bottom:0}.form{margin:0 0 var(--sp-6)}.field{margin:0 0 var(--sp-5)}.field>label{margin:0 0 var(--sp-2);font-weight:700;font-size:var(--fs-small);display:block}.field__req{margin-left:var(--sp-2);padding:1px var(--sp-2);background:var(--wrong-soft);color:var(--wrong);border-radius:4px;font-size:11px;font-weight:700;display:inline-block}.field input[type=text],.field input[type=email],.field textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;line-height:1.6}.field textarea{resize:vertical;min-height:10em}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.field__note{margin:var(--sp-2) 0 0;font-size:var(--fs-small);color:var(--ink-soft)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.notice{margin:0 0 var(--sp-5);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius);border-left:4px solid}.notice p{margin:0 0 var(--sp-2)}.notice p:last-child,.notice ul:last-child{margin-bottom:0}.notice ul{margin:0;padding-left:1.2em}.notice--ok{background:var(--correct-soft);border-color:var(--correct)}.notice--error{background:var(--wrong-soft);border-color:var(--wrong)}.quiz{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-md);margin:var(--sp-6) 0;overflow:hidden}.quiz__head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-soft);border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--ink-soft);font-weight:700;display:flex}.quiz__count{font-family:var(--font-en)}.quiz__dots{gap:6px;margin-left:auto;display:flex}.quiz__dot{background:var(--line-strong);width:9px;height:9px;transition:background-color var(--t) var(--ease), transform var(--t) var(--ease);border-radius:50%}.quiz__dot[data-state=correct]{background:var(--correct)}.quiz__dot[data-state=wrong]{background:var(--wrong)}.quiz__dot[data-state=current]{background:var(--primary);transform:scale(1.35)}.quiz__body{padding:var(--sp-5) var(--sp-4)}.quiz__prompt{font-family:var(--font-en);text-align:center;margin:var(--sp-3) 0 var(--sp-5);word-break:break-word;font-size:clamp(19px,4.2vw,24px);font-weight:600;line-height:1.6}.quiz__prompt--ja{font-family:var(--font-ja);font-size:clamp(17px,3.8vw,21px)}.quiz__blank{border-bottom:3px solid var(--primary);min-width:5em;color:var(--primary);display:inline-block}.choices{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.choice{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:var(--font-en);font-size:var(--fs-en);text-align:left;cursor:pointer;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), transform 80ms var(--ease);display:flex}.choice:hover{border-color:var(--primary);background:var(--primary-soft)}.choice:active{transform:translateY(1px)}.choice__key{border-radius:var(--radius-sm);background:var(--bg-sunken);width:26px;height:26px;color:var(--ink-soft);font-family:var(--font-en);flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.choice__mark{font-weight:700;font-family:var(--font-ja);margin-left:auto}.choice[data-result=correct]{border-color:var(--correct);background:var(--correct-soft);color:var(--correct)}.choice[data-result=wrong]{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong)}.choice[data-result=dim]{opacity:.5}.quiz[data-answered="1"] .choice{cursor:default;pointer-events:none}.quiz__input{gap:var(--sp-2);align-items:stretch;display:flex}.quiz__input input{font-family:var(--font-en);font-size:var(--fs-en);min-height:52px}.tokens{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.token{min-height:44px;padding:var(--sp-2) var(--sp-4);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-en);font-size:var(--fs-en);cursor:pointer;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease)}.token:hover{border-color:var(--primary);background:var(--primary-soft)}.token[data-used="1"]{opacity:.28;pointer-events:none}.token-slot{gap:var(--sp-2);min-height:60px;padding:var(--sp-3);border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg-soft);margin-bottom:var(--sp-4);flex-wrap:wrap;align-content:flex-start;display:flex}.token-slot:empty:before{content:attr(data-placeholder);color:var(--ink-faint);font-size:var(--fs-small);font-family:var(--font-ja)}.verdict{margin-top:var(--sp-4);border-radius:var(--radius);border:1px solid var(--line);animation:verdict-in .18s var(--ease);overflow:hidden}@keyframes verdict-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.verdict__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-weight:700;display:flex}.verdict--correct .verdict__head{background:var(--correct-soft);color:var(--correct)}.verdict--wrong .verdict__head{background:var(--wrong-soft);color:var(--wrong)}.verdict--review .verdict__head{background:var(--review-soft);color:var(--review)}.verdict__body{padding:var(--sp-4);font-size:.96em}.verdict__body p:last-child{margin-bottom:0}.verdict__answer{font-family:var(--font-en);font-size:var(--fs-en);margin-bottom:var(--sp-3);font-weight:700}.verdict__why{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg-soft);border-left:3px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-small)}.verdict__why strong{font-family:var(--font-en)}.quiz__foot{gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--line);background:var(--bg-soft);align-items:center;display:flex}.quiz__foot .btn{margin-left:auto}.quiz__hint{color:var(--ink-faint);font-size:12px}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.quiz[data-shake="1"] .quiz__body{animation:nudge .12s var(--ease) 2}.quiz__done{padding:var(--sp-6) var(--sp-4);text-align:center}.quiz__score{font-family:var(--font-en);color:var(--primary);font-size:40px;font-weight:800;line-height:1.1}.quiz__score small{color:var(--ink-faint);font-size:18px;font-weight:700}.quiz__nojs{padding:var(--sp-5) var(--sp-4);text-align:center;color:var(--ink-soft);font-size:var(--fs-small)}.ad-slot{margin:var(--sp-6) auto;text-align:center;background:var(--bg-soft);border-radius:var(--radius);min-height:280px;display:block;overflow:hidden}.ad-slot:before{content:"広告";padding-top:var(--sp-2);letter-spacing:.08em;color:var(--ink-faint);font-size:11px;display:block}@media (width<=480px){.ad-slot{min-height:250px}}