/* =========================================================
   MYTHRA HELP CENTER
   LeaderOS veri akışını koruyan bağımsız yardım merkezi UI'ı
   ========================================================= */

.mythra-help-page {
    --mh-pink: #ff0099;
    --mh-pink-hot: #ff2cac;
    --mh-pink-soft: #ff6ac4;
    --mh-purple: #922bff;
    --mh-violet: #6721c9;
    --mh-green: #22dda0;
    --mh-red: #f33c67;
    --mh-bg: #250014;
    --mh-ink: #090509;
    --mh-panel: #130912;
    --mh-panel-soft: #1d0b1a;
    --mh-line: rgba(255,38,166,.23);
    --mh-copy: rgba(255,240,249,.70);
    --mh-muted: rgba(255,227,243,.48);
    position: relative;
    isolation: isolate;
    overflow: clip;
    color: #fff;
    background:
        radial-gradient(circle at 8% 15%,rgba(255,0,153,.08),transparent 25%),
        radial-gradient(circle at 91% 52%,rgba(141,43,255,.09),transparent 29%),
        var(--mh-bg);
}

/* İçi dolu ve içi boş dairelerden oluşan, kesintisiz çapraz akış. */
.mythra-help-page::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: -150px;
    opacity: .72;
    pointer-events: none;
    background-image:
        radial-gradient(circle at center,rgba(255,51,174,.19) 0 7px,transparent 7.7px),
        radial-gradient(circle at center,transparent 0 9px,rgba(151,59,255,.14) 9.5px 11px,transparent 11.6px);
    background-position: 0 0, 44px 44px;
    background-size: 88px 88px,132px 132px;
    will-change: transform;
    animation: mhCircleField 38s linear infinite;
}

.mythra-help-page::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(37,0,20,.70),transparent 20% 80%,rgba(37,0,20,.70));
}

.mythra-help-page *,
.mythra-help-page *::before,
.mythra-help-page *::after { box-sizing: border-box; }

.mh-stage {
    position: relative;
    z-index: 1;
    width: min(100% - 40px,1180px);
    margin-inline: auto;
    padding-top: 54px !important;
    padding-bottom: 105px !important;
}

.mythra-help-page .breadcrumb,
.mythra-help-page nav[aria-label="breadcrumb"] { position: relative; z-index: 6; margin-bottom: 25px; }

.mh-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--mh-pink-soft);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .17em;
    text-transform: uppercase;
}
.mh-kicker::before { content: ""; width: 25px; height: 2px; border-radius: 99px; background: linear-gradient(90deg,var(--mh-pink),var(--mh-purple)); box-shadow: 0 0 13px rgba(255,0,153,.45); }

