/* torzonurls.online — light info-portal style */
* { box-sizing: border-box; margin: 0; padding: 0 }
html, body { font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; background: #f0f2f5; color: #1f2937; line-height: 1.6 }
body { padding: 0 16px 50px }
.wrap { max-width: 880px; margin: 0 auto }
a { color: #2563eb; text-decoration: none }
a:hover { text-decoration: underline }

.top { background: #1a1d24; color: #e5e7eb; padding: 16px 0; margin: 0 -16px 0; padding-left: 16px; padding-right: 16px }
.top .row { max-width: 880px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center }
.top .logo { font-size: 17px; font-weight: 700; color: #fff }
.top .logo b { color: #fbbf24 }
.top .nav a { color: #9ca3af; margin-left: 20px; font-size: 14px }
.top .nav a:hover { color: #fff; text-decoration: none }

.banner { background: #dfe0e4; padding: 22px 24px; margin: 0 -16px 30px; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #c7cad1 }
.banner .inner { max-width: 880px; margin: 0 auto }
.banner .live { display: inline-flex; align-items: center; gap: 7px; background: #1a1d24; color: #fff; padding: 4px 11px; border-radius: 14px; font-size: 12px; font-weight: 600; margin-bottom: 12px }
.banner .live .d { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 6px #22c55e }
.banner .lbl { font-size: 13px; color: #4b5563; margin-bottom: 8px; font-weight: 500 }
.urlbox { display: flex; gap: 0; background: #fff; border: 1px solid #c7cad1; border-radius: 6px; overflow: hidden }
.urlbox a { flex: 1; padding: 13px 16px; font-family: 'Menlo', 'Consolas', monospace; font-size: 14px; color: #1f2937; word-break: break-all; line-height: 1.4 }
.urlbox button { border: 0; background: #fbbf24; color: #1a1d24; font-weight: 700; padding: 0 22px; cursor: pointer; font-size: 13px; font-family: inherit }
.urlbox button:hover { background: #fcd34d }
.banner .hint { font-size: 13px; color: #6b7280; margin-top: 10px }

h1 { font-size: 30px; font-weight: 800; margin: 28px 0 10px; color: #111827 }
h2 { font-size: 22px; font-weight: 700; margin: 32px 0 12px; color: #111827 }
h3 { font-size: 17px; font-weight: 700; margin: 18px 0 6px; color: #111827 }
p { margin-bottom: 13px; color: #374151 }

.lede { font-size: 17px; color: #4b5563; margin-bottom: 18px }

.cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 16px 0 28px }
@media (max-width: 640px) { .cards { grid-template-columns: 1fr } }
.card { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 18px }
.card h3 { margin-top: 0; color: #111827; font-size: 16px }
.card p { color: #4b5563; font-size: 14px; margin-bottom: 0 }

.urllist { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 14px 18px; margin: 14px 0 28px }
.urllist .ent { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid #e5e7eb; font-size: 14px }
.urllist .ent:last-child { border-bottom: 0 }
.urllist .ent .b { background: #fbbf24; color: #1a1d24; font-weight: 700; padding: 3px 9px; border-radius: 3px; font-size: 12px; min-width: 36px; text-align: center }
.urllist .ent .l { flex: 1; font-family: 'Menlo', monospace; word-break: break-all; color: #1f2937 }
.urllist .ent .l a { color: #1f2937 }
.urllist .ent .l a:hover { color: #2563eb }

.note { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 14px 18px; border-radius: 0 6px 6px 0; margin: 14px 0 22px; font-size: 14px; color: #78350f }
.note b { color: #451a03 }

.faq { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 18px 22px 4px; margin: 14px 0 28px }
.faq .q { padding: 12px 0; border-bottom: 1px solid #e5e7eb }
.faq .q:last-child { border-bottom: 0 }
.faq .q h3 { margin: 0 0 6px; font-size: 15px; color: #111827 }
.faq .q p { margin-bottom: 0; font-size: 14px; color: #4b5563 }

.foot { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d1d5db; font-size: 13px; color: #6b7280 }