.container{max-width:960px;margin:0 auto;padding:0 clamp(1rem,4.5vw,1.5rem) 3rem}.breadcrumb{font-size:.92rem;color:var(--text-muted);margin-bottom:.3rem}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--guava-green)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;color:var(--guava-green);text-decoration:none;margin-bottom:1rem}.hero-banner{width:100%;height:4px;border-radius:8px;margin-bottom:1.5rem}.article-content h1 em{font-style:normal;display:block;font-size:.65em;color:var(--text-muted);margin-top:.3rem;font-weight:400}.article-content h2{font-size:clamp(1.3rem,4.8vw,1.55rem)}.article-content h3{font-size:1.15rem}.article-content p{font-size:clamp(16.5px,4.4vw,18px);line-height:1.9;margin:1.1rem 0}.article-content ul,.article-content ol{margin:.8rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;line-height:1.85;font-size:clamp(16px,4.2vw,17.5px)}.article-img-caption{text-align:center;font-size:.92rem;line-height:1.7;color:var(--text-muted);margin:.5rem auto 1.2rem;max-width:680px}.content-img{display:block;width:100%;max-width:820px;height:auto;border-radius:12px;margin:1rem auto 0;border:1px solid var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.card h3{font-size:1.15rem}.card p{font-size:1rem;line-height:1.85}.quick-tool-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin:1rem 0 1.5rem;font-size:.95rem}.quick-tool-bar span{color:var(--text-muted)}.quick-tool-bar a{color:var(--guava-green);text-decoration:none;background:#39ff1414;padding:5px 12px;border-radius:6px}.quick-tool-bar a:hover{background:#39ff142e}.faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:.6rem;overflow:hidden}.faq-q{padding:1.1rem 1.3rem;cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:flex-start;gap:.5rem}.faq-q::-webkit-details-marker{display:none}.faq-q:before{content:"▸";color:var(--guava-green);flex-shrink:0}.faq-item[open] .faq-q:before{content:"▾ "}.faq-a{margin:0 1.3rem 1.1rem;color:var(--text-secondary);font-size:1rem;line-height:1.85}.related-links{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0 2rem}.rl-item{display:block;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.rl-item:hover{border-color:var(--guava-green);transform:translate(4px)}.rl-cat{font-size:.78rem;color:var(--guava-green);text-transform:uppercase;letter-spacing:.5px}.rl-item strong{display:block;margin:.2rem 0;font-size:1.02rem}.rl-desc{font-size:.9rem;color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:.97rem}th,td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--border);line-height:1.7}th{font-weight:700;font-size:.92rem;color:var(--text-muted)}.pitch-diagram{margin:1.2rem 0 1.8rem;padding:0;border:none}.pitch-svg{width:100%;max-width:720px;height:auto;display:block;margin:0 auto;border-radius:12px}.pitch-svg[data-zoomable]{cursor:zoom-in;transition:filter .2s,transform .2s}.pitch-svg[data-zoomable]:hover{filter:brightness(1.06);transform:translateY(-1px)}.pitch-zoom-tip{display:block;text-align:center;font-size:.88rem;color:var(--text-muted);margin:.3rem 0 .4rem}.fk-shot,.ck-cross{animation:fkDash .8s linear infinite}@keyframes fkDash{to{stroke-dashoffset:-24}}.fk-dist{animation:fkDist 1.4s ease-in-out infinite}@keyframes fkDist{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){.fk-shot,.ck-cross,.fk-dist{animation:none}}.fq-quiz{background:#ffffff05;border:1px solid var(--border);border-radius:16px;padding:1.4rem 1.3rem;margin:1.2rem 0 1.8rem}.fq-prog-text{display:block;text-align:center;font-size:1rem;color:var(--text-secondary);font-weight:700;margin-bottom:.5rem}.fq-track{height:7px;background:#ffffff1a;border-radius:4px;overflow:hidden}.fq-fill{height:100%;background:var(--guava-green);border-radius:4px;transition:width .4s ease}.fq-scenario{text-align:center;font-size:1.12rem;font-weight:700;color:#eee;line-height:1.7;margin:1.2rem 0;min-height:3.4em;display:flex;align-items:center;justify-content:center}.fq-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.fq-opt{font-size:1.1rem;font-weight:800;padding:14px 26px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,opacity .2s;color:#fff}.fq-opt:hover{transform:translateY(-2px)}.fq-direct{background:linear-gradient(135deg,#16a34a,#22c55e)}.fq-indirect{background:linear-gradient(135deg,#d4a017,#f5b800);color:#1a1a1a}.fq-opt:disabled{cursor:default}.fq-opt.fq-correct{box-shadow:0 0 22px #22c55eb3;animation:fqPop .4s ease}.fq-opt.fq-wrong{opacity:.45;animation:fqShake .5s ease}@keyframes fqPop{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes fqShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.fq-explain{margin-top:1.2rem;animation:fqFade .35s ease-out}@keyframes fqFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fq-badge{text-align:center;font-size:1.3rem;font-weight:900;margin-bottom:.5rem}.fq-badge.ok{color:#22c55e}.fq-badge.no{color:#ef4444}.fq-exp-text{background:#39ff140d;border-left:3px solid var(--guava-green);border-radius:0 10px 10px 0;padding:13px 17px;font-size:1.02rem;line-height:1.8;color:#ddd;margin-bottom:1rem}.fq-next,.fq-replay{display:block;margin:0 auto;cursor:pointer}.fq-next{background:transparent;border:1.5px solid #555;color:#ccc;font-size:1.02rem;padding:10px 34px;border-radius:10px;transition:border-color .2s,color .2s}.fq-next:hover{border-color:var(--guava-green);color:#fff}.fq-final{text-align:center;animation:fqFade .5s ease-out}.fq-score{font-size:3rem;font-weight:900;color:var(--guava-green)}.fq-final-title{font-size:1.35rem;font-weight:800;color:#f5b800;margin:.3rem 0 .5rem}.fq-final-msg{font-size:1rem;color:#bbb;line-height:1.7;margin-bottom:1.2rem}.fq-replay{background:linear-gradient(135deg,#b8860b,#d4a056);border:none;color:#1a1a1a;font-size:1.1rem;font-weight:800;padding:13px 38px;border-radius:12px;transition:transform .2s,box-shadow .2s}.fq-replay:hover{transform:translateY(-2px);box-shadow:0 8px 22px #b8860b66}@media (prefers-reduced-motion: reduce){.fq-opt.fq-correct,.fq-opt.fq-wrong,.fq-explain,.fq-final{animation:none}}.lightbox{position:fixed;inset:0;background:#000000ed;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;animation:lbFadeIn .18s ease-out}.lightbox.is-open{display:flex}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lightbox__inner{width:100%;max-width:1100px;max-height:90vh;overflow:auto;-webkit-overflow-scrolling:touch;cursor:default}.lightbox__inner svg{width:100%;height:auto;display:block;border-radius:12px}.lightbox__close{position:fixed;top:16px;right:16px;width:48px;height:48px;border-radius:50%;background:#ffffff2e;color:#fff;border:none;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001}.lightbox__close:hover{background:#ffffff47}.lightbox__hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;pointer-events:none}@media (max-width: 600px){.article-content h1{font-size:1.55rem}.article-content h2{font-size:1.25rem}}