/* ManaraPlay: shared, functional edition layout with lighthouse identity. */
:root{--h-bg:#fffaf0;--h-panel:#fff;--h-ink:#101d35;--h-muted:#596679;--h-line:#d8e2e4;--h-accent:#0f766e;--h-accent-hover:#115e59;--h-soft:#edf7f4;--h-footer:#0b172a;--h-footer-ink:#fff7e7;--h-radius:20px}
:root[data-theme=dark]{--h-bg:#0b1527;--h-panel:#14233a;--h-ink:#fff7e7;--h-muted:#c0cbda;--h-line:#30445d;--h-accent:#69e0d0;--h-accent-hover:#a0f0e4;--h-soft:#1b3047;--h-footer:#08111f;--h-footer-ink:#fff7e7}
.h-wrap{width:min(1180px,calc(100% - 48px))}.h-main{padding-block:28px 48px}.h-header{border-bottom-color:var(--h-line)}.h-header-main{min-height:86px}.h-nav a{border-radius:100px}.h-nav a.active{background:var(--h-soft);color:var(--h-accent)}.h-header-search{background:var(--h-panel)}.h-brand{color:var(--h-ink);font-size:23px}.h-header-actions{gap:15px}.h-search{border-radius:13px}.h-search input{color:var(--h-ink)}
.h-button,[data-theme=dark] .h-button{background:#f6c96b;color:#101d35;border-radius:12px;border-color:#f6c96b}.h-button:hover,[data-theme=dark] .h-button:hover{background:#ffdb8c;color:#101d35}.h-button.h-button-quiet,[data-theme=dark] .h-button.h-button-quiet{background:var(--h-panel);color:var(--h-ink);border-color:var(--h-line)}.h-button.h-button-quiet:hover{border-color:var(--h-accent)}.h-footer .h-button{color:#101d35}.h-nav a:hover,.h-card-bottom>span:last-child{color:var(--h-accent)}
.h-home-compact{height:222px;background:#101d35;border-color:#30445d;padding:20px 32px;position:relative;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr)}.h-home-compact h1{color:#fff7e7;font-size:clamp(24px,3vw,38px);margin-bottom:20px}.h-home-compact>div:first-child{z-index:2}.h-home-compact .h-button-quiet{background:#1b3047;color:#fff7e7;border-color:#496079}.manara-beacon{height:210px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px}.manara-beacon>img{width:100%;height:100%;object-fit:cover;object-position:center}.manara-beam{position:absolute;inset:18% -20% 4% 40%;background:linear-gradient(100deg,#59d6ca00,#59d6ca24,#f6c96b00);clip-path:polygon(0 50%,100% 0,100% 100%);transform-origin:left center;animation:manara-sweep 8s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
@keyframes manara-sweep{0%,100%{transform:rotate(-7deg);opacity:.25}50%{transform:rotate(8deg);opacity:.85}}
.h-home-section{margin-top:38px}.h-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.h-app-card{border-radius:18px;padding:20px;background:var(--h-panel)}.h-app-card:hover{border-color:var(--h-accent);box-shadow:0 10px 25px #00000018}.h-card-top{gap:10px}.h-card-top img{width:58px;height:58px;border-radius:15px}.h-card-category{border-radius:7px;background:var(--h-soft);color:var(--h-muted);font-size:10px}.h-app-card h3,.h-app-card h2{font-size:16px}.h-card-bottom{padding-top:14px}.h-app-card>p{font-size:12px;color:var(--h-muted)}.h-empty{border-style:solid;color:var(--h-muted)}
.h-footer{border-top:1px solid #30445d}.h-footer-grid{padding-block:34px;grid-template-columns:1.4fr 1fr 1fr 1fr}.h-footer .h-brand{color:#fff7e7}.h-footer nav a{color:#c7d2df;font-size:12px}.h-footer nav h3{color:#f6c96b}.h-footer-brand p{color:#c7d2df;font-size:12px}.h-footer-bottom{color:#bccbd9}.h-home-suggest{margin-top:26px}.h-footer-brand>.h-text-link{color:#69e0d0}
.h-faq-answer,.h-prose{font-size:15px;line-height:2.2}.h-detail-panel,.h-panel{border-radius:20px}.h-detail-head h1{font-size:clamp(25px,3.5vw,40px)}.h-detail-head>.h-button{min-width:190px}.h-reading-header h1{font-size:clamp(28px,4vw,44px)}.h-cookie{border-color:var(--h-line);background:var(--h-panel);color:var(--h-ink)}.h-cookie p{font-size:12px;color:var(--h-muted)}
@media(max-width:1000px){.h-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.h-footer-grid{grid-template-columns:1fr 1fr}.h-footer-brand{grid-column:1/-1}}
@media(max-width:760px){.h-wrap{width:calc(100% - 28px)}.h-main{padding-block:20px 32px}.h-brand{font-size:18px}.h-header-main{min-height:72px}.h-home-compact{height:200px;padding:16px;grid-template-columns:minmax(150px,1fr) minmax(0,.85fr);gap:6px}.h-home-compact h1{font-size:22px;white-space:normal;margin-bottom:14px;line-height:1.65}.manara-beacon{height:180px;margin-inline-end:-16px;border-radius:0}.manara-beacon>img{object-position:23% center}.h-home-actions{display:flex;flex-wrap:wrap;max-width:none}.h-home-actions .h-button{font-size:11px;min-height:40px;padding:7px 12px}.h-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.h-app-card{padding:15px}.h-card-top{flex-direction:row;align-items:center;flex-wrap:wrap;margin-bottom:10px}.h-card-top img{width:54px;height:54px}.h-app-card h3,.h-app-card h2{font-size:14px}.h-app-card>p{font-size:12px}.h-card-bottom{font-size:10px}.h-home-section .h-section-head h2{font-size:22px}.h-footer nav a,.h-footer nav h3{font-size:12px}.h-footer-brand p{font-size:12px}.h-prose{font-size:14px}.h-faq-item>summary{font-size:15px}.h-footer-bottom{font-size:11px}}
@media(max-width:360px){.h-home-compact{grid-template-columns:140px minmax(0,1fr)}.h-home-compact h1{font-size:20px}.h-app-grid{grid-template-columns:1fr}.h-app-card{padding:18px}.h-card-top{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.manara-beam{animation:none}}