.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{font-size:clamp(1.55rem,6vw,2.1rem);line-height:1.35}.article-content h1 em{font-style:normal;display:block;font-size:.6em;color:var(--text-muted);margin-top:.4rem;font-weight:400;line-height:1.5}.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:.6rem;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)}figure{margin:1.5rem 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.card h3{font-size:1.15rem;margin:0 0 .5rem}.card p{font-size:1rem;line-height:1.85;margin:.4rem 0}.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:1.5rem 0;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}.faq-a a{color:var(--guava-green)}.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)}.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-okk{background:linear-gradient(135deg,#16a34a,#22c55e)}.fq-flee{background:linear-gradient(135deg,#dc2626,#ef4444)}.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}.wc-bait{background:linear-gradient(135deg,#f443361f,#1e1e1e8c);border:1px dashed rgba(244,67,54,.55);border-radius:16px;padding:1.6rem 1.3rem;margin:2.2rem 0;text-align:center}.wc-bait-lead{margin:.4rem 0;color:var(--text-secondary);line-height:1.75}.wc-bait-btn{display:inline-block;margin:1rem auto 0;padding:1rem 1.5rem;font-size:1.12rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff1f1f,#c00000);border:none;border-radius:12px;cursor:pointer;animation:wcPulse 1.6s infinite;max-width:100%}.wc-bait-btn:hover{filter:brightness(1.12)}.wc-bait-btn:disabled{opacity:.85;cursor:progress;animation:none}@keyframes wcPulse{0%,to{box-shadow:0 0 #ff1f1f80}50%{box-shadow:0 0 0 12px #ff1f1f00}}.wc-bait-reveal{margin-top:1.5rem;animation:wcShake .5s}.wc-bait-reveal img{width:200px;max-width:62%;height:auto;border-radius:50%;border:3px solid var(--guava-green);box-shadow:0 0 24px #39ff1440}.wc-bait-reveal h3{color:var(--guava-pink, #ff4fa3);margin:.9rem 0 .5rem;font-size:1.3rem}.wc-bait-reveal p{color:var(--text-secondary);line-height:1.75;max-width:560px;margin:0 auto 1.1rem}.wc-bait-cta{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}@keyframes wcShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.wc-bait-btn,.wc-bait-reveal{animation:none}}.casino-check-cta{text-align:center;background:linear-gradient(135deg,#f5b8001a,#f5b80005);border:1px solid rgba(245,184,0,.35);border-radius:16px;padding:2rem 1.6rem;margin:2rem 0}.casino-check-cta .cta-icon{font-size:2.6rem;margin-bottom:.5rem}.casino-check-cta h3{margin:0 0 .8rem;font-size:1.3rem;color:var(--text-primary)}.casino-check-cta p{color:var(--text-secondary);line-height:1.8;max-width:540px;margin:.4rem auto 0}.cta-check-btn{display:inline-block;margin-top:1.2rem;padding:.95rem 2rem;background:linear-gradient(135deg,#f5b800,#e09900);border-radius:12px;color:#000;font-weight:800;font-size:1.05rem;text-decoration:none;transition:all .2s}.cta-check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f5b80059}@media (max-width: 640px){.article-content p{font-size:1.05rem;line-height:2}.article-content h2{font-size:1.35rem}.article-content h3{font-size:1.12rem}.article-content li{font-size:1.05rem;line-height:2}.card{padding:1.2rem}.card p{font-size:1.02rem!important;line-height:2!important}.fq-scenario{font-size:1.05rem}.fq-opt{font-size:1rem;padding:13px 20px;width:100%}.fq-btns{flex-direction:column}.faq-q{font-size:1.05rem}.faq-a{font-size:1rem;line-height:2}.casino-check-cta{padding:1.5rem 1.2rem}.casino-check-cta h3{font-size:1.2rem}.cta-check-btn{font-size:1.05rem;padding:.85rem 1.5rem;width:100%}.related-links{grid-template-columns:1fr}}
