/* R236: measured rounded SVG borders, quiet ambient orbit and a brighter hover orbit. */
:where(.glow-surface){position:relative}
.glow-surface>summary{position:relative;border-radius:inherit}
.ambient-frame{display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;opacity:.76;overflow:hidden;transition:opacity .28s ease}
.ambient-frame svg{width:100%;height:100%;max-width:none;overflow:visible;fill:none;pointer-events:none}
.ambient-frame rect{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.orbit-base{stroke:#efc47b;stroke-width:.8;opacity:.22}
.orbit-halo{stroke:#ffd885;stroke-width:4.5;stroke-dasharray:125 875;opacity:.35;filter:blur(1.1px)}
.orbit-tail{stroke:#e9bd6c;stroke-width:1.3;stroke-dasharray:170 830;opacity:.75}
.orbit-head{stroke:#fff0c2;stroke-width:2.1;stroke-dasharray:40 960}
.orbit-hover{stroke:#fff5d8;stroke-width:2.7;stroke-dasharray:90 910;opacity:0;transition:opacity .25s ease}
.panel-heading.glow-surface,.section-heading.glow-surface{border-radius:10px}
html[data-motion=full] .glow-surface.is-glowing>.ambient-frame .orbit-runner,
html[data-motion=full] .glow-surface.is-glowing>summary>.ambient-frame .orbit-runner{animation:goldOrbit 9s linear infinite;animation-delay:var(--light-drift-delay,0s)}
html[data-motion=full] .glow-surface.is-pointed.is-glowing>.ambient-frame,
html[data-motion=full] .glow-surface.is-pointed.is-glowing>summary>.ambient-frame,
html[data-motion=full] .glow-surface.is-focused.is-glowing>.ambient-frame,
html[data-motion=full] .glow-surface.is-focused.is-glowing>summary>.ambient-frame{opacity:1}
html[data-motion=full] .glow-surface.is-pointed.is-glowing>.ambient-frame .orbit-hover,
html[data-motion=full] .glow-surface.is-pointed.is-glowing>summary>.ambient-frame .orbit-hover,
html[data-motion=full] .glow-surface.is-focused.is-glowing>.ambient-frame .orbit-hover,
html[data-motion=full] .glow-surface.is-focused.is-glowing>summary>.ambient-frame .orbit-hover{opacity:1;animation:goldOrbit 2.8s linear infinite}
.glow-surface[data-light-phase="1"]{--light-drift-delay:-1.2s}
.glow-surface[data-light-phase="2"]{--light-drift-delay:-2.4s}
.glow-surface[data-light-phase="3"]{--light-drift-delay:-3.6s}
.glow-surface[data-light-phase="4"]{--light-drift-delay:-4.8s}
.glow-surface[data-light-phase="5"]{--light-drift-delay:-6s}
.glow-surface[data-light-phase="6"]{--light-drift-delay:-7.2s}
.glow-surface[data-light-phase="7"]{--light-drift-delay:-8.4s}
html[data-motion-paused] .ambient-frame rect{animation-play-state:paused!important}
@keyframes goldOrbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}

/* The sharp image remains whole; its soft duplicate fills the frame edge. */
.article-cover{padding:0;height:clamp(145px,10vw,180px);border-radius:12px 12px 0 0;background:#173749}
.article-cover img.article-backdrop{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;filter:blur(13px) brightness(.67) saturate(.85);transform:none!important;border-radius:0;pointer-events:none;opacity:.92}
.article-cover img.article-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;transform:none!important;filter:drop-shadow(0 2px 5px #0004)}
.article-badge{left:10px;bottom:9px;border-radius:5px;padding:4px 7px}
.article-copy{padding:12px 13px 11px;gap:4px;flex:0 0 auto}
.article-copy h3{margin-bottom:3px;line-height:1.25}.article-copy p{margin-bottom:5px;line-height:1.45}
.article-meta{margin-top:5px;gap:6px 10px;line-height:1.5}
.article-card{background:#fff5dc}
.article-copy h3{color:#102e42;text-shadow:0 1px #fff9e8}
.home-content-grid{align-items:stretch;gap:12px}
.home-content-grid>.panel{align-self:stretch;min-width:0}
.home-articles{flex:1;grid-template-columns:1.24fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
.home-articles .article-card:not(:first-child) .article-cover{height:clamp(134px,9.4vw,166px)}
.home-articles .article-card:not(:first-child) .article-copy{padding:10px 11px;flex:1;justify-content:space-between;gap:5px}
.home-articles .article-card:not(:first-child) h3{font-size:16px;line-height:1.25;margin-bottom:0;-webkit-line-clamp:3}
.home-articles .article-card:first-child{display:grid;grid-template-rows:minmax(220px,1fr) auto}
.home-articles .article-card:first-child .article-cover{height:auto;min-height:220px;aspect-ratio:auto}
.home-articles .article-card:first-child .article-copy{padding:13px;gap:5px}
.home-articles .article-card:first-child h3{font-size:22px;line-height:1.22;margin:0}
.home-articles .article-card:first-child p{font-size:16px;line-height:1.45;-webkit-line-clamp:3;margin:0}
.home-articles .article-meta{font-size:11px;margin-top:5px}
.home-content-grid>.calendar-panel{display:flex;flex-direction:column}
.home-content-grid .calendar-paper{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:29px}
.home-content-grid .calendar-display{flex:none;min-height:156px;align-items:center}
.home-content-grid .calendar-solar strong{font-size:80px}
.home-content-grid .calendar-advice{flex:1;height:auto;min-height:144px;grid-template-rows:minmax(0,1fr);contain:size}
.home-content-grid .calendar-advice>details{height:100%;min-height:0;contain:size}
.home-content-grid .calendar-advice summary{height:100%;display:flex;flex-direction:column}
.home-content-grid .calendar-advice summary .advice-preview{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:7px;padding-left:16px;margin-top:8px}
.home-content-grid .calendar-advice details[open] summary{height:auto;display:block}
.home-content-grid .calendar-advice details[open] .advice-preview{display:none}
.home-content-grid .advice-content{position:absolute;top:31px;left:6px;right:6px;bottom:7px;height:auto;min-height:0}
.home-content-grid>.featured-panel [data-featured]{align-content:stretch;grid-auto-rows:minmax(0,1fr);gap:9px}
.home-content-grid>.featured-panel .rank-card{margin:0;min-height:80px;grid-template-columns:20px 84px minmax(0,1fr);padding:10px;gap:9px;border-radius:10px}
.home-content-grid>.featured-panel .rank-thumb{width:84px;height:70px;padding:0}
.home-content-grid>.featured-panel .rank-card strong{font-size:16px;line-height:1.3;-webkit-line-clamp:3}
.home-content-grid>.featured-panel .rank-card small{font-size:11px;line-height:1.4}

/* Clear footer hierarchy, with the requested two-line slogan removed. */
.site-footer{padding:25px 0 22px;background:linear-gradient(120deg,#041c2b,#011421);box-shadow:inset 0 1px #e8c48a33}
.footer-grid{gap:18px;grid-template-columns:180px minmax(190px,1.5fr) .75fr .95fr 1.35fr 1fr 1.5fr}
.footer-grid>div{min-width:0}.footer-grid>div:nth-child(n+3){padding-left:14px;border-left-color:#e8c68b2b}
.footer-grid h2{font:700 17px/1.35 var(--font-display);color:#ffe2a2;margin:0 0 10px;text-shadow:0 1px #895b22,0 3px 9px #0007;letter-spacing:.02em}
.footer-grid p{font:13px/1.7 var(--font-body);color:#e2e9e6;margin-bottom:10px}
.footer-grid small{font:11px/1.6 var(--font-body);color:#cbd7d6}
.footer-grid>div>a:not(.brand){font:500 13px/1.65 var(--font-body);padding:3px 0;color:#edf2e9;text-shadow:0 1px 2px #0007;transition:color .25s,transform .25s}
.footer-grid>div>a:not(.brand):hover{color:#ffe3a3;transform:translateX(3px)}
.footer-brand .brand span{font-size:28px;text-shadow:0 1px #8a6528,0 3px 9px #0008}.footer-brand .brand-mark{width:44px;height:44px}
.footer-download>.store-links{gap:7px}.footer-download .store-button{font-size:13px;border-radius:9px;padding:8px;min-height:42px}
.footer-download .store-button span small{font-size:8px}.footer-download>small{display:block;margin-top:9px}
.site-footer .social-links{gap:10px}

@media(max-width:1450px){.footer-grid{grid-template-columns:165px 1.45fr .75fr .9fr 1.35fr 1fr 1.4fr;gap:12px}.footer-grid>div:nth-child(n+3){padding-left:10px}.footer-grid h2{font-size:16px}.footer-grid p,.footer-grid>div>a:not(.brand){font-size:12px}.footer-brand .brand span{font-size:26px}}
@media(max-width:1250px){.footer-grid{grid-template-columns:180px repeat(3,minmax(0,1fr));gap:24px}.footer-about{grid-column:span 3}.footer-grid p,.footer-grid>div>a:not(.brand){font-size:14px}.footer-grid h2{font-size:18px}}
@media(max-width:1180px){.home-content-grid>.featured-panel [data-featured]{grid-auto-rows:auto}.home-articles .article-card:not(:first-child) h3{font-size:18px}.home-articles .article-card:first-child h3{font-size:24px}}
@media(max-width:900px){.home-content-grid{align-items:start}.home-content-grid>.panel{align-self:start}.home-content-grid .calendar-paper{display:block}.home-content-grid .calendar-advice{height:160px;min-height:160px} .home-content-grid .advice-preview>span:nth-child(n+5){display:none}.home-content-grid .calendar-advice>details{height:160px;min-height:0}.home-content-grid>.featured-panel .rank-card{min-height:95px}.article-cover{height:160px}}
@media(max-width:600px){
 .home-articles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px}
 .home-articles .article-card:first-child{grid-template-rows:auto auto}
 .home-articles .article-card:first-child .article-cover{height:245px;min-height:0}
 .home-articles .article-card:first-child .article-copy{padding:14px}
 .home-articles .article-card:first-child h3{font-size:25px}.home-articles .article-card:first-child p{font-size:17px}
 .home-articles .article-card:not(:first-child) .article-cover{height:136px}.home-articles .article-card:not(:first-child) h3{font-size:18px;line-height:1.28}
 .home-articles .article-card:not(:first-child) .article-copy{padding:10px;gap:8px}.home-articles .article-meta{font-size:11px;gap:5px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
 .footer-brand,.footer-about,.footer-download{grid-column:1/-1}.footer-grid>div:nth-child(n+3){padding-left:0;border-left:0}
 .footer-grid>div:nth-child(5){display:block}.footer-grid h2{font-size:21px}.footer-grid p,.footer-grid>div>a:not(.brand){font-size:15px;line-height:1.7}.footer-grid small{font-size:12px}
 .footer-brand .brand span{font-size:32px}.footer-download .store-button{font-size:15px}
}
@media(max-width:360px){.home-articles{grid-template-columns:1fr}.home-articles .article-card:not(:first-child) .article-cover{height:180px}.home-articles .article-card:first-child .article-cover{height:235px}}
@media(prefers-reduced-motion:reduce){.ambient-frame rect{animation:none!important}.ambient-frame{opacity:.4}.orbit-hover{opacity:0!important}.footer-grid a{transition:none}}

/* Real app content fills a portrait tablet and phone; CSS clips only the source's empty gutters. */
.hero .device-stage{aspect-ratio:1.5;max-width:620px}
.device-float{inset:12px 6px 24px}
.laptop{width:46%;height:auto;left:10%;top:0;padding:.85cqw;border-width:.55cqw;border-radius:2.5cqw;display:block;background:linear-gradient(145deg,#172a38,#02101a);transform:rotate(-3deg)}
.laptop .device-browser{min-height:3.2cqw;font-size:1.45cqw}
.laptop .device-screen{position:relative;aspect-ratio:432/548;width:100%;height:auto;border:0;border-radius:1.3cqw;background:#09202d}
.laptop .app-screen{position:absolute;top:0;left:-36.1111%;width:168.5185%;height:100%;max-width:none;object-fit:fill}
.laptop-base{display:none}
.phone{width:27%;height:96%;right:11%;bottom:0;padding:.5cqw;border-width:.5cqw;border-radius:3.6cqw;transform:rotate(4deg)}
.phone .app-screen{width:100%;height:100%;object-fit:cover;object-position:center}
.phone .device-screen{border-radius:2.5cqw}
.phone-notch{height:.7cqw;top:.6cqw;width:26%;left:37%;background:#010b16}
.device-caption{left:24%;font-size:10px}

/* Ranked images are now the full card surface, with readable copy over a controlled shade. */
.rank-card,.home-content-grid>.featured-panel .rank-card{isolation:isolate;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:14px 14px 12px 45px;min-height:110px;border-radius:13px;gap:0;box-shadow:inset 0 1px #fff0c92e,0 6px 15px #0003}
.rank-thumb,.home-content-grid>.featured-panel .rank-thumb{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border:0;padding:0;object-fit:cover;object-position:center;border-radius:0;opacity:.92;filter:saturate(.9);transition:transform .55s var(--ease)}
.rank-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#03172412 5%,#0217265c 35%,#021422e8 100%),linear-gradient(90deg,#0014228c,transparent 75%);pointer-events:none}
.rank-num{position:absolute;left:10px;top:10px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #e6c485a6;border-radius:9px;background:linear-gradient(145deg,#ffe5ab,#c18a37);box-shadow:inset 0 1px #fff7d6,0 3px 8px #0005;color:#102c3c;font:700 16px/1 var(--font-display)}
.rank-copy{display:block;min-width:0;width:100%}
.rank-card strong,.home-content-grid>.featured-panel .rank-card strong{font:700 17px/1.25 var(--font-display);color:#fff2d4;text-shadow:0 1px 3px #0009;-webkit-line-clamp:2}
.rank-card small,.home-content-grid>.featured-panel .rank-card small{font:11px/1.4 var(--font-body);color:#f5e6c7;text-shadow:0 1px 3px #000;margin-top:5px}
.rank-card.is-pointed .rank-thumb{transform:scale(1.045)}
.story-cover{position:relative;overflow:hidden;align-self:stretch;min-height:280px}
.featured-story .story-cover img{position:absolute;inset:0;width:100%;height:100%;padding:0;border-radius:0;object-fit:cover;max-height:none;min-height:0}

/* End-of-articles panels share one compact grid with links filling their own tiles. */
.article-bottom{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px;margin-bottom:14px;align-items:stretch}
.article-bottom>.panel{padding:17px 18px;min-height:0;border-radius:18px;background:linear-gradient(125deg,#0d3447e8,#041a2bf5);box-shadow:inset 0 1px #fff0c02b,0 10px 25px #0003}
.article-bottom h2{font-size:24px}
.article-bottom .topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.article-bottom .topic-links a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:8px;border-radius:10px;background:linear-gradient(140deg,#163c50,#082438);font:600 12px/1.35 var(--font-body);text-align:center;border:1px solid #bd9a6555}
.article-bottom .panel-heading{margin-bottom:10px}
.article-bottom .community-strip{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.article-bottom .community-strip p{font:14px/1.6 var(--font-body);color:#e2e9e6;margin-bottom:13px}
.article-bottom .community-strip .button{min-height:43px}

/* A separate support card replaces the widely stretched, unframed strip. */
.policy-support{width:min(1460px,calc(100% - 2*var(--gutter)));grid-template-columns:165px minmax(0,1fr) 300px;gap:22px;padding:20px;margin:20px auto;border:1px solid #d5ae70a8;border-radius:22px;background:linear-gradient(135deg,#103548ee,#031b2cf5);box-shadow:inset 0 1px #fff2cb35,0 15px 30px #0004}
.policy-support>div:first-child{display:block}.policy-support .support-scholar{width:165px;height:135px;object-fit:cover;border-radius:15px;box-shadow:0 6px 18px #0004}
.policy-support h2{font-size:28px}.policy-support p{font:14px/1.6 var(--font-body);margin-bottom:12px;color:#e4ebe8}
.policy-support .support-links{display:grid;grid-template-columns:1.08fr 1fr;gap:10px}
.policy-support .contact-item{display:flex;min-width:0;flex:none;padding:11px 10px;border:1px solid #d4b37855;border-radius:13px;background:linear-gradient(140deg,#173e51,#072439);gap:8px;box-shadow:inset 0 1px #fff0c01c}
.policy-support .contact-item strong{font:600 13px/1.4 var(--font-body);overflow-wrap:anywhere}
.policy-support .contact-item small{font:600 11px/1.4 var(--font-body);margin-bottom:3px}
.policy-support .contact-symbol{width:32px;height:32px;flex:none}
.policy-support .contact-item>.icon{width:12px;height:12px;flex:none}
.policy-support .support-form{padding:17px;border-radius:16px;background:#071f30aa}
.policy-support .support-form h2{font-size:22px}.policy-support .support-form p{font-size:13px}

/* Crisp vector marks have a metallic face and a short depth shadow, without raster blur. */
.icon.platform-icon{width:26px;height:26px;flex:none;filter:drop-shadow(0 2px 1px #00131d88)}
.hero-actions .platform-icon{width:27px;height:27px}
.button.gold .platform-icon{stroke:none;filter:drop-shadow(0 1px 1px #95662970)}
.button .platform-icon{transition:transform .35s var(--ease)}
.button.is-pointed .platform-icon{transform:translateY(-1px) rotate(-3deg)}
@media(max-width:1180px){.policy-support{grid-template-columns:140px minmax(0,1fr);gap:16px}.policy-support>div:first-child{grid-row:1/3}.policy-support .support-scholar{width:140px;height:180px}.policy-support .support-form{grid-column:2}.policy-support .support-links{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.article-bottom{grid-template-columns:1fr 1fr}.article-bottom .topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .device-stage{max-width:560px}.rank-card,.home-content-grid>.featured-panel .rank-card{min-height:124px}}
@media(max-width:600px){.hero .device-stage{aspect-ratio:1.45}.device-float{inset:8px 4px 24px}.laptop{width:47%;left:8%}.phone{right:9%;width:28%;height:98%}.device-caption{font-size:8px;left:18%}.article-bottom{grid-template-columns:1fr}.article-bottom .topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}.article-bottom h2{font-size:25px}.policy-support{grid-template-columns:1fr;padding:18px;border-radius:20px;gap:14px}.policy-support>div:first-child{display:none}.policy-support .support-form{grid-column:auto}.policy-support .support-links{grid-template-columns:1fr}.policy-support .contact-item strong{font-size:15px}.policy-support .contact-item small{font-size:12px}.story-cover{order:-1;min-height:230px}.rank-card strong,.home-content-grid>.featured-panel .rank-card strong{font-size:18px}.rank-card small,.home-content-grid>.featured-panel .rank-card small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rank-card .rank-thumb,.button .platform-icon{transition:none;transform:none!important}}