.family-header{position:relative;z-index:30;background:white;align-items:center;gap:15px;border-bottom:1px solid var(--ink)}.family-nav{display:flex;align-items:center;gap:12px}.family-nav details{position:relative;border:0;padding:0;margin:0;box-shadow:none;background:transparent}.family-nav summary{display:flex;align-items:center;gap:12px;list-style:none;padding:10px 14px;min-height:44px;font-size:14px;border:2px solid transparent;box-shadow:none;white-space:nowrap}.family-nav summary::-webkit-details-marker{display:none}.family-nav summary::after{content:'';width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:translateY(-2px) rotate(45deg)}.family-nav details[open]>summary{border-color:var(--ink);background:var(--lemon)}.family-nav>a{font-size:14px;padding:10px 12px;min-height:44px}.tools-dropdown,.language-dropdown{position:absolute;right:0;top:100%;padding:8px;border:2px solid var(--ink);background:white;box-shadow:4px 4px 0 var(--ink);max-height:65vh;overflow:auto;min-width:230px;z-index:40}.family-nav a{color:var(--ink);text-decoration:none;font-weight:700}.tools-dropdown a,.language-dropdown a{display:block;padding:10px 12px;min-height:44px;font-size:14px}.family-nav a:hover{background:var(--lemon)}.language-dropdown{min-width:150px}.language-dropdown a[aria-current]{background:var(--lemon)}.mobile-menu{display:none}.activity-step-bar{display:flex;gap:8px;list-style:none;padding:0;margin:12px 0 24px;scroll-margin-top:16px}.activity-step-bar li{display:flex;align-items:center;gap:8px;flex:1;padding:10px 8px;border-bottom:3px solid #e0d6d6;font-weight:700;font-size:14px;color:var(--muted)}.activity-step-bar a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.activity-step-bar b{display:inline-grid;place-items:center;width:25px;height:25px;border:2px solid currentColor;font-size:12px;flex:none}.activity-step-bar [aria-current]{border-bottom-color:var(--paprika,var(--ink));color:var(--ink)}.activity-step-bar [aria-current] b{background:var(--lemon)}.flow-hidden{display:none!important}.result-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 28px}.result-actions #download{width:auto;min-width:220px;font-size:17px;margin:0}.result-actions #download-status{flex-basis:100%;margin:0}.review>h2{scroll-margin-top:20px}.review>h2:focus{outline:2px solid var(--ink);outline-offset:6px}.download-wrap:empty{display:none}.picker-panel{margin-top:24px}
@media(max-width:700px){.family-header{flex-wrap:nowrap;gap:8px}.family-header .brand{font-size:24px;letter-spacing:-1px}.family-header .brand svg{width:44px;height:44px}.family-nav{width:auto;flex:none;gap:0}.family-nav>.tools-menu,.family-nav>.language-menu,.family-nav>.blog-link{display:none}.family-nav>.mobile-menu{display:block;position:static}.mobile-panel{position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 90px);overflow:auto;background:white;padding:8px 18px 20px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);box-shadow:0 8px 0 #421e2218}.mobile-panel>p{font-size:12px;font-weight:800;text-transform:uppercase;margin:16px 0 8px}.mobile-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mobile-panel a{display:block;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.4}.mobile-langs{display:flex;gap:8px;flex-wrap:wrap}.mobile-langs [aria-current]{background:var(--lemon)}.activity-step-bar li{font-size:12px;gap:5px;padding:8px 3px}.activity-step-bar b{width:22px;height:22px}.result-actions>*{flex:1 1 100%}.result-actions #download{min-width:0;width:100%}}
@media(max-width:350px){.family-header{gap:4px}.family-header .brand{font-size:21px;gap:6px}.family-header .brand svg{width:36px;height:36px}.family-nav summary{padding:10px 8px;gap:8px}}