/* Restore the chosen editorial tile direction and visible format choices. */
#explore .discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
#explore .booklet-topic{min-height:555px;transition:border-color .25s,transform .25s}
#explore .booklet-topic[hidden]{display:none!important}
#explore .booklet-topic:hover{transform:translateY(-4px);border-color:var(--blue)}
#explore .booklet-topic .card-front{position:relative;inset:auto;padding:1.4rem 1.4rem 116px;min-height:100%;display:flex;flex-direction:column;opacity:1;visibility:visible;transform:none;pointer-events:auto}
#explore .booklet-topic .card-rear{display:none}
#explore .booklet-topic .card-category{font-size:.65rem;line-height:1.5;order:0}
#explore .booklet-topic .card-copy{order:1;padding:0;margin-top:1.1rem;min-height:176px}
#explore .booklet-topic .card-title{font:500 clamp(1.35rem,1.8vw,1.85rem)/1.13 var(--sans);letter-spacing:-.035em}
#explore .booklet-topic .card-summary{font-size:.82rem;line-height:1.5;margin-top:.8rem;min-height:0}
#explore .booklet-topic .card-question{display:none}
#explore .booklet-topic .card-visual{order:2;flex:1;min-height:165px;height:165px;margin:1.2rem -1.4rem 0;overflow:hidden}
#explore .booklet-topic .topic-graphic{height:100%;min-height:165px}
#explore .booklet-topic .topic-graphic>svg{height:165px;min-height:165px}
#explore .booklet-topic .card-preview{inset:auto 1.4rem 50px;width:calc(100% - 2.8rem);height:52px;padding:.75rem 0;font-size:.84rem;z-index:5}
#explore .card-format-actions{position:absolute;bottom:8px;left:1.4rem;right:1.4rem;display:flex;gap:1rem;z-index:5}
#explore .card-format-actions button{font:500 .72rem/1.3 var(--sans);border:0;border-bottom:1px solid currentColor;background:none;color:inherit;min-height:36px;padding:.4rem 0;cursor:pointer;text-align:left}
#explore .card-format-actions button:hover{opacity:.7}
#explore .card-format-actions button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#explore .resource-format-intro{margin:1rem 0 1.5rem;color:var(--silver);font-size:.88rem;line-height:1.6}
.resource-format-tabs{display:flex;gap:.35rem;border-bottom:1px solid #45515c;margin:0 0 1.75rem;flex-wrap:wrap}
.resource-format-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:.9rem 1rem;min-height:48px;color:#c4d0d8;font:500 .88rem/1.3 var(--sans);cursor:pointer}
.resource-format-tabs button[aria-selected=true]{color:#b2e3ff;border-color:#a9dfff;background:#10212e}
.resource-format-tabs button:focus-visible{outline:2px solid #a9dfff;outline-offset:2px}
.resource-format-panel[hidden]{display:none!important}
.resource-summary-question{font:400 clamp(1.6rem,3.3vw,2.2rem)/1.2 var(--serif);color:#fff;margin-bottom:1.5rem}
.resource-summary-takeaway{border-left:3px solid #a9dfff;padding:1.2rem 1.5rem;background:#101d28;margin:1.5rem 0}
.resource-summary-takeaway .eyebrow{font-size:.75rem;color:#a9dfff}
.resource-summary-takeaway p:last-child{font-size:1.1rem;line-height:1.6;margin-top:.65rem}
.resource-summary-outline{display:grid;gap:.7rem;list-style:none;padding:0;margin-top:1.5rem}
.resource-summary-outline button{display:block;width:100%;text-align:left;padding:.8rem 1rem;background:#0d131a;border:1px solid #34404b;color:#eff5f8;font:400 .94rem/1.5 var(--sans);cursor:pointer}
.resource-visual-panel .resource-reader-navigation{display:none}
.resource-visual-panel .resource-definitions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.resource-visual-panel .resource-definitions>div{display:block;border:1px solid #3a5264;border-top:3px solid #9dd6f6;background:#10202d;padding:1.2rem}
.resource-visual-panel .resource-definitions dt{font-size:1.05rem;margin-bottom:.7rem;color:#b4e4ff}
.resource-visual-panel .resource-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.resource-visual-panel .resource-steps>li{margin:0;padding:3rem 1rem 1rem;background:#101d28;border:1px solid #39536a}
.resource-visual-panel .resource-steps>li::before{left:1rem;top:.7rem;font-size:1.35rem}
.resource-visual-panel .resource-comparison>section{background:#11202a;border-top:3px solid #a9dfff}
.resource-visual-panel .resource-metrics{border:1px solid #3c5669;padding:1.5rem;background:#101c27}
.resource-format-panel .resource-film{margin:2rem 0;border:1px solid #34404b;padding:1rem}
.resource-film video{display:block;width:100%;max-height:340px;object-fit:contain;background:#000}
.resource-film figcaption{font-size:.8rem;color:#b8c7d2;margin-top:.7rem}
@media(max-width:1100px){#explore .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#explore .booklet-topic{min-height:535px}#explore .booklet-topic .card-title{font-size:1.85rem}}
@media(max-width:600px){#explore .discovery-grid{grid-template-columns:1fr}#explore .booklet-topic{min-height:510px}#explore .booklet-topic .card-copy{min-height:0}#explore .booklet-topic .card-front{padding-bottom:112px}#explore .booklet-topic .card-visual{margin-top:1.6rem}.resource-format-tabs button{padding:.8rem .6rem;font-size:.8rem}.resource-visual-panel .resource-definitions,.resource-visual-panel .resource-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#explore .booklet-topic{transition:none}#explore .booklet-topic:hover{transform:none}}
/* Keep the existing practical-question treatment legible on every tile color. */
#explore .booklet-topic .card-front .card-question{display:block;color:var(--card-muted);font-size:.85rem;line-height:1.5;margin-top:.8rem}
#explore .booklet-topic .card-copy{min-height:145px}
#explore .booklet-topic{min-height:520px}
#explore .booklet-topic .card-front{min-height:520px}
@media(max-width:600px){#explore .booklet-topic .card-copy{min-height:0}}
