/* 검사 흐름 다듬기 (미리보기 전용) */
@keyframes tfIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes tfUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tf-intro{position:relative;overflow:hidden;border:1px solid rgba(243,210,122,.45)!important;background:radial-gradient(120% 80% at 50% 0%,rgba(243,210,122,.16),transparent 60%),linear-gradient(180deg,#16204a,#0d1430)!important;border-radius:22px!important;padding:28px 20px 22px!important;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);animation:tfUp .45s ease both}
.tf-intro .bigic img{width:96px!important;height:96px!important;box-shadow:0 0 0 3px rgba(243,210,122,.55),0 0 28px rgba(243,210,122,.35)}
.tf-intro h2{color:#f3d27a;margin:14px 0 8px;font-size:1.35rem}
.tf-intro>p{color:#d6dcf0;line-height:1.65;font-size:.95rem}
.tf-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}
.tf-chips span{padding:7px 13px;border-radius:999px;background:rgba(243,210,122,.12);border:1px solid rgba(243,210,122,.4);color:#f3d27a;font-size:.85rem;font-weight:700}
.tf-intro .btn.big{width:100%;max-width:320px;margin-top:14px;padding:15px;border-radius:14px;font-size:1.05rem;box-shadow:0 6px 18px rgba(243,210,122,.3)}
.tf-intro .iqrule{text-align:left;background:rgba(255,255,255,.04);border-radius:12px;padding:12px 12px 12px 30px;color:#c9d0e8;font-size:.88rem}
.panel.quiz{animation:tfIn .32s ease both;border-radius:20px!important;border:1px solid rgba(243,210,122,.25)}
.panel.quiz .prog{height:10px!important;border-radius:99px!important;background:rgba(255,255,255,.08)!important;overflow:hidden}
.panel.quiz .prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c9a14a,#f3d27a)!important;transition:width .45s ease!important}
.tf-pl{display:flex;justify-content:space-between;font-size:.8rem;color:#aab3d4;margin:6px 2px 0}
.tf-pl b{color:#f3d27a}
.panel.quiz h2.q{font-size:1.2rem;line-height:1.55;margin:18px 4px 18px;color:#fff}
.panel.quiz .opt{display:block;width:100%;text-align:left;padding:15px 16px;margin:10px 0;border-radius:14px;border:1px solid rgba(243,210,122,.28);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:#eef1fb;font-size:1rem;transition:transform .12s,background .2s,border-color .2s;cursor:pointer}
.panel.quiz .opt:hover{border-color:#f3d27a;background:rgba(243,210,122,.12)}
.panel.quiz .opt:active,.panel.quiz .opt.tf-pick{transform:scale(.98);background:rgba(243,210,122,.28);border-color:#f3d27a}
.panel.quiz .lik .opt{text-align:center}
.panel.quiz .iopt{border-radius:14px!important;border:1px solid rgba(243,210,122,.3)!important;transition:transform .12s,border-color .2s}
.panel.quiz .iopt:hover{border-color:#f3d27a!important;transform:translateY(-2px)}
.tf-res{animation:tfUp .5s ease both;border-radius:22px!important;border:1px solid rgba(243,210,122,.4)}
.tf-rhead{display:flex;align-items:center;gap:12px;padding:4px 0 14px;margin-bottom:12px;border-bottom:1px dashed rgba(243,210,122,.3);text-align:left}
.tf-rhead img{width:52px;height:52px;border-radius:14px;box-shadow:0 0 0 2px rgba(243,210,122,.5)}
.tf-rhead .tf-dosa{width:58px;height:58px;border-radius:50%;object-fit:cover;margin-left:auto;box-shadow:none}
.tf-rhead small{display:block;color:#aab3d4;font-size:.78rem}.tf-rhead b{color:#f3d27a;font-size:1rem}
.tf-res .type{font-size:2.4rem!important;letter-spacing:.08em;color:#f3d27a;text-shadow:0 0 18px rgba(243,210,122,.4)}
.tf-res .kv>div{background:rgba(255,255,255,.04);border:1px solid rgba(243,210,122,.18);border-radius:14px;padding:12px}
.tf-res .axb{border-radius:99px;overflow:hidden}
.sharebar .btn{border-radius:14px}
.tf-more{margin:18px 0 8px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#141d44,#0d1430);border:1px solid rgba(243,210,122,.25)}
.tf-more h3{margin:0 0 10px;color:#f3d27a;font-size:1rem}
.tf-more .tf-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.tf-more a{flex:0 0 auto;width:88px;text-align:center;color:#e7ebf8;text-decoration:none;font-size:.8rem}
.tf-more a img{width:64px;height:64px;border-radius:16px;display:block;margin:0 auto 6px;box-shadow:0 0 0 1px rgba(243,210,122,.4)}