.ios-guide-page{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 38rem), var(--background);padding-bottom:4rem}.ios-guide-column{width:min(800px,100% - 32px);margin-inline:auto}.ios-guide-hero{padding-top:clamp(3rem,8vw,6rem);padding-bottom:3rem}.ios-guide-title{font-family:var(--font-heading);letter-spacing:-.045em;font-size:clamp(2.4rem,5.5vw,4.75rem);font-weight:500;line-height:1.04}.ios-guide-underline{background:var(--primary);border-radius:999px;width:76px;height:3px;margin-top:2rem}.ios-guide-glass{background:color-mix(in srgb, var(--card) 86%, transparent);border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-left:1px solid var(--primary);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-xs)}.ios-guide-card{transition:transform var(--transition-normal) ease-out, box-shadow var(--transition-normal) ease-out, background-color var(--transition-normal) ease-out;border-radius:1.25rem;padding:2rem;scroll-margin-top:6rem}.ios-guide-copy{letter-spacing:.002em;color:var(--muted-foreground);font-size:.975rem;line-height:1.95}.ios-guide-number{width:32px;height:32px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.ios-guide-toolbar{width:min(800px,100% - 32px);z-index:var(--z-sticky);transition:opacity var(--transition-normal) ease-out;border-radius:14px;position:fixed;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.ios-guide-progress{background:var(--muted);height:3px}.ios-guide-progress-fill{background:var(--primary);transform-origin:0;height:100%}.ios-guide-contents{width:172px;z-index:var(--z-base);border-radius:24px;padding:16px 10px;position:fixed;top:50%;right:max(20px,50vw - 640px);transform:translateY(-50%)}.ios-guide-jump{min-height:44px;color:var(--muted-foreground);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:.75rem;display:flex}.ios-guide-jump:hover{background:var(--muted);color:var(--foreground)}.ios-guide-jump[aria-current=location]{background:var(--accent);color:var(--accent-foreground);font-weight:700}.ios-guide-jump:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.ios-guide-link{transition:color var(--transition-fast), background-color var(--transition-fast)}@media (hover:hover) and (pointer:fine){.ios-guide-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}@media (hover:none){.ios-guide-card:active{background:var(--secondary)}}@media (width<=1240px){.ios-guide-contents{border-radius:20px;width:auto;margin:0 0 2rem;padding:1rem;position:static;transform:none}.ios-guide-contents-links{flex-wrap:wrap;gap:4px;display:flex}}@media (width<=767px){.ios-guide-card{border-radius:1rem;padding:1.25rem 1rem}.ios-guide-number{width:24px;height:24px;font-size:.625rem}.ios-guide-copy{font-size:.9375rem;line-height:1.9}.ios-guide-toolbar{top:env(safe-area-inset-top,0px);border:0;border-radius:0;width:100%;left:0;transform:none}.ios-guide-toolbar-title{display:none}}@media (prefers-reduced-motion:reduce){.ios-guide-page *,.ios-guide-toolbar{scroll-behavior:auto!important;transition:none!important}.ios-guide-card:hover{transform:none}}@media print{html,body,.ios-guide-page{background:var(--print-background)!important;color:var(--print-foreground)!important}.ios-public-header,.ios-guide-toolbar,.ios-guide-contents,.ios-guide-copy-link,.ios-guide-screen-meta,.ios-guide-footer{display:none!important}.ios-guide-column{width:100%;max-width:none}.ios-guide-hero{padding-top:0;padding-bottom:1.5rem}.ios-guide-title{font-size:30pt}.ios-guide-glass{background:var(--print-background);color:var(--print-foreground);border:0;border-left:1px solid var(--print-foreground);box-shadow:none;-webkit-backdrop-filter:none}.ios-guide-card{break-inside:avoid;border-radius:0;margin-bottom:12pt;padding:12pt;transform:none!important}.ios-guide-page p,.ios-guide-page h1,.ios-guide-page h2,.ios-guide-page span,.ios-guide-page a{color:var(--print-foreground)!important}.ios-guide-copy{font-size:10pt;line-height:1.65}.ios-guide-number{border-color:var(--print-foreground);background:0 0}.ios-guide-underline{background:var(--print-foreground)}}
