/* Listening pages extend the existing Skylock type, colours and shared layout. */
.listen-page{--listen-colour:var(--mint)}
.listen-tone-family{--listen-colour:var(--coral)}
.listen-tone-astra{--listen-colour:#ffb4a0}
.listen-tone-cleo{--listen-colour:#a6e7df}
.listen-tone-juno{--listen-colour:var(--mint)}
.listen-tone-marin{--listen-colour:#a7d9f4}
.listen-tone-pip{--listen-colour:#d8c4ed}
.listen-page :is(h1,h2,h3){overflow-wrap:break-word}
.listen-hero{padding:68px 0 76px;background:var(--coral);border-bottom:2px solid var(--ink);overflow:hidden}
.listen-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}
.listen-hero h1{font-size:clamp(4.7rem,7.7vw,8rem);line-height:.94;max-width:780px;margin:0 0 26px}
.listen-hero .lead{font-size:1.15rem;max-width:570px}
.listen-hero .buttons{align-items:center;gap:18px 25px}
.listen-hero .text-link{gap:10px}
.listen-hero-note{font-size:.86rem;font-weight:700;margin:24px 0 0}
.listen-hero-picture{position:relative;margin:0 7px 10px 0;aspect-ratio:4/5;border:2px solid var(--ink);border-radius:44% 44% 10px 10px;overflow:hidden;box-shadow:9px 10px var(--ink);transform:rotate(3deg);max-height:540px}
.listen-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 47%}
.listen-hero-picture figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 12px;background:var(--ink);color:var(--mint);font:800 clamp(1.6rem,2.5vw,2.5rem)/1 Barlow,Impact,sans-serif;text-align:center}
.listen-library{padding:80px 0 90px;scroll-margin-top:24px}
.listen-library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.listen-library-heading h2{font-size:clamp(3.2rem,5.2vw,5.5rem);margin:0}
.listen-library-heading .eyebrow{font-size:.75rem;margin-bottom:14px}
.listen-library-heading>p{max-width:360px;font-size:1rem;margin:0}
.listen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.listen-card{display:flex;flex-direction:column;min-width:0;border:2px solid var(--ink);background:var(--paper);text-decoration:none;box-shadow:5px 6px var(--ink);transition:transform .18s,box-shadow .18s}
.listen-card:hover{transform:translateY(-5px);box-shadow:5px 11px var(--ink)}
.listen-card:focus-visible{outline:4px solid var(--blue);outline-offset:7px}
.listen-card-art{position:relative;aspect-ratio:3/2;border-bottom:2px solid var(--ink);background:var(--listen-colour);overflow:hidden}
.listen-art{display:block;width:100%;height:100%;object-fit:contain}
.listen-team-art{object-fit:cover;object-position:50% 40%}
.listen-issue{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:44px;height:44px;background:var(--listen-colour);border:2px solid var(--ink);border-radius:50%;font:800 1.6rem/1 Barlow,Impact,sans-serif;box-shadow:2px 2px var(--ink)}
.listen-card-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:24px}
.listen-card-copy .eyebrow{font-size:.7rem;margin:0 0 12px}
.listen-card h3{font-size:2.7rem;line-height:1.02;margin:0 0 16px}
.listen-card p{font-size:.97rem;line-height:1.6;margin-bottom:25px}
.listen-card-bottom{width:100%;margin-top:auto;border-top:1px solid var(--ink);padding-top:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.listen-duration{font-size:.75rem;font-weight:700;border:1px solid var(--ink);background:var(--listen-colour);border-radius:30px;padding:5px 10px;white-space:nowrap}
.listen-card-action{font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:12px}
.listen-card-action>span{font-size:1.4rem}
.listen-together{padding:68px 0;background:var(--blue);color:var(--paper)}
.listen-together>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;align-items:start}
.listen-together .eyebrow{grid-column:1/-1;color:var(--mint);margin:0 0 8px}
.listen-together h2{grid-row:2/4;font-size:clamp(3rem,5.5vw,5.7rem);margin:0}
.listen-together p{font-size:1.1rem;max-width:590px;line-height:1.7}
.listen-together .text-link{align-self:end;justify-self:start;gap:12px}
.listen-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:26px 0 0;font-size:.85rem}
.listen-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.listen-story-header{padding:30px 0 42px}
.listen-story-header h1{font-size:clamp(3.7rem,7vw,7rem);max-width:1100px;line-height:.99;margin:0 0 24px}
.listen-story-header .eyebrow{font-size:.8rem;margin-bottom:18px}
.listen-story-header .lead{max-width:780px;margin:0}
.listen-story-listening{padding:42px 0;background:var(--listen-colour);border-block:2px solid var(--ink)}
.listen-story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}
.listen-story-picture{margin:0;border:2px solid var(--ink);box-shadow:5px 6px var(--ink);background:var(--paper)}
.listen-story-picture .listen-art{height:auto;aspect-ratio:3/2}
.listen-story-picture figcaption{padding:12px 15px;border-top:2px solid var(--ink);font-size:.75rem;font-weight:700}
.listen-player{min-width:0;background:var(--paper);border:2px solid var(--ink);border-radius:24px 24px 24px 4px;padding:30px;box-shadow:5px 6px var(--ink)}
.listen-player-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}
.listen-player-heading .eyebrow,.listen-pending .eyebrow{font-size:.7rem;margin:0 0 10px}
.listen-player h2{font-size:clamp(2.7rem,3.5vw,3.8rem);line-height:1.02;margin:0}
.listen-player>p{font-size:.93rem;line-height:1.55}
.listen-length{background:var(--listen-colour);border:1px solid var(--ink);border-radius:30px;padding:7px 12px;white-space:nowrap;font-size:.82rem;font-weight:700}
.listen-player audio{display:block;width:100%;min-width:0;min-height:54px;border-radius:28px;margin:22px 0 0;color-scheme:light}
.listen-player audio:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.listen-extra-controls{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap;margin:15px 0 0}
.listen-skip-controls{display:flex;gap:8px}
.listen-skip-controls button{border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:12px;padding:8px 12px;min-height:44px;min-width:74px;font-size:.85rem;font-weight:700;white-space:nowrap}
.listen-skip-controls button:hover:not(:disabled){background:var(--listen-colour)}
.listen-skip-controls button:disabled{opacity:.45;cursor:default}
.listen-speed{display:grid;gap:5px;font-size:.72rem;font-weight:700;max-width:100%}
.listen-speed select{min-height:44px;max-width:100%;padding:7px 28px 7px 10px;border:1px solid var(--ink);border-radius:10px;color:var(--ink);background:var(--paper);font-size:.8rem}
.listen-player-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:.8rem;font-weight:700}
.listen-player-links a{display:inline-flex;align-items:center;min-height:44px;gap:8px}
.listen-player .listen-audio-status{min-height:1.6em;font-size:.78rem;margin:12px 0 0}
.listen-player .listen-audio-error{background:var(--mint);border-left:4px solid var(--ink);padding:12px 15px;margin-top:12px}
.listen-pending h2{margin-bottom:16px}
.listen-reading{padding:70px 0;scroll-margin-top:22px}
.listen-reading-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:start}
.listen-reading-heading h2{font-size:clamp(3rem,4.8vw,5rem);margin-bottom:28px}
.listen-reading-heading>p{font-size:.88rem;max-width:250px;margin:20px 0 0}
.listen-transcript-copy{max-width:750px;min-width:0;font-size:1.16rem;line-height:1.85;overflow-wrap:break-word}
.listen-transcript-copy p{margin:0 0 1.3em}
.listen-transcript-copy h3{font-size:2.2rem;line-height:1.1;margin:34px 0 18px}
.listen-transcript-copy p:last-child{margin-bottom:0}
.listen-ending{background:var(--mint);border-block:1px solid var(--ink);padding:64px 0}
.listen-ending-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}
.listen-ending h2{font-size:clamp(3rem,4.5vw,4.8rem);line-height:1.06;margin:0 0 22px}
.listen-learning{font-size:1rem;line-height:1.6}
.listen-ending .text-link{gap:10px}
.listen-discussion{border:2px solid var(--ink);border-radius:22px 22px 4px 22px;background:var(--paper);padding:28px}
.listen-discussion h3{font-size:2.4rem;line-height:1.05}
.listen-discussion ol{margin:20px 0 0;padding-left:24px;display:grid;gap:18px;font-size:1rem;line-height:1.65}
.listen-discussion li{padding-left:6px}
.listen-more{padding:65px 0 80px}
.listen-more h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:35px}
.listen-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.listen-card-small{display:grid;grid-template-columns:.8fr 1.2fr}
.listen-card-small .listen-card-art{aspect-ratio:auto;height:100%;border-bottom:0;border-right:2px solid var(--ink)}
.listen-card-small .listen-card-art .listen-art{object-fit:contain}
.listen-card-small .listen-card-art .listen-team-art{object-fit:cover}
.listen-card-small h3{font-size:2.2rem}
.listen-card-small p{font-size:.88rem;margin-bottom:18px}
.listen-card-small .listen-issue{width:35px;height:35px;font-size:1.2rem;top:8px;left:8px}
.listen-more>.wrap>.text-link{margin-top:35px;gap:10px}
@media(max-width:1100px){.listen-hero-layout{gap:40px}.listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-story-layout{grid-template-columns:.72fr 1.28fr;gap:25px}.listen-player{padding:25px}.listen-reading-layout{gap:45px}.listen-more-grid{gap:24px}.listen-card-small{display:flex}.listen-card-small .listen-card-art{aspect-ratio:3/2;height:auto;border-right:0;border-bottom:2px solid var(--ink)}}
@media(max-width:760px){.listen-hero{padding:44px 0 55px}.listen-hero-layout{grid-template-columns:1fr;gap:35px}.listen-hero h1{font-size:clamp(3.4rem,12vw,5.7rem)}.listen-hero .lead{font-size:1.05rem}.listen-hero-copy .eyebrow{font-size:.75rem}.listen-hero-picture{width:100%;max-width:470px;max-height:450px;aspect-ratio:1.1;margin:0 auto 8px;transform:rotate(2deg)}.listen-hero-picture img{object-position:50% 40%}.listen-hero-picture figcaption{font-size:1.7rem;padding:12px}.listen-library{padding:50px 0 60px}.listen-library-heading{display:block;margin-bottom:30px}.listen-library-heading h2{font-size:3.3rem}.listen-library-heading>p{margin-top:20px}.listen-grid{gap:24px}.listen-card-copy{padding:20px}.listen-card h3{font-size:2.45rem}.listen-together{padding:48px 0}.listen-together>.wrap{display:block}.listen-together h2{font-size:3.5rem;margin:18px 0 25px}.listen-together p{font-size:1rem}.listen-story-header{padding:20px 0 30px}.listen-story-header h1{font-size:clamp(3.25rem,11.5vw,5rem)}.listen-story-header .lead{font-size:1.03rem}.listen-story-layout{grid-template-columns:1fr;gap:26px}.listen-story-picture{order:2;max-width:560px;width:100%;margin:auto}.listen-player{order:1}.listen-story-listening{padding:28px 0 35px}.listen-reading{padding:45px 0}.listen-reading-layout{grid-template-columns:1fr;gap:32px}.listen-reading-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}.listen-reading-heading>.eyebrow{flex-basis:100%;margin-bottom:0;font-size:.75rem}.listen-reading-heading h2{font-size:3.4rem;margin:0}.listen-reading-heading>p{flex-basis:100%;max-width:none;margin:6px 0 0}.listen-print{min-height:44px;padding:9px 16px;font-size:.85rem}.listen-transcript-copy{font-size:1.09rem;line-height:1.82}.listen-ending{padding:45px 0}.listen-ending-layout{grid-template-columns:1fr;gap:28px}.listen-ending h2{font-size:3.25rem}.listen-discussion{padding:22px}.listen-more{padding:45px 0 55px}.listen-more h2{font-size:3.3rem}.listen-more-grid{grid-template-columns:1fr 1fr}.listen-card-small .listen-card-copy{padding:16px}.listen-card-small h3{font-size:2rem}}
@media(max-width:540px){.listen-grid,.listen-more-grid{grid-template-columns:1fr}.listen-hero .buttons{align-items:start;flex-direction:column;gap:8px}.listen-hero-note{font-size:.8rem}.listen-player{padding:21px 18px}.listen-player-heading{gap:12px;align-items:start;flex-direction:column}.listen-player h2{font-size:2.8rem}.listen-player-heading .listen-length{font-size:.75rem;padding:5px 10px}.listen-extra-controls{gap:16px}.listen-speed{width:100%}.listen-speed select{width:100%}.listen-player-links{gap:4px 12px}.listen-card-small{display:grid;grid-template-columns:.75fr 1.25fr}.listen-card-small .listen-card-art{aspect-ratio:auto;border-bottom:0;border-right:2px solid var(--ink)}.listen-card-small h3{font-size:1.9rem}.listen-card-small .listen-card-copy p{display:none}.listen-card-small .listen-card-bottom{align-items:start;flex-direction:column;gap:10px}.listen-together h2{font-size:3.2rem}.listen-breadcrumb{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.listen-page .listen-card,.listen-page .button{transition:none}.listen-page .listen-card:hover{transform:none}}
.motion-paused .listen-card,.motion-paused .listen-page .button{transition:none}
.motion-paused .listen-card:hover{transform:none}
@media print{
 .listen-story .listen-breadcrumb,.listen-story-header .eyebrow,.listen-story-listening,.listen-reading-heading,.listen-more,.listen-ending .text-link{display:none!important}
 .listen-story,.listen-story-header,.listen-reading,.listen-ending{background:white!important;color:black!important;border:0;box-shadow:none;padding:0}
 .listen-story .wrap{width:100%;max-width:none}
 .listen-story-header{padding-bottom:20px}
 .listen-story-header h1{font-size:26pt;max-width:none;line-height:1.08;margin:0 0 12px}
 .listen-story-header .lead{font-size:11pt;line-height:1.5;max-width:none}
 .listen-reading-layout,.listen-ending-layout{display:block}
 .listen-transcript-copy{font-size:11pt;line-height:1.6;max-width:none}
 .listen-transcript-copy p{orphans:3;widows:3}
 .listen-ending{margin-top:25px;break-inside:avoid}
 .listen-ending h2{font-size:19pt;line-height:1.2;margin-bottom:12px}
 .listen-ending .eyebrow,.listen-learning{font-size:10pt}
 .listen-discussion{margin-top:18px;border:1px solid black;background:white;padding:12px;box-shadow:none;break-inside:avoid}
 .listen-discussion h3{font-size:16pt}
 .listen-discussion ol{font-size:10pt;line-height:1.5;gap:8px;margin-top:10px}
}