/* v7 phone navigation + shorter pages. Desktop (>768px) is unchanged. */
.mnav-btn,.m-otp,.m-top{display:none}
@media (max-width:768px){
 .m-host{position:relative;flex-wrap:nowrap!important;display:flex;align-items:center}
 .mnav-btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto;background:#2A2140;color:#fff;border:1px solid rgba(167,123,255,.55);border-radius:14px;padding:10px 14px;font:700 1rem/1 inherit;cursor:pointer;min-height:44px}
 .mnav-btn:focus-visible{outline:3px solid #C9B2FF;outline-offset:2px}
 .mnav-btn .bars{display:inline-block;width:20px;height:14px;position:relative}
 .mnav-btn .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#C9B2FF;transition:transform .2s,opacity .2s}
 .mnav-btn .bars i:nth-child(1){top:0}.mnav-btn .bars i:nth-child(2){top:6px}.mnav-btn .bars i:nth-child(3){top:12px}
 .mnav-btn[aria-expanded="true"] .bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .mnav-btn[aria-expanded="true"] .bars i:nth-child(2){opacity:0}
 .mnav-btn[aria-expanded="true"] .bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .nav.m-enh{display:none!important;position:absolute;z-index:50;top:calc(100% + 8px);left:12px;right:12px;flex-direction:column;align-items:stretch;gap:4px;background:#17141F;border:1px solid rgba(167,123,255,.45);border-radius:18px;padding:10px;box-shadow:0 24px 48px -16px rgba(0,0,0,.7)}
 .nav.m-enh.open{display:flex!important}
 .nav.m-enh a,.nav.m-enh button{display:block;width:100%;text-align:left;color:#fff;padding:14px 14px;border-radius:12px;font-size:1.1rem;text-decoration:none;margin:0}
 .nav.m-enh a[aria-current="page"]{background:#3A2768}
 .nav.m-enh a:hover,.nav.m-enh a:focus-visible{background:#2A2140}
 details.m-acc{border:1px solid var(--line,#E4DDF2);border-radius:16px;background:#fff;margin:12px 0;overflow:hidden}
 details.m-acc>summary{list-style:none;cursor:pointer;padding:16px 48px 16px 16px;position:relative;font-weight:800;font-size:1.15rem;color:#17141F;min-height:44px}
 details.m-acc>summary::-webkit-details-marker{display:none}
 details.m-acc>summary::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-right:3px solid #7A3FE0;border-bottom:3px solid #7A3FE0;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
 details.m-acc[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
 details.m-acc>summary h2,details.m-acc>summary h3{display:inline;font-size:inherit!important;margin:0!important;line-height:1.3}
 details.m-acc>.m-acc-b{padding:0 16px 16px}
 .m-otp{display:block;position:sticky;top:0;z-index:40;margin:0 -16px 12px;padding:10px 16px;background:rgba(23,20,31,.96);backdrop-filter:blur(6px)}
 .m-otp label{display:flex;align-items:center;gap:10px;color:#C9B2FF;font-weight:700;font-size:1rem}
 .m-otp select{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1px solid rgba(167,123,255,.55);background:#2A2140;color:#fff;font-size:1rem;padding:8px 10px}
 .m-top{position:fixed;right:8px;bottom:12px;z-index:45;width:44px;height:44px;border-radius:50%;border:1px solid rgba(167,123,255,.6);background:#7A3FE0;color:#fff;font-size:1.4rem;box-shadow:0 12px 28px -10px rgba(0,0,0,.6);cursor:pointer;display:none;align-items:center;justify-content:center}
 body{padding-bottom:64px}
 .m-top.show{display:flex}
 .m-top:focus-visible{outline:3px solid #C9B2FF;outline-offset:3px}
}
@media (max-width:768px) and (prefers-reduced-motion:reduce){.mnav-btn .bars i,details.m-acc>summary::after{transition:none}}

/* v7 phone-length: swipe rows ([data-mswipe]) + collapsible secondary sections ([data-macc]). Phone only; desktop unchanged. */
.m-joincta,.m-swipe-hint{display:none}
@media (max-width:768px){
 [data-mswipe]{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:20px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-inline:-20px!important;padding:6px 20px 14px!important;scrollbar-width:thin;scrollbar-color:rgba(167,123,255,.55) transparent}
 [data-mswipe]>*{flex:0 0 80%!important;max-width:80%;min-width:0;scroll-snap-align:start;margin:0!important}
 [data-mswipe]>*:last-child{scroll-snap-align:end}
 [data-mswipe][data-mswipe-chips]>*{flex:0 0 auto!important;max-width:none}
 [data-mswipe]:focus-visible{outline:3px solid #C9B2FF;outline-offset:2px;border-radius:12px}
 .m-swipe-hint{display:block;margin:10px 0 -2px;font-size:.95rem;font-weight:700;color:#7A3FE0}
 .m-home .hero .m-swipe-hint,.m-home section:not(.light) .m-swipe-hint,.m-home .final .m-swipe-hint{color:#C9B2FF}
 .m-joincta{display:flex;flex-direction:column;gap:6px;margin:18px 0 0}
 .m-joincta .btn{width:100%;text-align:center;line-height:1.3;padding:10px 18px}
 .m-joincta span{font-size:.95rem;color:#C9C1DD}
 /* home */
 body.m-home .hero{min-height:0}
 body.m-home .hero-grid{flex:none;padding:18px 0 24px}
 body.m-home .hero .scroll{padding-bottom:16px}
 body.m-home main>section{padding:44px 0}
 body.m-home main>section.m-sec2{padding:20px 0}
 body.m-home .cards{margin-top:18px}
 body.m-home .card{padding:18px}
 body.m-home .try{margin-top:16px}
 body.m-home .tcard{padding:20px}
 body.m-home .tcard h3{font-size:20px}
 body.m-home .sgp{margin-top:16px}
 body.m-home .sgp a{padding:16px;gap:14px;align-items:flex-start}
 body.m-home .sgp img{width:56px}
 body.m-home .trow-h{margin:28px 0 6px}
 body.m-home .trow a{min-height:48px;white-space:nowrap;padding:8px 14px;font-size:16px}
 body.m-home .glist{margin-top:14px}
 body.m-home .glist a{height:100%}
 body.m-home #iask-home{margin:18px 0}
 body.m-home #iask-home .iask-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 body.m-home #iask-home .iask-t{min-height:0;padding:10px 12px}
 body.m-home #iask-home .iask-t b{font-size:1.05rem}
 body.m-home #iask-home .iask-t span{font-size:.9rem;line-height:1.35}
 details.m-acc.m-acc-dark{background:transparent;border-color:rgba(167,123,255,.45)}
 details.m-acc.m-acc-dark>summary{color:inherit}
 details.m-acc.m-acc-dark>summary::after{border-color:#C9B2FF}
 body.m-home details.m-acc{background:transparent;border-color:rgba(167,123,255,.45);margin:0}
 body.m-home section.light details.m-acc{background:#fff;border-color:#E4DDF2}
 body.m-home details.m-acc>summary{color:inherit}
 body.m-home details.m-acc>summary .tag{display:block;margin-bottom:4px}
 body.m-home details.m-acc>.m-acc-b>:first-child{margin-top:0}
 body.m-home .kit details.m-acc{grid-column:1/-1}
 /* /topics/ hub */
 .tgrid[data-mswipe]{margin-top:4px!important}
 .tgrid[data-mswipe] .tcard2 a{padding:18px}
 .tgrid[data-mswipe] .tcard2 .tsubs{padding:10px 14px}
 .related[data-mswipe]{margin-top:24px!important}
 .related[data-mswipe]>.rel{display:flex;flex-direction:column}
}