/* OPTUM journal: calm hierarchy, complete imagery, meaningful interaction. */
.magazine-page .magazine-header{padding:26px 0 30px;align-items:end;gap:36px}
.magazine-page .magazine-header h1{font-size:clamp(35px,3.7vw,52px);line-height:1.12}
.magazine-page .magazine-header>p{max-width:300px;font-size:15px;line-height:1.65}
.journal-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 40px;border:1px solid #ccd8cb;background:#f2f5ed}
.journal-shortcuts a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:22px 48px 22px 24px;color:#21483d;text-decoration:none;min-width:0;transition:background-color .22s ease}
.journal-shortcuts a+a{border-left:1px solid #ccd8cb}
.journal-shortcut-label{font:600 11px/1.5 "Helvetica Neue",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#526a58}
.journal-shortcuts strong{font:400 clamp(18px,1.7vw,22px)/1.3 Georgia,serif;letter-spacing:-.015em}
.journal-shortcut-arrow{position:absolute;right:22px;top:50%;margin-top:-14px;font-size:24px;line-height:28px;transition:transform .22s ease}
.magazine-page .magazine-filter-heading{margin:0 0 10px;gap:20px;scroll-margin-top:160px}
.magazine-page .magazine-filter-heading h2{margin:0;font-size:clamp(25px,2.5vw,31px)}
.magazine-page .magazine-filter-heading>span{font-size:12px;line-height:1.5;flex-shrink:0;color:#536755}
.journal-order-note{font:14px/1.6 "Helvetica Neue",Arial,sans-serif;color:#576961;max-width:760px;margin:0 0 20px}
.magazine-page .filterbar{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}
.magazine-page .filterbar button{font-size:13px;min-height:44px;padding:10px 17px;border:1px solid #ced9cf;background:#fff;color:#264d40;transition:background-color .2s,border-color .2s,color .2s}
.magazine-page .filterbar button[aria-pressed="true"]{background:#244c40;border-color:#244c40;color:#fff}
.journal-filter-count{font-variant-numeric:tabular-nums;font-size:11px;margin-left:7px;opacity:.8}
.magazine-page #filter-status{font:12px/1.5 "Helvetica Neue",Arial,sans-serif;color:#576961;margin:14px 0 22px;min-height:18px}
.magazine-page .magazine-grid{gap:36px 28px;margin-bottom:44px}
.magazine-page .magazine-card{position:relative;border-bottom:1px solid #d5dfd5;padding-bottom:20px;transition:border-color .24s,color .24s}
.magazine-page .magazine-card[hidden]{display:none!important}
.magazine-page .magazine-card .card-image{aspect-ratio:3/2;border:1px solid #d9e2d6;transition:border-color .24s,box-shadow .24s}
.magazine-page .magazine-card .card-copy{padding-top:18px}
.magazine-page .magazine-card h2{font-size:clamp(23px,2.05vw,28px);line-height:1.2;margin:12px 0;letter-spacing:-.025em;transition:color .24s}
.magazine-page .magazine-card p{font-size:14px;line-height:1.65;margin:0 0 22px;max-width:none}
.magazine-page .magazine-card .micro-label{line-height:1.6;font-size:11px;letter-spacing:.1em}
.magazine-page .card-meta{font-size:11px;line-height:1.5;flex-wrap:wrap;gap:8px 14px}
.magazine-page .card-arrow{width:34px;height:34px;transition:background-color .24s,color .24s,transform .24s}
.journal-recommended{font:600 11px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#355f47;margin-bottom:12px;padding-left:11px;border-left:3px solid #8aab6d}
.magazine-page .journal-typogram{min-height:0;padding:26px 24px;aspect-ratio:auto}
.magazine-page .journal-typogram strong{font-size:clamp(29px,2.6vw,39px);margin:22px 0 12px}
.magazine-page .journal-typogram p{font-size:13px;margin:0;max-width:250px}
/* Keep explanatory graphics legible: no zoom or crop on hover. */
.magazine-page .magazine-card:hover .card-image img,.magazine-page .magazine-card:hover .journal-typogram strong{transform:none}
.magazine-page .magazine-card:focus-visible,.journal-shortcuts a:focus-visible,.magazine-page .filterbar button:focus-visible{outline:2px solid #37664c;outline-offset:5px;border-radius:1px}
@media(hover:hover) and (pointer:fine){
 .journal-shortcuts a:hover{background:#e7eddf}
 .journal-shortcuts a:hover .journal-shortcut-arrow{transform:translateX(3px)}
 .magazine-page .magazine-card:hover{border-bottom-color:#477355}
 .magazine-page .magazine-card:hover h2{color:#426b50}
 .magazine-page .magazine-card:hover .card-image{border-color:#8daa81;box-shadow:0 6px 18px #244b3510}
 .magazine-page .magazine-card:hover .card-arrow{background:#244c40;color:#fff;transform:translate(2px,-2px)}
 .magazine-page .filterbar button:hover:not([aria-pressed="true"]){background:#edf2e7;border-color:#839c78}
}
@media(max-width:1000px){
 .magazine-page .magazine-header>p{max-width:240px;font-size:14px}
 .journal-shortcuts a{padding:20px 40px 20px 18px}
 .journal-shortcut-arrow{right:15px}
 .magazine-page .magazine-grid{gap:30px 24px}
 .magazine-page .journal-typogram strong{font-size:34px}
}
@media(max-width:700px){
 .magazine-page .magazine-header{display:block;padding:20px 0 24px}
 .magazine-page .magazine-header h1{font-size:clamp(32px,7.3vw,43px)}
 .magazine-page .magazine-header>p{max-width:540px;margin:16px 0 0;font-size:14px}
 .journal-shortcuts{grid-template-columns:1fr;margin-bottom:30px}
 .journal-shortcuts a{padding:15px 46px 15px 18px;gap:3px}
 .journal-shortcuts a+a{border-left:0;border-top:1px solid #ccd8cb}
 .journal-shortcuts strong{font-size:21px}
 .journal-shortcut-arrow{right:20px}
 .journal-shortcut-label{font-size:11px}
 .magazine-page .magazine-filter-heading{display:block;scroll-margin-top:120px}
 .magazine-page .magazine-filter-heading>span{display:block;margin-top:8px}
 .journal-order-note{font-size:13px;margin-bottom:18px}
 .magazine-page .filterbar{gap:7px}
 .magazine-page .filterbar button{font-size:12px;padding:10px 12px}
 .magazine-page .magazine-grid{grid-template-columns:1fr;gap:30px}
 .magazine-page .magazine-card h2{font-size:27px}
 .magazine-page .journal-typogram strong{font-size:36px}
 .magazine-page .magazine-card .card-copy{padding-top:16px}
}
@media(prefers-reduced-motion:reduce){
 .magazine-page *, .magazine-page *:before,.magazine-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
 .journal-shortcuts a:hover .journal-shortcut-arrow,.magazine-page .magazine-card:hover .card-arrow{transform:none}
}
.magazine-page .journal-typogram i{display:none}
.journal-pagination-note{font:13px/1.65 "Helvetica Neue",Arial,sans-serif;color:#506556;padding:14px 18px;background:#f2f5ed;border-left:3px solid #8aab6d;margin:0 0 22px}
.journal-pagination{margin:0 0 40px}.journal-pagination ul{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.journal-pagination li a,.journal-pagination li span{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #ced9cf;color:#264d40;text-decoration:none;font-size:14px;box-sizing:border-box}
.journal-pagination .current{background:#244c40;color:#fff}.journal-pagination a:focus-visible{outline:2px solid #37664c;outline-offset:3px}
@media(max-width:460px){
 .magazine-page .filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .magazine-page .filterbar button{display:flex;align-items:center;justify-content:space-between;text-align:left}
 .journal-shortcuts a{min-height:52px;padding:12px 46px 12px 18px;box-sizing:border-box}
 .journal-shortcuts .journal-shortcut-label{display:none}
 .journal-shortcuts strong{font-size:20px}
}

/* Journal cards: tactile desktop feedback, with no image zoom. */
@media (hover:hover) and (pointer:fine){
 .magazine-page .magazine-card{transition:transform .22s ease,box-shadow .22s ease,border-color .24s,color .24s;will-change:transform}
 .magazine-page .magazine-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(36,75,53,.11)}
}
@media (prefers-reduced-motion:reduce){
 .magazine-page .magazine-card:hover{transform:none;box-shadow:none}
}