.focus .focus-accordion{gap:0;align-content:start}
.focus-accordion .focus-item{display:block;border-bottom:1px solid var(--color-structure)}
.focus-accordion .focus-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 width:100%;min-height:76px;padding:20px 0;text-align:left;
 font-family:var(--font-heading);font-weight:500;line-height:1.35
}
.focus-trigger>span:first-child{min-width:0}
.focus-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
.focus-control{position:relative;display:block;width:32px;height:32px;flex:none;color:var(--color-accent);transition:transform 180ms ease-out}
.focus-control::before,.focus-control::after{content:'';position:absolute;width:11px;height:11px;border:1.5px solid currentColor}
.focus-control::before{top:0;left:0;border-right:0;border-bottom:0}
.focus-control::after{right:0;bottom:0;border-top:0;border-left:0}
.focus-control>span{position:absolute;left:13px;top:13px;width:6px;height:6px;background:var(--color-mark);transition:transform 180ms ease-out}
.focus-trigger:hover .focus-control>span{transform:scale(1.3)}
.focus-trigger[aria-expanded="true"] .focus-control{transform:rotate(90deg)}
.focus-panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);visibility:hidden;transition:grid-template-rows 250ms ease,opacity 250ms ease,transform 250ms ease,visibility 0s 250ms}
.focus-panel-inner{min-height:0;overflow:hidden}
.focus-panel .short{max-width:636px;padding:0 48px 24px 0}
.focus-accordion .is-open .focus-panel{grid-template-rows:1fr;opacity:1;transform:none;visibility:visible;transition-delay:0s}
@media(max-width:767px){
 .focus:has(.focus-accordion){min-height:0}
 .focus-accordion .focus-trigger{gap:16px;font-size:20px;min-height:76px}
 .focus-panel .short{padding-right:0}
 .focus-control{width:28px;height:28px}
 .focus-control>span{left:11px;top:11px}
}
@media(prefers-reduced-motion:reduce){
 .focus-panel,.focus-control,.focus-control>span{transition:none;transform:none}
}

/* Decorative artwork: full PNG, including its transparent glow margins. */
.focus-art{
 width:min(420px,calc(100% + 16px));
 margin-top:24px;
 animation:focus-art-float 6s ease-in-out infinite
}
.focus-art-hover{transition:transform 350ms ease-in-out}
.focus-art img{display:block;width:100%;height:auto}

@media(hover:hover) and (pointer:fine) and (min-width:768px) and (prefers-reduced-motion:no-preference){
 .focus-art:hover .focus-art-hover{transform:rotate(1.5deg) scale(1.015)}
}
@media(min-width:768px) and (max-width:1199px){
 .focus-art{width:min(100%,280px)}
}
@media(max-width:767px){
 .focus-art{width:min(70%,240px);margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
 .focus-art{animation:none;transform:none}
 .focus-art-hover{transition:none;transform:none}
}