/* soundship.de — clean linear base (Funkwhale Vue SPA shell dropped) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#26282c;background:#fff}
img{border:0;max-width:100%}
a{color:#d85e10}
a:hover{opacity:.8}
.rt-container{max-width:1100px;margin:0 auto;padding:0 24px}

/* content page wrapper (single entity page) */
.rt-page{max-width:820px;margin:0 auto;padding:44px 24px 60px}
.rt-page .rt-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#f2711c;font-weight:700;margin:0 0 10px}
.rt-page h1{margin:0 0 18px;font-size:34px;font-weight:600;letter-spacing:.01em;color:#26282c}
.rt-page p{font-size:17px;line-height:1.7;color:#3a3d42}
.rt-back{display:inline-block;margin-top:22px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#d85e10;text-decoration:none}

/* hero */
.rt-hero{position:relative;background:linear-gradient(135deg,#2D2F33 0%,#3a2318 55%,#f2711c 160%);color:#fff;text-align:center;padding:92px 24px 84px;overflow:hidden}
.rt-hero h1{margin:0;font-size:46px;font-weight:700;letter-spacing:.02em}
.rt-hero .rt-brand{display:block;margin:14px 0 0;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#f2b58a;font-weight:700}
.rt-hero p{margin:20px auto 0;max-width:640px;font-size:17px;line-height:1.6;color:#e4e6e9}

/* intro */
.rt-intro{max-width:760px;margin:0 auto;padding:48px 24px 12px;text-align:center;color:#3a3d42;font-size:17px;line-height:1.75}

/* section headings */
.rt-section{padding:40px 0}
.rt-section--light{background:#f6f6f7}
.rt-h{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#26282c;margin:0 0 22px;font-weight:700}

/* card grid (channels / artists / albums) */
.rt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rt-card{display:block;background:#fff;border:1px solid #ececeE;border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease}
.rt-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px);opacity:1}
.rt-card img{width:100%;height:190px;object-fit:cover;display:block;background:#2D2F33}
.rt-card .rt-cbody{padding:16px 18px}
.rt-card .rt-ctype{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#f2711c;font-weight:700;margin:0 0 6px}
.rt-card .rt-cname{font-size:18px;font-weight:600;margin:0;color:#26282c}
.rt-card .rt-cdesc{font-size:14px;line-height:1.5;color:#6b6e73;margin:8px 0 0}
@media(max-width:860px){.rt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rt-grid{grid-template-columns:1fr}.rt-hero h1{font-size:32px}}

/* footer (light band -> sitewide links stay legible, cf. L-005) */
.rt-footer{background:#f4f4f4;color:#333;border-top:3px solid #f2711c;margin-top:0}
.rt-footer-inner{max-width:1100px;margin:0 auto;padding:34px 24px}
.rt-foot-brand{font-size:20px;font-weight:700;letter-spacing:.06em;color:#26282c}
.rt-footer-copy{font-size:12px;color:#888;margin:18px 0 0;letter-spacing:.04em}

/* scoped article/content typography (rotated class otenai3cg) */
.otenai3cg p { margin: 0 0 0.794rem; }
.otenai3cg h1, .otenai3cg h2, .otenai3cg h3, .otenai3cg h4, .otenai3cg h5, .otenai3cg h6 { line-height: 1.25; width: auto; left: auto; top: auto; bottom: auto; position: static; right: auto; margin: 0.982rem 0 0.49rem; }
.otenai3cg h1 { font-size: 1.812rem; }
.otenai3cg h2 { font-size: 1.416rem; }
.otenai3cg h3 { font-size: 1.196rem; }
.otenai3cg h4 { font-size: 1.124rem; }
.otenai3cg span { line-height: inherit; }
.otenai3cg ul, .otenai3cg ol { padding: 0; margin: 0.695rem 0 0.741rem 1.307rem; }
.otenai3cg li { margin-bottom: 0.247rem; }
.otenai3cg img { max-width: 100%; height: auto; }
.otenai3cg table { width: 100%; border-collapse: collapse; font-size: 0.9em; margin: 0.852rem 0; }
.otenai3cg th, .otenai3cg td { vertical-align: top; text-align: left; padding: 0.383rem 0.472rem; border: 1px solid #dcdcdc; }
.otenai3cg th { font-weight: 600; background: #f4f4f4; }
.otenai3cg code { font-size: 0.9em; border-radius: 2px; padding: 0.118rem 0.267rem; background: #f4f4f4; }
.otenai3cg pre { background: #f4f4f4; overflow: auto; margin: 0.834rem 0; padding: 0.628rem; }
.otenai3cg blockquote { color: #525252; margin: 0.85rem 0; border-left: 3px solid #f2711c; padding-left: 0.562rem; }
.otenai3cg hr { border-top: 1px solid #dcdcdc; border: none; margin: 1.112rem 0; }
</content>
