.de-page main { padding: 0 22px 28px; }
.language-link,.de-full-link { color: var(--purple-deep); font-weight: 800; text-decoration: none; }
.language-link { padding: .52rem .72rem; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); }
.de-hero { min-height: 470px; padding: clamp(54px,9vw,105px) clamp(24px,9vw,110px); display: grid; align-content: center; border-radius: 22px; background: radial-gradient(circle at 92% 15%, color-mix(in srgb,var(--orange) 24%,transparent),transparent 29%),radial-gradient(circle at 8% 88%,color-mix(in srgb,var(--purple) 22%,transparent),transparent 33%),var(--section); text-align: center; }
.de-eyebrow { margin: 0; color: var(--orange-deep); font: 800 .75rem var(--display); letter-spacing: .11em; }
.de-hero h1 { margin: .18em 0; font: 800 clamp(3rem,7vw,5.8rem)/.93 var(--display); letter-spacing: -.055em; }
.de-hero > p:not(.de-eyebrow) { width: min(690px,100%); margin: .8rem auto 1.4rem; color: var(--muted); }
.de-search { width: min(760px,100%); margin: 0 auto; padding: 7px; display: grid; grid-template-columns: 1fr auto; gap: 8px; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.de-search input { min-width: 0; padding: .9rem 1rem; border: 0; background: transparent; color: var(--ink); outline: 0; }
.de-search button,.de-share-section > a { padding: .9rem 1.2rem; border: 0; border-radius: 12px; background: linear-gradient(135deg,#8b55d7,#5d28ac); color: #fff; font-weight: 800; text-decoration: none; }
.de-ranking-panel { margin-top: 22px; }
.de-ranking-panel .panel-title { margin-top: .2rem; font-size: clamp(1.5rem,4vw,2.4rem); }
.de-meta { color: var(--muted); font-size: .86rem; }
.de-ranking-list { margin: 1.2rem 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; list-style: none; }
.de-ranking-list a { padding: 15px 17px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-soft); color: var(--ink); text-decoration: none; }
.de-ranking-list a:hover { border-color: var(--purple); transform: translateY(-1px); }
.de-ranking-list strong { color: var(--purple-deep); }.de-ranking-list span { overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.de-ranking-list b { color: var(--muted); font-size: .78rem; white-space: nowrap; }
.de-dach-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.de-dach-links a { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--purple-soft); text-decoration: none; }.de-dach-links strong,.de-dach-links span { display: block; }.de-dach-links span { color: var(--muted); font-size: .75rem; }
.de-share-section { margin-top: 22px; padding: clamp(26px,5vw,54px); display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 22px; background: linear-gradient(135deg,#ffefe0,var(--purple-soft)); }
html[data-theme="dark"] .de-share-section { background: linear-gradient(135deg,var(--orange-soft),var(--purple-soft)); }
.de-share-section h2 { margin: .25rem 0; font: 800 clamp(1.8rem,4vw,3rem) var(--display); }.de-share-section p { max-width: 670px; color: var(--muted); }
@media(max-width:720px){.de-page main{padding:0 12px 18px}.de-hero{min-height:430px;padding:54px 16px}.de-ranking-list{grid-template-columns:1fr}.de-dach-links{grid-template-columns:1fr}.de-share-section{display:block}.de-share-section>a{display:inline-block;margin-top:12px}}
@media(max-width:440px){.de-search{grid-template-columns:1fr}.de-ranking-list a{grid-template-columns:44px minmax(0,1fr)}.de-ranking-list b{grid-column:2}}