:root{--accent:#f59f00;--bg:#0c0b08;--text:#fff7e6;--muted:#f2d6a3;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(900px 520px at 20% 0%,rgba(245,159,0,.20),transparent 60%),radial-gradient(900px 520px at 80% 0%,rgba(91,157,255,.10),transparent 60%),var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}

.t20-head{padding:18px 12px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.t20-head__inner{max-width:1200px;margin:0 auto;text-align:center}
.t20-brand{font-weight:900;letter-spacing:.25px;font-size:1.25rem}
.t20-tagline{margin-top:8px;color:var(--muted)}
.t20-slot{max-width:1200px;margin:10px auto 0;padding:10px;border-radius:14px;border:1px dashed rgba(255,255,255,.20)}

.t20-masonry{max-width:1200px;margin:0 auto;padding:14px;column-count:3;column-gap:14px}
.t20-card{break-inside:avoid;margin:0 0 14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.t20-card--content> :first-child{margin-top:0}
.t20-k{color:var(--muted);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.t20-v{font-weight:800;margin-top:8px}
.t20-desc{margin-top:8px;color:var(--muted)}
.t20-url{margin-top:10px;color:var(--muted);font-size:.9rem;word-break:break-all}
.t20-robots{margin-top:8px;color:var(--muted)}
.t20-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.t20-pill{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}

.t20-foot{padding:18px 12px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}
.t20-foot__line{font-size:.9rem}

/* Dock */
.t20-dock{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.t20-dock__btn{border:1px solid rgba(245,159,0,.6);background:rgba(245,159,0,.18);color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer}
.t20-dock__nav{display:none;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding:10px;border-radius:16px;border:1px solid var(--line);background:rgba(0,0,0,.40);backdrop-filter:blur(10px);min-width:210px}
.t20-dock__a{padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.t20-dock__a.is-active{border-color:rgba(245,159,0,.75);background:rgba(245,159,0,.14)}
.t20-dock[data-dock="open"] .t20-dock__nav{display:flex}

@media (max-width: 1080px){
  .t20-masonry{column-count:2}
}
@media (max-width: 680px){
  .t20-masonry{column-count:1}
  .t20-dock{top:auto;bottom:12px;transform:none}
}