.planner-shell{width:100%;margin:1.5rem 0 2.5rem;border:1px solid var(--line-dark);background:var(--black-2);padding:clamp(.65rem,2vw,1rem)}.planner-intro{max-width:760px;margin:0 auto 1rem}.planner-intro h2{margin:.2rem 0 .5rem!important}.planner-shell iframe{display:block;width:100%;height:min(900px,82vh);min-height:680px;border:1px solid var(--line-dark);background:#f5f3ed}.planner-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0}.planner-actions a{border:1px solid var(--line-dark);padding:.75rem 1rem;text-decoration:none}.planner-actions .primary{background:var(--accent);color:#071b18;border-color:var(--accent);font-weight:800}.planner-shell small{display:block;color:var(--white-2)}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.download-grid a{display:grid;gap:.25rem;border:1px solid var(--line-dark);padding:.8rem;text-decoration:none}.download-grid span{color:var(--white-2);font-size:.88rem}.source-example,.source-example-grid{margin:1.5rem 0}.source-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.source-example img,.source-example video{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#070c0b}.source-example figcaption{font-size:.9rem;line-height:1.5;padding:.65rem}.video-lesson{border:1px solid var(--line-dark);padding:.7rem}.video-lesson figcaption{display:grid;gap:.3rem}.video-frame{aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}@media(max-width:720px){.planner-shell{width:100%}.planner-shell iframe{min-height:760px;height:84vh}.download-grid,.source-example-grid{grid-template-columns:1fr}}html[data-reading-theme="light"] .planner-shell small,html[data-reading-theme="light"] .download-grid span{color:#535353}

.opening-definition{font-size:clamp(1rem,2vw,1.15rem)!important;line-height:1.55!important;margin-bottom:.75rem!important}.opening-action{margin:.4rem 0 1rem!important}.opening-action .primary{display:inline-block;background:var(--accent);color:#071b18;border:1px solid var(--accent);font-weight:800;padding:.72rem 1rem;text-decoration:none}
.opening-route{display:grid;gap:.65rem;margin:.7rem 0 1rem;padding:.75rem;border:1px solid var(--line-dark);background:var(--black-2)}.opening-route-result{display:grid;gap:.15rem}.opening-route-result>span,.opening-route-result small{color:var(--white-2);font-size:.82rem}.opening-route-result strong{font-size:1.45rem;color:var(--accent)}.opening-route-result p{margin:0!important;font-size:.95rem!important;line-height:1.4!important}.opening-route-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.opening-route-controls button,.opening-route-controls a{border:1px solid var(--line-dark);background:transparent;color:inherit;padding:.5rem .65rem;font:inherit;text-decoration:none}.opening-route-controls button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.opening-route-controls .primary{margin-left:auto;background:var(--accent);border-color:var(--accent);color:#071b18;font-weight:800}.opening-definition{margin-bottom:.5rem!important}@media(max-width:720px){.opening-route{gap:.45rem;padding:.6rem}.opening-route-result strong{font-size:1.2rem}.opening-route-result p{font-size:.88rem!important}.opening-route-controls button,.opening-route-controls a{padding:.42rem .52rem;font-size:.84rem}.opening-route-controls .primary{margin-left:0}}
html[data-reading-theme="light"] .opening-route-result>span,html[data-reading-theme="light"] .opening-route-result small{color:#535353}
@media(max-width:720px){.opening-definition{font-size:.9rem!important;line-height:1.35!important}.opening-route{gap:.25rem;padding:.4rem}.opening-route-result{gap:0}.opening-route-result>span{display:none}.opening-route-result strong{font-size:1.05rem;line-height:1.2}.opening-route-result p{font-size:.8rem!important;line-height:1.25!important}.opening-route-result small{font-size:.72rem;line-height:1.25}.opening-route-controls{gap:.2rem}.opening-route-controls button,.opening-route-controls a{padding:.3rem .4rem;font-size:.75rem;line-height:1.2}.opening-route-controls .primary{padding:.4rem .55rem}}