.tools-editorial{padding:45px 0 35px}
.magazine-heading{text-align:center;margin-bottom:25px}
.magazine-heading h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:0 0 14px}
.magazine-heading p{font-size:18px;margin:0}
.tools-editorial .tool-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px auto 20px;max-width:1100px}
.tools-editorial .tool-filters button{flex:0 1 calc(25% - 12px);display:flex;align-items:center;justify-content:center;min-height:64px;text-align:center;padding:13px 16px;line-height:1.4;background:#fffdf8;border-color:#90a4b1;box-shadow:0 3px 0 #253e4c10}
.tools-editorial .tool-filters button[aria-pressed=true]{background:#294fbb;border-color:#294fbb;color:white}
.tools-editorial .tool-status{text-align:center;margin-bottom:22px;font-size:14px}
.magazine-desk{background:linear-gradient(130deg,#e3ebf2,#edf0f2 45%,#e5e1ee);border-block:1px solid #c2cfdb;padding:38px 0 40px}
.tools-editorial .training-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px;align-items:start}
.tools-editorial.all-tools .training-tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:27px 22px}
.tools-editorial .magazine-edition{padding:0;min-height:0;aspect-ratio:auto;background:none;border:0;border-radius:0;display:block;animation:none;text-align:center}
.tools-editorial .magazine-edition[hidden]{display:none}
.magazine-cover{position:relative;isolation:isolate;aspect-ratio:2/3;overflow:hidden;background:#f7edd7;box-shadow:3px 4px 0 #fcfbf4,4px 5px 0 #9aa6b1,8px 13px 18px #22394930;transform:rotate(-1.5deg);transition:transform .2s,box-shadow .2s}
.magazine-edition:nth-child(even) .magazine-cover{transform:rotate(1.5deg)}
.magazine-edition:hover .magazine-cover{transform:translateY(-4px);box-shadow:3px 4px 0 #fcfbf4,4px 5px 0 #9aa6b1,10px 17px 22px #22394940}
.magazine-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.magazine-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#fffaf2f7 0%,#fffaf2dd 21%,#fffaf280 36%,transparent 57%,#172e3833 80%,#172e38bd 100%)}
.cover-copy{padding:16px 10px 0;text-align:center}
.cover-issue{display:block;font:600 12px/1.2 var(--sans);letter-spacing:.04em;color:#29465b;margin-bottom:10px}
.magazine-cover h2{font:600 clamp(1.5rem,2.3vw,2.15rem)/1.05 var(--serif);letter-spacing:-.045em;color:#142f3e;margin:0 0 8px;overflow-wrap:break-word}
.cover-subtitle{display:block;font:600 13px/1.35 var(--sans);color:#254051;text-wrap:balance}
.cover-theme{position:absolute;bottom:14px;left:10px;right:10px;color:white;font:500 13px/1.35 var(--sans);text-wrap:balance}
.tools-editorial.all-tools .magazine-cover h2{font-size:clamp(1.3rem,1.85vw,1.75rem)}
.tools-editorial.all-tools .cover-issue{font-size:12px;margin-bottom:8px}
.tools-editorial.all-tools .cover-subtitle{font-size:12px}
.tools-editorial.all-tools .cover-theme{display:none}
.tools-editorial .edition-description{font-size:16px;line-height:1.55;margin:22px 8px 0;text-align:center;color:#344d5a}
.tools-editorial.all-tools .edition-description{display:none}
.tools-editorial>.small-note{text-align:center;font-size:14px;max-width:850px;margin-top:25px}
@media(max-width:1100px){.tools-editorial.all-tools .training-tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tools-editorial .training-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.tools-editorial.all-tools .training-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-editorial .tool-filters button{flex-basis:calc(33.333% - 12px)}.tools-editorial.all-tools .magazine-cover h2{font-size:1.45rem}}
@media(max-width:600px){
 .tools-editorial{padding-top:32px}.magazine-heading p{font-size:16px}.tools-editorial .tool-filters{gap:9px;margin-top:23px}.tools-editorial .tool-filters button{flex-basis:calc(50% - 5px);font-size:14px;padding:10px;min-height:60px}.tools-editorial .tool-filters button:last-child{flex-basis:100%}
 .tools-editorial.all-tools .training-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;width:calc(100% - 36px)}
 .tools-editorial .training-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px;width:calc(100% - 36px)}
 .magazine-desk{padding:25px 0 30px}.cover-copy{padding:12px 7px 0}.cover-issue{font-size:12px;letter-spacing:0;margin-bottom:8px}.magazine-cover h2{font-size:1.5rem}.cover-subtitle{font-size:12px}
 .tools-editorial.all-tools .magazine-cover{aspect-ratio:2/2.7}.tools-editorial.all-tools .cover-copy{padding:13px 8px 0}.tools-editorial.all-tools .magazine-cover h2{font-size:1.4rem;letter-spacing:-.04em;line-height:1.12}.tools-editorial.all-tools .cover-issue{display:none}.tools-editorial.all-tools .cover-subtitle{font-size:12px;line-height:1.4}
 .cover-theme{font-size:12px;bottom:10px}.tools-editorial .edition-description{font-size:15px;margin:18px 0 0}.tools-editorial>.small-note{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.magazine-cover{transition:none}}
/* Keep readable editorial type on paper, independent of the artwork. */
.tools-editorial .magazine-cover,.tools-editorial.all-tools .magazine-cover{aspect-ratio:auto;display:flex;flex-direction:column;background:#fffdf7}
.magazine-cover:before{display:none}
.tools-editorial .cover-copy{padding:16px 12px 14px;background:#fffdf7;min-height:145px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #d4d9db}
.tools-editorial .cover-issue{font-size:12px;line-height:1.4;color:#526673;margin-bottom:8px}
.tools-editorial .magazine-cover h2,.tools-editorial.all-tools .magazine-cover h2{font-family:var(--sans);font-weight:700;font-size:clamp(1.15rem,1.5vw,1.55rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 9px;color:#132e3c}
.tools-editorial .cover-subtitle,.tools-editorial.all-tools .cover-subtitle{font-size:14px;line-height:1.45;font-weight:500;color:#314955}
.cover-visual{position:static;aspect-ratio:1/1.05;overflow:hidden;flex-shrink:0}
.cover-visual>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;opacity:.9}
.cover-logos{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap}
.cover-logo{display:grid;place-items:center;width:38px;height:38px;background:#fff;border:1px solid #bdcbd4;border-radius:5px;box-shadow:0 2px 6px #172e3833}
.cover-logo img{width:27px;height:27px;object-fit:contain}
.tools-editorial .cover-theme{position:static;background:#203e50;padding:9px 10px;font-size:13px;line-height:1.4;color:#fff}
.tools-editorial .tool-filters button{background:linear-gradient(130deg,#e4edff,#faf6ed);border-color:#8fa7c1;color:#1d394a;font-weight:600}
.tools-editorial .tool-filters button:nth-child(2){background:linear-gradient(130deg,#dce9ff,#e9e1f4)}
.tools-editorial .tool-filters button:nth-child(3){background:linear-gradient(130deg,#e3eee9,#e1edf9)}
.tools-editorial .tool-filters button:nth-child(4){background:linear-gradient(130deg,#ffe5d8,#f4ebcf)}
.tools-editorial .tool-filters button:nth-child(5){background:linear-gradient(130deg,#e8ddf5,#f2e5eb)}
.tools-editorial .tool-filters button:nth-child(6){background:linear-gradient(130deg,#dce8f7,#dcefe9)}
.tools-editorial .tool-filters button:nth-child(7){background:linear-gradient(130deg,#e0e4f5,#f3e6d6)}
.tools-editorial .tool-filters button[aria-pressed=true]{background:linear-gradient(120deg,#244eaa,#315d9f 55%,#514887);border-color:#244eaa;color:#fff;box-shadow:0 4px 0 #1e3c6729}
.tools-editorial .tool-filters button:hover{border-color:#244eaa;box-shadow:0 4px 10px #28486125}
.tools-editorial .cover-copy{padding-top:62px;min-height:191px}
@media(max-width:600px){.tools-editorial .cover-copy{min-height:142px;padding:14px 10px}.tools-editorial .magazine-cover h2,.tools-editorial.all-tools .magazine-cover h2{font-size:18px;line-height:1.25}.tools-editorial .cover-subtitle,.tools-editorial.all-tools .cover-subtitle{font-size:13px;line-height:1.4}.cover-logo{width:32px;height:32px}.cover-logo img{width:23px;height:23px}.cover-logos{gap:5px;top:8px;left:8px;right:8px}.tools-editorial .cover-issue{display:none}}
@media(max-width:600px){.tools-editorial .cover-copy{padding-top:54px;min-height:182px}}
