/* Link hierarchy and a quiet, warm-metal finish. No animated filters or extra media. */
.brand-symbol { display:block; padding:0; overflow:hidden; background:#fff; border:1px solid #ffffff38; border-radius:10px; }
.brand-symbol img { display:block; width:100%; height:100%; object-fit:contain; }
.link-column { --link-gold:#e3c9a0; display:flex; flex-direction:column; gap:15px; min-width:0; }
.app-card { overflow:visible; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.app-card::before { display:none; }
.link-column .link-index { display:flex; align-items:center; gap:12px; margin:0 2px 7px; color:#c9bea9; font-size:11px; font-weight:500; line-height:16px; letter-spacing:.10em; }
.link-index::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,#cbb38d30,transparent); }
.store-links { grid-template-columns:minmax(0,1fr); margin:0; gap:8px; }
.store-link,.social-link,.coaching-link { position:relative; isolation:isolate; min-width:0; border:1px solid #b6b9cf30; border-top-color:#e1daca45; border-radius:15px; background:linear-gradient(125deg,#ffffff07,transparent 48%),linear-gradient(165deg,#252a40,#151a2c 82%); color:#f2f0eb; box-shadow:inset 0 1px 0 #f4e5ca0d,inset 0 -1px 0 #02061580,0 5px 14px #03061524; transition:transform .2s,border-color .2s,box-shadow .2s; }
.store-link::before,.social-link::before,.coaching-link::before { content:""; position:absolute; left:15%; right:15%; top:-1px; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#eee0c33d,transparent); }
.store-link { min-height:64px; padding:12px 20px; gap:16px; border-color:#bba17c64; border-top-color:#ead1a897; background:radial-gradient(ellipse at 0 0,#dfbf8510,transparent 65%),linear-gradient(130deg,#343747,#252b3e 60%,#22283b); box-shadow:inset 0 1px 0 #fff1d61c,inset 0 -1px 0 #02061580,0 6px 16px #03061538; }
.store-link>span:not(.sr-only) { display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:baseline; gap:12px; }
.store-link strong { font-size:19px; font-weight:600; letter-spacing:.01em; }
.store-link small { margin:0; font-size:10px; color:#bbc0ce; }
.store-link>.icon:first-child { width:27px; height:27px; color:#f0dcc0; }
.store-link>.icon:last-of-type { display:block; width:24px; height:24px; padding:5px; border:1px solid #dbc49b38; border-radius:50%; margin-left:auto; color:#dfc6a1; }
.media-group,.lecture-section,.support-section { min-width:0; }
.media-row { display:grid; gap:8px; }
.short-video-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
.social-link { display:flex; align-items:center; min-height:60px; padding:11px 16px; gap:12px; }
.social-icon,.coaching-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:1px solid #d1d5e329; border-radius:10px; background:linear-gradient(145deg,#ffffff09,#03091930); box-shadow:inset 0 1px 0 #ffffff08; color:var(--social-color,var(--link-gold)); }
.social-icon .icon,.coaching-icon .icon { width:22px; height:22px; }
.social-copy { display:flex; gap:0; min-width:0; }
.social-copy strong { font-size:16px; line-height:1.35; font-weight:500; white-space:nowrap; }
.pending-label { font-size:8px; line-height:1.3; letter-spacing:.05em; color:#aeb6c7; margin-left:auto; padding:3px 7px; border:1px solid #c8cce91a; background:#080e1b26; border-radius:20px; }
.social-arrow { position:static; width:14px; height:14px; flex:0 0 14px; color:#d5c4a9; }
.lecture-link { min-height:62px; background:radial-gradient(ellipse at 0 0,#d4898410,transparent 65%),linear-gradient(135deg,#2a2b40,#1b2033); }
.lecture-link .social-icon { border-color:#e1a4a332; background:linear-gradient(145deg,#d479790e,#090d1920); }
.lecture-link .social-copy strong { font-size:19px; }
.short-video-row .social-link { display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:10px; row-gap:2px; align-content:center; }
.short-video-row .social-icon { grid-row:1 / 3; }
.short-video-row .social-copy { grid-column:2; }
.short-video-row .pending-label { grid-column:2; justify-self:start; margin:0; padding:0; border:0; background:none; }
.short-video-row .social-link[href] .social-copy { grid-row:1 / 3; }
.short-video-row .social-arrow { display:none; }
.radio-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
.radio-row .social-link { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:8px; row-gap:3px; padding:10px; min-height:64px; }
.radio-row .social-icon { grid-row:1 / 3; width:28px; height:28px; border-radius:8px; }
.radio-row .social-icon .icon { width:19px; height:19px; }
.radio-row .social-copy { grid-column:2; }
.radio-row .social-copy strong { font-size:12px; }
.radio-row .pending-label { grid-column:2; justify-self:start; margin:0; padding:0; border:0; background:none; }
.radio-row .social-link[href] .social-copy { grid-row:1 / 3; }
.radio-row .social-arrow { display:none; }
.coaching-link { display:flex; align-items:center; margin:0; min-height:54px; padding:9px 16px; gap:12px; border-color:#b7a68b42; background:linear-gradient(115deg,#d2ad7910,transparent 65%),linear-gradient(145deg,#242a3b,#181e2f); }
.coaching-link strong { font-size:15px; font-weight:500; letter-spacing:.06em; white-space:nowrap; }
.coaching-icon { color:#e2cba6; border-color:#d6ba8933; }
.coaching-link>.icon { display:block; width:15px; height:15px; margin-left:auto; color:#d9c3a1; }
@media(hover:hover) and (pointer:fine) {
  .store-link[href]:hover { transform:translateY(-2px); border-color:#f0d6acb3; background:radial-gradient(ellipse at 0 0,#dfbf851a,transparent 65%),linear-gradient(130deg,#3b3f50,#2a3146 60%,#262e42); box-shadow:inset 0 1px 0 #fff1d626,0 9px 22px #03061545; }
  .social-link[href]:hover,.coaching-link[href]:hover { transform:translateY(-2px); border-color:#e7d1ad80; box-shadow:inset 0 1px 0 #fff1d61c,0 8px 20px #03061538; }
}
.store-link[href]:active,.social-link[href]:active,.coaching-link[href]:active { transform:translateY(1px); }
@media(prefers-reduced-motion:reduce) { .store-link,.social-link,.coaching-link { transition:none; } }
@media(min-width:860px) {
  .main-grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr); gap:48px; padding-block:24px; }
  .intro { position:relative; top:auto; }
  .course-title-wrap h1 { font-size:17px; }
  .companion-art { width:100%; }
  .site-footer { padding-block:14px; }
}
@media(min-width:860px) and (width < 1100px) {
  .main-grid { gap:28px; }
  .link-column { gap:12px; }
  .store-link { min-height:58px; }
  .social-link { min-height:54px; padding:10px; }
  .social-copy strong { font-size:15px; }
  .lecture-link .social-copy strong { font-size:18px; }
  .radio-row .social-link { grid-template-columns:24px minmax(0,1fr); padding:8px; column-gap:6px; }
  .radio-row .social-icon { width:24px; height:26px; }
  .radio-row .social-copy strong { font-size:11px; }
}
@media(width < 860px) {
  .motion-toggle:hover,.share-button:hover { transform:none; }
  .link-column { gap:9px; }
  .link-column .link-index { margin-bottom:5px; font-size:10px; line-height:14px; letter-spacing:.09em; gap:10px; }
  .companion-art { --portrait-size:clamp(80px,calc(100svh - 686px),158px); }
  .store-links { gap:6px; }
  .store-link { min-height:54px; padding:9px 16px; gap:12px; border-radius:13px; }
  .store-link strong { font-size:18px; }
  .store-link small { font-size:10px; }
  .store-link>.icon:first-child { width:24px; height:24px; }
  .social-link { min-height:54px; padding:9px 12px; gap:10px; border-radius:13px; }
  .social-icon { width:32px; height:32px; flex-basis:32px; }
  .social-icon .icon { width:21px; height:21px; }
  .social-copy strong { font-size:15px; }
  .social-link[href] .social-copy { padding:0; }
  .short-video-row .social-link { grid-template-columns:32px minmax(0,1fr); column-gap:9px; }
  .lecture-link .social-copy strong { font-size:18px; }
  .media-row { gap:6px; }
  .radio-row .social-link { grid-template-columns:minmax(0,1fr); justify-items:center; row-gap:2px; padding:5px 3px; min-height:62px; }
  .radio-row .social-icon { grid-row:auto; width:22px; height:22px; border:0; border-radius:0; background:none; box-shadow:none; }
  .radio-row .social-icon .icon { width:20px; height:20px; }
  .radio-row .social-copy,.radio-row .pending-label { grid-column:1; justify-self:center; }
  .radio-row .social-copy strong { font-size:11px; line-height:1.3; }
  .radio-row .social-link[href] .social-copy { grid-row:auto; }
  .radio-row .pending-label { font-size:8px; }
  .coaching-link { min-height:48px; padding:7px 12px; gap:10px; }
  .coaching-icon { width:30px; height:30px; flex-basis:30px; }
  .coaching-icon .icon { width:19px; height:19px; }
  .coaching-link strong { font-size:14px; }
}
@media(width < 860px) and (max-height:760px) {
  .link-column { gap:6px; }
  .link-column .link-index { line-height:13px; margin-bottom:4px; }
  .companion-art { --portrait-size:clamp(44px,calc(100svh - 614px),86px); }
  .store-link { min-height:48px; padding-block:7px; }
  .social-link { min-height:48px; padding-block:6px; }
  .radio-row .social-link { min-height:54px; padding-block:3px; row-gap:1px; }
  .radio-row .social-icon,.radio-row .social-icon .icon { width:18px; height:18px; }
  .coaching-link { min-height:44px; padding-block:6px; }
}
@media(width < 860px) and (max-height:640px) {
  .link-column { gap:4px; }
  .store-links { gap:4px; }
  .link-column .link-index { line-height:12px; margin-bottom:2px; font-size:9px; }
  .companion-art { --portrait-size:clamp(44px,calc(100svh - 537px),73px); }
  .store-link,.social-link { min-height:44px; padding-block:5px; }
  .store-link strong { font-size:16px; }
  .store-link>.icon:last-of-type { width:22px; height:22px; }
  .lecture-link .social-copy strong { font-size:16px; }
  .social-copy strong { font-size:14px; }
  .social-icon { width:30px; height:30px; flex-basis:30px; }
  .radio-row .social-link { min-height:44px; padding-block:2px; row-gap:0; }
  .radio-row .social-icon,.radio-row .social-icon .icon { width:15px; height:15px; }
  .radio-row .social-copy strong { font-size:10px; }
  .radio-row .pending-label { font-size:7px; }
  .coaching-link { padding-block:5px; }
}
@media(width < 860px) and (max-height:550px) {
  .link-column { gap:3px; }
  .link-column .link-index { line-height:11px; margin-bottom:0; }
  .site-header { min-height:46px; height:46px; }
  .main-grid { padding-block:2px; gap:2px; }
  .companion-art { --portrait-size:clamp(44px,calc(100svh - 476px),48px); }
  .site-footer { display:none; }
}
/* Keep the flight and hop clear of the qualification name in short windows. */
@media(width < 860px) and (550px < height <= 640px) {
  .companion-art { margin-top:20px; }
}
@media(width < 860px) and (max-height:580px) {
  .intro-top { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media(min-width:600px) and (width < 860px) and (min-height:900px) {
  .companion-art { --portrait-size:clamp(114px,calc(100svh - 758px),224px); }
}
@media(width < 360px) {
  .short-video-row .social-link { padding-inline:8px; grid-template-columns:26px minmax(0,1fr); column-gap:7px; row-gap:1px; }
  .short-video-row .social-icon { width:26px; height:28px; flex-basis:26px; border-radius:8px; }
  .short-video-row .social-icon .icon { width:19px; height:19px; }
  .short-video-row .social-copy strong { font-size:13px; }
  .store-link>span:not(.sr-only) { gap:8px; }
}