/* K refines H's gallery and fixed application bar. Other sections stay intact. */
.north-focus .journal-gallery{--k-photo-height:620px;min-height:var(--k-photo-height);height:auto}
.north-focus .journal-slide{min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end}
.north-focus .journal-slide.is-active{position:relative}
.north-focus .journal-slide img{position:absolute;inset:0;width:100%;height:100%}
/* Caption flow reserves room for the controls. It can grow
   beyond the preferred photo height with larger text rather than clipping. */
.north-focus .journal-slide figcaption{position:relative;inset:auto;padding:3rem 28px calc(2.75rem + 24px);gap:0;background:linear-gradient(transparent,#092c26b3)}
.north-focus .journal-slide figcaption strong{font-size:1.125rem;font-weight:500;line-height:1.4}
.north-focus .journal-controls{left:28px;right:28px;bottom:18px;gap:12px;justify-content:space-between}
.north-focus .k-slide-progress{font-size:.875rem;line-height:1.5;color:#e1eee9;font-variant-numeric:tabular-nums;white-space:nowrap}
.north-focus .slide-buttons{flex-shrink:0;gap:6px}
.north-focus .slide-buttons button{width:44px;min-width:44px;min-height:44px;background:#0b302a73;border-color:#c2d8cc80;font-size:1.125rem}
@media(max-width:700px){
 .north-focus .journal-gallery{--k-photo-height:300px}
 .north-focus .journal-slide figcaption{padding-inline:16px}
 .north-focus .journal-slide figcaption strong{font-size:1rem;line-height:1.4}
 .north-focus .journal-controls{left:16px;right:16px;bottom:12px}
}
@supports(height:100svh){
 @media(max-width:700px){.north-focus .journal-gallery{--k-photo-height:clamp(280px,36svh,320px)}}
}
@media(max-width:700px) and (max-height:700px){
 .north-focus .journal-gallery{--k-photo-height:240px}
}
/* Keep the application within reach without taking over the reading area. */
.north-focus .journal-dock{padding:6px 20px max(6px,env(safe-area-inset-bottom));gap:24px}
.north-focus .journal-dock .dock-offer{font-size:.8125rem;line-height:1.35;font-weight:600;margin:0 0 1px}
.north-focus .journal-dock strong{font-size:1.375rem;line-height:1.2}
.north-focus .journal-dock .dock-action{display:flex;align-items:center;gap:16px}
.north-focus .journal-dock .dock-action>span{font-size:.8125rem;line-height:1.35;margin:0}
.north-focus .journal-dock .apply{min-height:44px;padding:9px 16px;font-size:.9375rem;line-height:1.25;font-weight:600;white-space:normal;text-align:center}
.north-focus .journal-dock .apply>span{display:none}
.north-focus .journal-dock .expired-price{font-size:1rem}
@media(max-width:700px){
 .north-focus .journal-dock{gap:12px;padding-inline:16px}
 .north-focus .journal-dock .dock-action{display:block}
 .north-focus .journal-dock .dock-action>span{margin-bottom:3px}
 .north-focus .journal-dock .apply{padding-inline:12px}
}