.tstc-wrap{max-width:840px;margin:0 auto;color:#e5e7eb;font-family:Georgia,'Times New Roman',serif}
.tstc-head{display:flex;align-items:center;gap:10px;margin:10px 0}
.badge{background:#0f172a;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}
.tstc-card{background:#0b1324 url('scroll-bg.jpg') center/cover no-repeat;border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 10px 22px rgba(0,0,0,.25)}
.sky-area{display:flex;align-items:center;justify-content:center;height:160px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;background:radial-gradient(ellipse at center,#0b1b36,#0a0f1f)}
.stars{width:100%;height:100%;position:relative;background-image:radial-gradient(rgba(255,255,255,.8) 1px, transparent 1px);background-size:18px 18px;animation:twinkle 2s infinite alternate ease-in-out}
.astrolabe{width:120px;height:120px;border:2px solid rgba(255,255,255,.6);border-radius:999px;position:absolute;animation:spin 6s linear infinite}
@keyframes twinkle{from{opacity:.7}to{opacity:1}} @keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.tstc-cta{display:flex;gap:10px;margin:12px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#111827}
.btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}
.tstc-result .title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pill{background:#fef3c7;color:#7c2d12;border:1px solid #f59e0b;border-radius:999px;padding:6px 10px;font-weight:700}
.meta{color:#cbd5e1;font-size:13px;margin-top:2px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.box{background:rgba(255,255,255,.9);border:1px solid #e5e7eb;border-radius:12px;padding:12px;color:#111827}
.box.paper{background:linear-gradient(#fffef8,#fbf3db)}
.box h4{margin:0 0 8px;font-size:14px;letter-spacing:.5px;color:#7c2d12}
.han{font-family:'Noto Serif SC',serif;font-size:20px;line-height:1.8}
.viet{line-height:1.8;font-style:italic}
.sep{height:10px;border-bottom:1px dashed #d1bfa3;margin:6px 0}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tags .tag{background:#fef3c7;border:1px solid #f59e0b;border-radius:999px;padding:4px 10px;font-size:12px;color:#7c2d12}
.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.cols-tight .col{min-height:72px}
.col{background:rgba(255,255,255,.8);border:1px dashed #d1bfa3;border-radius:12px;padding:12px}
.col h5{margin:.2em 0 .4em;font-size:14px;color:#7c2d12}
.tstc-footer{margin-top:10px;color:#cbd5e1;font-size:12px}
@media(max-width:780px){.grid,.cols{grid-template-columns:1fr}}