/* ---------- Ortak gerçek emboss buton ---------- */
.mh-emboss-button {
    position: relative;
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    overflow: hidden;
    padding: 0 18px;
    border: 1px solid rgba(255,205,236,.72);
    border-radius: 11px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    background: linear-gradient(180deg,#ff28ab 0%,#f00092 58%,#bc087b 100%);
    box-shadow: inset 0 2px rgba(255,255,255,.50), inset 0 -4px rgba(91,0,58,.40),0 4px 0 #870057,0 9px 19px rgba(255,0,153,.25);
    text-shadow: 0 1px 2px rgba(73,0,46,.44);
    transition: transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease;
    cursor: pointer;
}
.mh-emboss-button::before { content: ""; position: absolute; top: -70%; left: -55%; width: 28%; height: 240%; opacity: .72; background: linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent); transform: skewX(-22deg); transition: left .48s cubic-bezier(.22,1,.36,1); }
.mh-emboss-button:hover { color:#fff!important; border-color:rgba(255,226,244,.96); filter:saturate(1.08) brightness(1.05); transform:translateY(-2px); box-shadow:inset 0 2px rgba(255,255,255,.56),inset 0 -4px rgba(91,0,58,.40),0 4px 0 #870057,0 12px 24px rgba(255,0,153,.32),0 0 29px rgba(255,0,153,.16); }
.mh-emboss-button:hover::before { left: 130%; }
.mh-emboss-button:active { filter:brightness(.94); transform:translateY(2px) scale(.98); box-shadow:inset 0 4px 7px rgba(91,0,55,.47),inset 0 -1px rgba(255,255,255,.31),0 1px 0 #77004b,0 3px 8px rgba(255,0,153,.14); }

/* ---------- Ana yardım sahnesi ---------- */
.mh-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(330px,.75fr);
    align-items: center;
    gap: clamp(35px,6vw,78px);
    min-height: 590px;
    padding: clamp(42px,6vw,76px);
    overflow: hidden;
    border: 1px solid rgba(255,34,164,.27);
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 32%,rgba(142,43,255,.15),transparent 29%),
        linear-gradient(125deg,rgba(35,10,32,.98),rgba(9,5,9,.995) 68%);
    box-shadow: inset 0 2px rgba(255,255,255,.055),inset 0 -6px rgba(0,0,0,.34),0 24px 52px rgba(0,0,0,.25);
}
.mh-hero::after { content:""; position:absolute; right:31%; top:-95px; width:210px; height:210px; border:1px solid rgba(255,60,180,.10); border-radius:50%; box-shadow:0 0 0 28px rgba(141,43,255,.018),0 0 0 58px rgba(255,0,153,.011); pointer-events:none; }
.mh-hero__copy { position:relative; z-index:3; min-width:0; }
.mh-hero h1 { margin:15px 0 18px; color:#fff; font-size:clamp(47px,5.5vw,76px); font-weight:950; line-height:.96; letter-spacing:-.058em; text-wrap:balance; text-shadow:0 5px 0 rgba(49,0,31,.62),0 13px 29px rgba(0,0,0,.30); }
.mh-hero h1 em { color:transparent; font-style:normal; background:linear-gradient(90deg,#ff31aa,#d261ff 49%,#ff6ec7); -webkit-background-clip:text; background-clip:text; }
.mh-hero__copy > p { max-width:650px; margin:0; color:var(--mh-copy); font-size:13px; font-weight:650; line-height:1.75; }

.mh-search { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:8px; width:min(100%,680px); margin-top:27px; padding:8px; border:1px solid rgba(255,46,170,.24); border-radius:15px; background:rgba(8,4,8,.89); box-shadow:inset 0 2px 8px rgba(0,0,0,.30),0 12px 25px rgba(0,0,0,.20); }
.mh-search__icon { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,51,175,.20); border-radius:10px; color:#ff4db6; background:rgba(255,0,153,.07); }
.mh-search input { width:100%; min-width:0; height:44px; padding:0 7px; border:0!important; outline:0!important; color:#fff!important; font-size:11px; font-weight:700; background:transparent!important; box-shadow:none!important; }
.mh-search input::placeholder { color:rgba(255,224,242,.38); }
.mh-search .mh-emboss-button { min-width:105px; }
.mh-search__clear { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:9px; color:rgba(255,233,246,.52); background:rgba(255,255,255,.025); transition:color .2s ease,border-color .2s ease,transform .2s ease; }
.mh-search__clear:hover { color:#fff; border-color:rgba(255,55,176,.44); transform:rotate(90deg); }
.mh-search--wide { grid-template-columns:42px minmax(0,1fr) 34px auto; width:100%; margin:17px 0 32px; }

.mh-hero__facts { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
.mh-hero__facts > span { display:inline-flex; min-height:50px; align-items:center; gap:8px; padding:8px 13px; border:1px solid rgba(255,255,255,.075); border-radius:11px; background:rgba(7,3,7,.58); }
.mh-hero__facts strong { color:#fff; font-size:20px; font-weight:950; }
.mh-hero__facts i { color:#ff43b1; font-size:16px; }
.mh-hero__facts small { color:var(--mh-muted); font-size:7px; font-weight:900; letter-spacing:.11em; }

.mh-hero__visual { position:relative; z-index:2; display:grid; min-height:430px; place-items:center; isolation:isolate; }
.mh-hero__visual img { position:relative; z-index:3; display:block; width:min(100%,325px); height:auto; max-height:390px; object-fit:contain; filter:drop-shadow(0 18px 25px rgba(0,0,0,.27)); animation:mhVisualFloat 7.5s ease-in-out infinite; }
.mh-visual-ring { position:absolute; z-index:1; border:1px solid rgba(255,64,181,.25); border-radius:50%; pointer-events:none; }
.mh-visual-ring--outer { width:320px; height:320px; border-style:dashed; animation:mhSpin 18s linear infinite; }
.mh-visual-ring--inner { width:235px; height:235px; border-color:rgba(145,48,255,.20); box-shadow:inset 0 0 0 20px rgba(255,0,153,.018); animation:mhPulseRing 8s ease-in-out infinite; }
.mh-visual-dot { position:absolute; z-index:4; width:17px; height:17px; border:3px solid rgba(255,226,243,.78); border-radius:50%; background:#ff169f; box-shadow:0 0 18px rgba(255,0,153,.48); }
.mh-visual-dot--one { top:19%; right:13%; animation:mhDotDrift 6.5s ease-in-out infinite; }
.mh-visual-dot--two { left:8%; bottom:26%; width:12px; height:12px; border-width:2px; background:#8d31ff; animation:mhDotDrift 8s ease-in-out infinite reverse; }
.mh-visual-badge { position:absolute; z-index:5; right:-9px; bottom:17px; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(255,53,175,.28); border-radius:13px; color:#fff; background:linear-gradient(145deg,rgba(33,10,30,.97),rgba(8,4,8,.98)); box-shadow:inset 0 2px rgba(255,255,255,.055),inset 0 -3px rgba(0,0,0,.32),0 12px 25px rgba(0,0,0,.25); animation:mhBadgeFloat 6s ease-in-out infinite; }
.mh-visual-badge > i { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(145deg,#ff159f,#9328f2); box-shadow:inset 0 2px rgba(255,255,255,.25),inset 0 -3px rgba(55,0,54,.35); }
.mh-visual-badge span { display:grid; gap:3px; }
.mh-visual-badge strong { font-size:9px; font-weight:950; }
.mh-visual-badge small { color:var(--mh-muted); font-size:7px; }

/* ---------- Bölüm başlıkları ---------- */
.mh-topics,.mh-popular,.mh-results,.mh-related { content-visibility:auto; contain-intrinsic-size:600px; margin-top:62px; }
.mh-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:21px; }
.mh-section-heading h2 { max-width:720px; margin:9px 0 0; color:#fff; font-size:clamp(31px,4vw,48px); font-weight:950; line-height:1.02; letter-spacing:-.045em; }
.mh-section-heading > p { max-width:390px; margin:0; color:var(--mh-muted); font-size:10px; line-height:1.65; text-align:right; }
.mh-section-heading.is-compact { align-items:center; }

/* ---------- Konu kartları ---------- */
.mh-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.mh-topic-card { position:relative; display:grid; grid-template-columns:minmax(190px,.76fr) minmax(0,1.24fr); min-height:300px; overflow:hidden; border:1px solid rgba(255,39,168,.21); border-radius:20px; background:linear-gradient(145deg,rgba(26,10,24,.98),rgba(8,5,8,.995)); box-shadow:inset 0 2px rgba(255,255,255,.045),inset 0 -5px rgba(0,0,0,.31),0 15px 31px rgba(0,0,0,.19); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; contain:layout paint; }
.mh-topic-card.is-featured { grid-column:1/-1; grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr); min-height:360px; }
.mh-topic-card__media { position:relative; display:block; min-height:280px; overflow:hidden; background:radial-gradient(circle,rgba(255,0,153,.12),rgba(8,4,8,.98) 68%); }
.mh-topic-card__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 48%,rgba(12,5,11,.60)); }
.mh-topic-card__media img { width:100%; height:100%; object-fit:contain; padding:25px; transition:transform .45s cubic-bezier(.2,.75,.2,1); }
.mh-topic-card__number { position:absolute; z-index:2; left:14px; bottom:10px; color:rgba(255,255,255,.25); font-size:43px; font-weight:950; line-height:1; }
.mh-topic-card__body { position:relative; display:flex; min-width:0; flex-direction:column; justify-content:center; padding:27px; }
.mh-topic-card__body::after { content:""; position:absolute; right:-30px; top:-30px; width:115px; height:115px; border:1px solid rgba(255,53,174,.09); border-radius:50%; box-shadow:0 0 0 17px rgba(147,45,255,.015); }
.mh-topic-card__label { position:relative; z-index:2; display:inline-flex; align-items:center; gap:7px; color:#ff58ba; font-size:7px; font-weight:950; letter-spacing:.13em; }
.mh-topic-card__label i { color:var(--mh-green); font-size:5px; box-shadow:0 0 10px rgba(34,221,160,.55); }
.mh-topic-card h3 { position:relative; z-index:2; margin:9px 0 8px; font-size:clamp(22px,2.5vw,34px); font-weight:950; line-height:1.06; letter-spacing:-.035em; }
.mh-topic-card h3 a { color:#fff; }
.mh-topic-card p { position:relative; z-index:2; display:-webkit-box; margin:0; overflow:hidden; color:var(--mh-copy); font-size:10px; line-height:1.65; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.mh-topic-card__action { align-self:flex-start; margin-top:19px; }
@media (hover:hover) { .mh-topic-card:hover { border-color:rgba(255,52,174,.60); transform:translateY(-5px); box-shadow:inset 0 2px rgba(255,255,255,.05),inset 0 -5px rgba(0,0,0,.31),0 23px 41px rgba(0,0,0,.26),0 0 26px rgba(255,0,153,.08); } .mh-topic-card:hover .mh-topic-card__media img { transform:scale(1.055) rotate(-1deg); } }

/* ---------- Popüler yardım akışı ---------- */
.mh-popular { display:grid; grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr); gap:16px; }
.mh-popular__intro { position:relative; min-height:410px; padding:37px; overflow:hidden; border:1px solid rgba(255,40,169,.23); border-radius:21px; background:radial-gradient(circle at 85% 15%,rgba(145,43,255,.17),transparent 28%),linear-gradient(145deg,rgba(31,10,28,.98),rgba(8,5,8,.995)); box-shadow:inset 0 2px rgba(255,255,255,.05),inset 0 -5px rgba(0,0,0,.31),0 17px 34px rgba(0,0,0,.20); }
.mh-popular__intro::after { content:""; position:absolute; right:-60px; bottom:-60px; width:180px; height:180px; border:1px solid rgba(255,60,181,.14); border-radius:50%; box-shadow:0 0 0 22px rgba(143,42,246,.019); }
.mh-popular__symbol { position:relative; z-index:2; display:grid; width:70px; height:70px; margin-bottom:25px; place-items:center; border:1px solid rgba(255,72,185,.34); border-radius:50%; color:#fff; font-size:19px; background:radial-gradient(circle,rgba(255,0,153,.26),rgba(12,5,11,.98) 68%); box-shadow:inset 0 0 0 10px rgba(255,255,255,.018); animation:mhPulseRing 7s ease-in-out infinite; }
.mh-popular__intro h2 { position:relative; z-index:2; margin:10px 0 13px; font-size:clamp(32px,3.4vw,46px); font-weight:950; line-height:1; letter-spacing:-.045em; }
.mh-popular__intro p { position:relative; z-index:2; margin:0 0 24px; color:var(--mh-copy); font-size:10px; line-height:1.65; }
.mh-popular__list { display:grid; gap:11px; }
.mh-popular-row,.mh-article-row { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) 42px; align-items:center; gap:15px; min-height:95px; padding:15px 17px; overflow:hidden; border:1px solid rgba(255,39,168,.18); border-radius:16px; color:#fff; background:linear-gradient(145deg,rgba(24,9,22,.97),rgba(8,5,8,.995)); box-shadow:inset 0 2px rgba(255,255,255,.035),inset 0 -3px rgba(0,0,0,.29),0 10px 22px rgba(0,0,0,.15); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.mh-popular-row::after,.mh-article-row::after { content:""; position:absolute; right:10%; top:-38px; width:90px; height:90px; border:1px solid rgba(255,49,173,.07); border-radius:50%; }
.mh-popular-row__number { display:grid; width:48px; height:48px; place-items:center; border:1px solid rgba(255,49,173,.22); border-radius:13px; color:#ff50b7; font-size:14px; font-weight:950; background:rgba(255,0,153,.055); }
.mh-popular-row__copy,.mh-article-row__copy { position:relative; z-index:2; display:grid; min-width:0; gap:5px; }
.mh-popular-row__copy strong,.mh-article-row__copy strong { overflow:hidden; color:#fff; font-size:12px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.mh-popular-row__copy small { display:-webkit-box; overflow:hidden; color:var(--mh-muted); font-size:8px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.mh-popular-row__arrow,.mh-article-row__arrow { position:relative; z-index:2; display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,54,174,.22); border-radius:10px; color:#ff4db4; background:rgba(255,0,153,.055); transition:transform .22s ease,background .22s ease,color .22s ease; }
@media (hover:hover) { .mh-popular-row:hover,.mh-article-row:hover { border-color:rgba(255,52,174,.54); transform:translateX(5px); box-shadow:inset 0 2px rgba(255,255,255,.04),inset 0 -3px rgba(0,0,0,.29),0 15px 29px rgba(0,0,0,.22),0 0 22px rgba(255,0,153,.07); } .mh-popular-row:hover .mh-popular-row__arrow,.mh-article-row:hover .mh-article-row__arrow { color:#fff; background:linear-gradient(145deg,#ff159f,#9028ed); transform:translateX(3px); } }

/* ---------- Arama ve konu sayfaları ---------- */
.mh-filter-hero,.mh-topic-hero,.mh-article-hero { position:relative; display:grid; align-items:center; overflow:hidden; border:1px solid rgba(255,38,167,.25); border-radius:24px; background:radial-gradient(circle at 88% 18%,rgba(143,43,255,.16),transparent 26%),linear-gradient(125deg,rgba(34,10,31,.98),rgba(9,5,9,.995)); box-shadow:inset 0 2px rgba(255,255,255,.05),inset 0 -5px rgba(0,0,0,.32),0 18px 39px rgba(0,0,0,.22); }
.mh-filter-hero { grid-template-columns:105px minmax(0,1fr) 100px; gap:28px; min-height:245px; padding:34px 40px; }
.mh-filter-hero__symbol,.mh-article-hero__symbol { position:relative; display:grid; width:94px; height:94px; place-items:center; border:1px solid rgba(255,71,184,.31); border-radius:50%; color:#fff; font-size:25px; background:radial-gradient(circle,rgba(255,0,153,.24),rgba(12,5,11,.98) 68%); }
.mh-filter-hero__symbol span,.mh-article-hero__symbol span { position:absolute; inset:-8px; border:1px dashed rgba(255,79,189,.35); border-radius:50%; animation:mhSpin 12s linear infinite; }
.mh-filter-hero__copy { min-width:0; }
.mh-filter-hero h1,.mh-topic-hero h1,.mh-article-hero h1 { margin:9px 0 8px; color:#fff; font-size:clamp(35px,4.5vw,60px); font-weight:950; line-height:1; letter-spacing:-.05em; text-shadow:0 4px 0 rgba(48,0,31,.55); }
.mh-filter-hero p,.mh-topic-hero p { margin:0; color:var(--mh-copy); font-size:11px; line-height:1.65; }
.mh-result-count { display:grid; width:88px; height:88px; place-items:center; align-content:center; gap:3px; border:1px solid rgba(255,50,173,.22); border-radius:18px; background:rgba(8,4,8,.70); box-shadow:inset 0 2px rgba(255,255,255,.04),inset 0 -4px rgba(0,0,0,.30); }
.mh-result-count strong { color:#ff54b9; font-size:28px; font-weight:950; }
.mh-result-count small { color:var(--mh-muted); font-size:7px; font-weight:900; letter-spacing:.13em; }
.mh-article-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mh-article-row { grid-template-columns:47px minmax(0,1fr) 38px; min-height:88px; }
.mh-article-row__icon { display:grid; width:45px; height:45px; place-items:center; border:1px solid rgba(255,50,174,.21); border-radius:12px; color:#ff50b7; background:rgba(255,0,153,.06); box-shadow:inset 0 2px rgba(255,255,255,.035); }
.mh-article-row__copy small { color:#ff5bba; font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }

.mh-topic-hero { grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr); gap:30px; min-height:365px; padding:42px 48px; }
.mh-topic-hero__copy { position:relative; z-index:2; }
.mh-topic-hero__count { display:inline-flex; align-items:center; gap:10px; margin-top:21px; padding:11px 14px; border:1px solid rgba(255,49,173,.21); border-radius:12px; background:rgba(8,4,8,.69); }
.mh-topic-hero__count strong { color:#fff; font-size:28px; font-weight:950; }
.mh-topic-hero__count span { color:var(--mh-muted); font-size:7px; font-weight:900; letter-spacing:.11em; }
.mh-topic-hero__visual { position:relative; display:grid; min-height:270px; place-items:center; }
.mh-topic-hero__visual > span { position:absolute; width:240px; height:240px; border:1px solid rgba(255,62,180,.23); border-radius:50%; box-shadow:inset 0 0 0 25px rgba(255,0,153,.018),0 0 0 13px rgba(143,42,246,.015); animation:mhPulseRing 8s ease-in-out infinite; }
.mh-topic-hero__visual img { position:relative; z-index:2; width:min(100%,250px); height:250px; object-fit:contain; filter:drop-shadow(0 14px 22px rgba(0,0,0,.25)); animation:mhVisualFloat 8s ease-in-out infinite; }
.mh-topic-hero__visual.is-icon > i { position:relative; z-index:2; color:#fff; font-size:65px; text-shadow:0 0 28px rgba(255,0,153,.36); }

/* ---------- Makale okuma sayfası ---------- */
.mh-article-hero { grid-template-columns:105px minmax(0,1fr) 105px; gap:28px; min-height:300px; padding:38px 44px; }
.mh-article-hero__copy { min-width:0; }
.mh-article-hero__topic { display:inline-flex; align-items:center; gap:8px; margin-bottom:10px; padding:8px 10px; border:1px solid rgba(255,52,174,.23); border-radius:9px; color:#ff59bb; font-size:8px; font-weight:900; background:rgba(255,0,153,.055); }
.mh-article-hero__date { display:inline-flex; align-items:center; gap:7px; margin-top:11px; color:var(--mh-muted); font-size:8px; font-weight:800; }
.mh-article-hero__date i { color:#ff4eb5; }
.mh-article-hero__stamp { display:grid; width:96px; height:96px; place-items:center; align-content:center; gap:7px; border:1px solid rgba(35,221,158,.28); border-radius:50%; color:#fff; background:radial-gradient(circle,rgba(34,221,160,.13),rgba(8,5,8,.96) 70%); box-shadow:inset 0 0 0 10px rgba(34,221,160,.018); }
.mh-article-hero__stamp i { color:var(--mh-green); font-size:18px; }
.mh-article-hero__stamp span { color:rgba(224,255,244,.62); font-size:7px; font-weight:900; letter-spacing:.11em; text-align:center; }
.mh-article-layout { display:grid; grid-template-columns:245px minmax(0,1fr); align-items:start; gap:15px; margin-top:15px; }
.mh-article-rail { position:sticky; top:25px; display:grid; gap:10px; }
.mh-rail-link,.mh-rail-note { display:grid; grid-template-columns:42px minmax(0,1fr) 25px; align-items:center; gap:10px; min-height:70px; padding:11px; border:1px solid rgba(255,40,168,.18); border-radius:14px; color:#fff; background:linear-gradient(145deg,rgba(24,9,22,.97),rgba(8,5,8,.995)); box-shadow:inset 0 2px rgba(255,255,255,.035),inset 0 -3px rgba(0,0,0,.28); transition:transform .2s ease,border-color .2s ease; }
.mh-rail-link > span { display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(255,48,172,.21); border-radius:11px; color:#ff4db5; background:rgba(255,0,153,.06); }
.mh-rail-link strong { overflow:hidden; font-size:9px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.mh-rail-link > i { color:rgba(255,225,242,.35); }
.mh-rail-link:hover { color:#fff; border-color:rgba(255,51,174,.50); transform:translateX(4px); }
.mh-rail-note { grid-template-columns:35px minmax(0,1fr); padding:15px; color:#ff55b9; }
.mh-rail-note > span { display:grid; gap:4px; }
.mh-rail-note strong { color:#fff; font-size:9px; }
.mh-rail-note small { color:var(--mh-muted); font-size:7px; line-height:1.45; }
.mh-article-paper { position:relative; min-width:0; padding:clamp(30px,5vw,65px); overflow:hidden; border:1px solid rgba(255,39,167,.20); border-radius:21px; background:linear-gradient(145deg,rgba(25,10,23,.98),rgba(8,5,8,.995) 72%); box-shadow:inset 0 2px rgba(255,255,255,.045),inset 0 -5px rgba(0,0,0,.31),0 17px 34px rgba(0,0,0,.20); }
.mh-article-paper::after { content:""; position:absolute; right:-80px; top:-80px; width:220px; height:220px; border:1px solid rgba(255,55,176,.10); border-radius:50%; box-shadow:0 0 0 25px rgba(145,43,246,.016); }
.mh-article-paper__mark { position:absolute; top:25px; right:29px; color:rgba(255,47,173,.10); font-size:70px; }
.mh-article-paper__lead { position:relative; z-index:2; margin-bottom:27px; padding:14px 17px 14px 20px; border-left:3px solid var(--mh-pink); border-radius:0 12px 12px 0; color:#fff; font-size:11px; font-weight:850; background:linear-gradient(90deg,rgba(255,0,153,.11),transparent); }
.mh-article-content { position:relative; z-index:2; color:var(--mh-copy); font-size:12px; line-height:1.85; }
.mh-article-content h1,.mh-article-content h2,.mh-article-content h3,.mh-article-content h4 { margin:1.35em 0 .55em; color:#fff; font-weight:950; line-height:1.18; letter-spacing:-.025em; }
.mh-article-content a { color:#ff58ba; font-weight:800; text-decoration:underline; text-decoration-color:rgba(255,88,186,.38); text-underline-offset:3px; }
.mh-article-content img { height:auto; max-width:100%; border:1px solid rgba(255,52,174,.23); border-radius:15px; box-shadow:0 13px 29px rgba(0,0,0,.23); }
.mh-article-content blockquote { margin:24px 0; padding:19px 22px; border:1px solid rgba(255,48,171,.18); border-left:4px solid var(--mh-pink); border-radius:0 13px 13px 0; color:#fff; background:rgba(255,0,153,.05); }

.mh-vote { position:relative; display:grid; grid-template-columns:74px minmax(0,1fr) auto; align-items:center; gap:20px; margin-top:24px; padding:24px 27px; overflow:hidden; border:1px solid rgba(255,39,168,.22); border-radius:19px; background:linear-gradient(135deg,rgba(30,10,27,.98),rgba(8,5,8,.995)); box-shadow:inset 0 2px rgba(255,255,255,.045),inset 0 -4px rgba(0,0,0,.30),0 15px 31px rgba(0,0,0,.18); }
.mh-vote__symbol { position:relative; display:grid; width:66px; height:66px; place-items:center; border:1px solid rgba(255,65,181,.30); border-radius:50%; color:#fff; font-size:18px; background:radial-gradient(circle,rgba(255,0,153,.23),rgba(11,5,10,.98) 69%); }
.mh-vote__symbol span { position:absolute; inset:-6px; border:1px dashed rgba(255,77,188,.34); border-radius:50%; animation:mhSpin 10s linear infinite; }
.mh-vote__copy h2 { margin:5px 0 3px; font-size:28px; font-weight:950; letter-spacing:-.035em; }
.mh-vote__copy p { margin:0; color:var(--mh-muted); font-size:8px; }
.mh-vote__actions { display:flex; gap:9px; }
.mh-vote__actions .is-negative { background:linear-gradient(180deg,#f34b70,#dc234f 58%,#a31438); border-color:rgba(255,200,211,.66); box-shadow:inset 0 2px rgba(255,255,255,.40),inset 0 -4px rgba(78,0,22,.38),0 4px 0 #7b102e,0 9px 18px rgba(220,35,79,.20); }
.mh-vote__actions .is-positive { background:linear-gradient(180deg,#31e5a8,#11bc83 58%,#087a56); border-color:rgba(210,255,239,.66); box-shadow:inset 0 2px rgba(255,255,255,.40),inset 0 -4px rgba(0,68,45,.38),0 4px 0 #075f44,0 9px 18px rgba(17,188,131,.20); }
.mh-vote__success { display:inline-flex; align-items:center; gap:8px; padding:12px 15px; border:1px solid rgba(34,221,160,.26); border-radius:11px; color:#71efc4; font-size:10px; font-weight:850; background:rgba(34,221,160,.06); }

.mh-related { margin-top:42px; }
.mh-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mh-related-card { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 32px; align-items:center; gap:11px; min-height:100px; padding:16px; overflow:hidden; border:1px solid rgba(255,39,168,.18); border-radius:16px; color:#fff; background:linear-gradient(145deg,rgba(24,9,22,.97),rgba(8,5,8,.995)); box-shadow:inset 0 2px rgba(255,255,255,.035),inset 0 -3px rgba(0,0,0,.29); transition:transform .22s ease,border-color .22s ease; }
.mh-related-card__number { position:absolute; right:8px; bottom:-8px; color:rgba(255,255,255,.06); font-size:50px; font-weight:950; }
.mh-related-card__icon { position:relative; z-index:2; display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(255,49,173,.22); border-radius:11px; color:#ff51b7; background:rgba(255,0,153,.06); }
.mh-related-card strong { position:relative; z-index:2; font-size:10px; font-weight:900; line-height:1.4; }
.mh-related-card__arrow { position:relative; z-index:2; color:#ff4cb4; }
.mh-related-card:hover { color:#fff; border-color:rgba(255,51,174,.52); transform:translateY(-4px); }

.mh-empty-state { display:grid; min-height:180px; place-items:center; gap:13px; padding:28px; border:1px solid rgba(255,39,168,.20); border-radius:18px; background:rgba(10,5,10,.89); }
.mh-empty-state.is-compact { min-height:0; }
.mh-empty-state > span { display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(255,75,187,.30); border-radius:50%; color:#fff; background:linear-gradient(145deg,#ff149f,#8d2bea); box-shadow:inset 0 3px rgba(255,255,255,.23),inset 0 -4px rgba(50,0,53,.36),0 8px 17px rgba(0,0,0,.22); }

.mh-bg-orbit { position:absolute; z-index:-1; display:block; border:1px solid rgba(255,55,176,.10); border-radius:50%; pointer-events:none; }
.mh-bg-orbit--one { top:680px; right:-80px; width:180px; height:180px; }
.mh-bg-orbit--two { top:1240px; left:-60px; width:130px; height:130px; background:rgba(255,0,153,.025); }

/* ---------- Kapalı döngülü hareketler ---------- */
@keyframes mhCircleField { 0% { transform:translate3d(0,0,0); } 100% { transform:translate3d(264px,264px,0); } }
@keyframes mhSpin { 0% { transform:rotate(0); } 100% { transform:rotate(360deg); } }
@keyframes mhVisualFloat { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-11px,0); } }
@keyframes mhPulseRing { 0%,100% { transform:scale(1); opacity:.72; } 50% { transform:scale(1.07); opacity:1; } }
@keyframes mhDotDrift { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(-10px,12px,0); } }
@keyframes mhBadgeFloat { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(-8px,-6px,0); } }

/* ---------- Tablet ---------- */
@media (min-width:768px) and (max-width:1279px) {
    .mh-stage { width:min(100% - 38px,1080px); }
    .mh-hero { grid-template-columns:minmax(0,1.1fr) minmax(270px,.7fr); gap:30px; min-height:530px; padding:42px; }
    .mh-hero h1 { font-size:clamp(44px,6.6vw,67px); }
    .mh-hero__visual { min-height:355px; }
    .mh-hero__visual img { width:min(100%,270px); max-height:330px; }
    .mh-visual-ring--outer { width:270px; height:270px; }
    .mh-visual-ring--inner { width:200px; height:200px; }
    .mh-topic-grid { grid-template-columns:1fr; }
    .mh-topic-card.is-featured { grid-column:auto; }
    .mh-popular { grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr); }
    .mh-filter-hero { grid-template-columns:90px minmax(0,1fr) 90px; padding:30px; }
    .mh-filter-hero__symbol { width:80px; height:80px; }
    .mh-article-list { grid-template-columns:1fr; }
    .mh-topic-hero { grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr); padding:37px; }
    .mh-article-hero { grid-template-columns:90px minmax(0,1fr) 90px; padding:33px; }
    .mh-article-hero__symbol { width:80px; height:80px; }
    .mh-article-hero__stamp { width:82px; height:82px; }
    .mh-article-layout { grid-template-columns:215px minmax(0,1fr); }
    .mh-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ---------- Mobil ---------- */
@media (max-width:767px) {
    .mythra-help-page { overflow-x:clip; }
    .mh-stage { width:min(100% - 24px,620px); padding-top:23px!important; padding-bottom:60px!important; }
    .mh-hero { grid-template-columns:1fr; gap:14px; min-height:0; padding:29px 20px 25px; border-radius:21px; }
    .mh-hero h1 { font-size:clamp(40px,13vw,56px); }
    .mh-hero__copy > p { font-size:10px; }
    .mh-search,.mh-search--wide { grid-template-columns:38px minmax(0,1fr); gap:6px; }
    .mh-search .mh-emboss-button { grid-column:1/-1; width:100%; }
    .mh-search--wide .mh-search__clear { position:absolute; top:10px; right:10px; }
    .mh-search--wide input { padding-right:42px; }
    .mh-hero__facts { display:grid; grid-template-columns:repeat(3,1fr); }
    .mh-hero__facts > span { min-width:0; flex-direction:column; justify-content:center; gap:3px; padding:7px 5px; text-align:center; }
    .mh-hero__visual { min-height:315px; }
    .mh-hero__visual img { width:min(78%,245px); max-height:285px; }
    .mh-visual-ring--outer { width:245px; height:245px; }
    .mh-visual-ring--inner { width:178px; height:178px; }
    .mh-visual-badge { right:0; bottom:0; }
    .mh-section-heading { display:block; }
    .mh-section-heading > p { margin-top:10px; text-align:left; }
    .mh-topic-grid { grid-template-columns:1fr; }
    .mh-topic-card,.mh-topic-card.is-featured { grid-column:auto; grid-template-columns:1fr; min-height:0; }
    .mh-topic-card__media { min-height:220px; }
    .mh-topic-card__media::after { background:linear-gradient(transparent 57%,rgba(12,5,11,.68)); }
    .mh-topic-card__body { padding:23px 20px 25px; }
    .mh-popular { grid-template-columns:1fr; }
    .mh-popular__intro { min-height:350px; padding:28px 22px; }
    .mh-popular-row,.mh-article-row { grid-template-columns:44px minmax(0,1fr) 34px; gap:10px; padding:12px; }
    .mh-popular-row__number { width:42px; height:42px; }
    .mh-popular-row__copy strong,.mh-article-row__copy strong { white-space:normal; }
    .mh-filter-hero { grid-template-columns:66px minmax(0,1fr); gap:15px; min-height:260px; padding:24px 20px; }
    .mh-filter-hero__symbol { width:61px; height:61px; font-size:17px; }
    .mh-filter-hero h1 { font-size:clamp(32px,10vw,44px); }
    .mh-result-count { grid-column:1/-1; width:100%; height:56px; grid-auto-flow:column; justify-content:center; gap:8px; }
    .mh-article-list { grid-template-columns:1fr; }
    .mh-topic-hero { grid-template-columns:1fr; min-height:0; padding:28px 21px; }
    .mh-topic-hero__visual { min-height:225px; }
    .mh-topic-hero__visual > span { width:205px; height:205px; }
    .mh-topic-hero__visual img { width:205px; height:205px; }
    .mh-article-hero { grid-template-columns:61px minmax(0,1fr); gap:15px; min-height:0; padding:25px 20px; }
    .mh-article-hero__symbol { width:58px; height:58px; font-size:16px; }
    .mh-article-hero h1 { font-size:clamp(31px,10vw,45px); overflow-wrap:anywhere; }
    .mh-article-hero__stamp { grid-column:1/-1; width:100%; height:58px; grid-auto-flow:column; justify-content:center; gap:8px; border-radius:14px; }
    .mh-article-layout { grid-template-columns:1fr; }
    .mh-article-rail { position:static; }
    .mh-article-paper { padding:28px 20px; }
    .mh-vote { grid-template-columns:58px minmax(0,1fr); gap:13px; padding:21px 17px; }
    .mh-vote__symbol { width:54px; height:54px; }
    .mh-vote__copy h2 { font-size:23px; }
    .mh-vote__actions { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,1fr); }
    .mh-related-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
    .mythra-help-page *,
    .mythra-help-page *::before,
    .mythra-help-page *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
}