/* torzonmarket.me — utilitarian hub. messy on purpose. */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#3d4451;color:#e8e9ed;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55}
body{font-size:15px}
a{color:#00bcd4;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#d4f4dd}
img{max-width:100%;height:auto}

/* header — deliberately uneven */
.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px 8px 22px;border-bottom:1px dashed #9ca3af;background:#3d4451}
.top .brand{display:flex;align-items:center;gap:10px}
.top .brand img{width:42px;height:42px;border-radius:4px;background:#fff}
.top .brand b{font-size:20px;color:#fff;letter-spacing:-.5px}
.top nav{font-size:13.5px}
.top nav a{margin:0 6px 0 9px;color:#e8e9ed}
.top nav a:first-child{margin-left:0}

/* big URL block right under header */
.urlwrap{background:#e8e9ed;color:#3d4451;padding:18px 22px 22px 20px;border-bottom:3px solid #00bcd4}
.urlwrap h1{font-size:28px;margin:0 0 6px 0;line-height:1.15;color:#3d4451;letter-spacing:-.3px}
.urlwrap .sub{font-size:13px;color:#6b7280;margin:0 0 14px 2px}
.live{display:inline-flex;align-items:center;gap:7px;background:#d4f4dd;color:#2e7d32;padding:3px 10px 3px 7px;border-radius:3px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.dot{width:10px;height:10px;border-radius:50%;background:#4caf50;box-shadow:0 0 0 0 rgba(76,175,80,.6);animation:blip 1.3s infinite}
@keyframes blip{0%{box-shadow:0 0 0 0 rgba(76,175,80,.7);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(76,175,80,0)}100%{box-shadow:0 0 0 0 rgba(76,175,80,0);transform:scale(.96)}}

.urls{display:grid;grid-template-columns:1fr auto;gap:8px 10px;margin-top:10px}
.urls .k{font-size:11.5px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;padding-top:10px}
.urls .v{background:#fff;border:1px solid #d1d5db;padding:9px 10px;border-radius:3px;font-size:14px;overflow-wrap:anywhere;word-break:break-all}
.urls .v a{color:#00bcd4}
.urls button{background:#5c4d7d;color:#fff;border:0;padding:9px 14px;border-radius:3px;font-family:inherit;font-size:13px;cursor:pointer;letter-spacing:.3px}
.urls button:hover{background:#4a3d65}
.urls .row{display:contents}
.copied{color:#4caf50;font-size:12px;margin-left:6px}

/* main grid — asymmetric by design */
main{display:grid;grid-template-columns:1fr;gap:22px;padding:22px 20px 10px 22px;max-width:1140px;margin:0 auto}
@media(min-width:860px){main{grid-template-columns: 1.45fr .85fr;gap:26px 30px;padding:26px 30px}}

.card{background:#ffffff;color:#3d4451;border-radius:4px;padding:16px 18px 18px 18px;border:1px solid #d1d5db}
.card.hi{background:#d4f4dd;border-color:#a5d6a7}
.card.warn{background:#ffe5e5;border:1px solid #ffcdd2;color:#7a1010}
.card h2{margin:0 0 8px 0;font-size:22px;color:#3d4451;line-height:1.2;letter-spacing:-.3px}
.card h3{margin:14px 0 6px 0;font-size:16.5px;color:#5c4d7d}
.card p{margin:0 0 10px 0}
.card ul{margin:6px 0 10px 18px;padding:0}
.card li{margin:0 0 4px 0}
.card.quirk{padding:14px 22px 26px 14px} /* uneven padding */
.card.quirk h2{transform:translateX(-2px)}

.bigbox{grid-column:1/-1}

/* table — dense, functional */
table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13.5px}
th,td{border-bottom:1px solid #e5e7eb;padding:8px 9px 7px 9px;text-align:left;vertical-align:top}
th{background:#3d4451;color:#fff;text-transform:uppercase;letter-spacing:.7px;font-size:11.5px;font-weight:600}
tr:nth-child(even) td{background:#f7f8fa}
td.ok{color:#2e7d32;font-weight:700}
td.bad{color:#c62828;font-weight:700}

/* breadcrumb */
.crumbs{font-size:12.5px;color:#9ca3af;padding:8px 22px 0 22px}
.crumbs a{color:#00bcd4}
.crumbs span{color:#fff}

/* footer */
footer{margin-top:24px;background:#2e3440;color:#9ca3af;padding:22px 22px 16px 22px;font-size:13px;border-top:2px solid #00bcd4}
footer .fcols{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){footer .fcols{grid-template-columns:1.2fr .7fr .7fr .9fr}}
footer h4{margin:0 0 6px 0;color:#fff;font-size:13.5px;text-transform:uppercase;letter-spacing:1px}
footer a{color:#e8e9ed}
footer .pgp{background:#1f2430;color:#86d6e0;padding:8px 10px;border-radius:3px;font-size:11.5px;white-space:pre-wrap;overflow:auto;max-height:150px}
footer .q{font-style:italic;color:#d4f4dd;margin-top:10px;border-left:3px solid #00bcd4;padding-left:9px;font-size:12.8px}
footer .legal{margin-top:14px;font-size:11.5px;color:#6b7280;border-top:1px dashed #3d4451;padding-top:10px}

/* images */
.pic{display:block;border-radius:3px;border:1px solid #d1d5db}
.pic.left{float:left;max-width:42%;margin:4px 14px 8px 0}
.pic.right{float:right;max-width:38%;margin:4px 0 8px 16px}
.clear{clear:both}

/* faq-ish */
.qa{border-top:1px dashed #9ca3af;padding:10px 0}
.qa:first-of-type{border-top:0}
.qa b{color:#5c4d7d;display:block;font-size:14.5px;margin-bottom:4px}

/* scam-warnings strip */
.strip{background:#ffe5e5;color:#7a1010;border-top:2px solid #e71d1d;border-bottom:2px solid #e71d1d;padding:10px 22px;font-size:13.5px}
.strip b{color:#e71d1d}

/* stats row */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
@media(min-width:600px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:#f7f8fa;border:1px solid #e5e7eb;padding:10px 10px 8px 10px;border-radius:3px}
.stat .n{font-size:24px;color:#5c4d7d;font-weight:700;line-height:1}
.stat .l{font-size:11.5px;color:#6b7280;text-transform:uppercase;letter-spacing:.6px;margin-top:4px}

/* mobile tweaks */
@media(max-width:600px){
  .urlwrap h1{font-size:22px}
  .urls{grid-template-columns:1fr}
  .urls .k{padding-top:4px}
  .urls button{width:100%}
  .top nav{display:none}
  .pic.left,.pic.right{float:none;max-width:100%;margin:10px 0}
}