:root { --ix-bg:#f6f7f4; --ix-paper:#fff; --ix-text:#17211f; --ix-muted:#62706b; --ix-line:#dce3df; --ix-accent:#087d72; --ix-soft:#e8f4f0; }
* { box-sizing:border-box; } body { margin:0; background:var(--ix-bg); color:var(--ix-text); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } a { color:var(--ix-accent); } .page { width:100%; margin:0; padding:0; }
.instructions-shell { display:grid; grid-template-columns:280px minmax(0,1fr); max-width:1440px; margin:0 auto; min-height:100vh; }.instructions-sidebar { position:sticky; top:0; height:100vh; overflow-y:auto; padding:24px 18px; border-right:1px solid var(--ix-line); background:var(--ix-paper); }.instructions-brand { display:block; color:var(--ix-text); font-size:21px; font-weight:800; text-decoration:none; margin:0 8px 25px; }.instructions-search label { display:block; font-size:13px; font-weight:700; margin:0 0 6px; }.instructions-search input { width:100%; min-height:42px; border:1px solid #b9c6c0; border-radius:6px; padding:8px 10px; font:inherit; }.instructions-search-results { display:grid; gap:3px; margin-top:8px; }.instructions-search-results a { padding:7px; border-radius:5px; text-decoration:none; font-size:13px; background:var(--ix-soft); }.instructions-search-results span { display:block; color:var(--ix-muted); }.instructions-nav section { margin-top:24px; }.instructions-nav h2 { color:var(--ix-muted); font-size:12px; text-transform:uppercase; letter-spacing:0; margin:0 8px 7px; }.instructions-nav a { display:block; color:var(--ix-text); text-decoration:none; padding:7px 8px; border-radius:5px; font-size:14px; }.instructions-nav a[aria-current="page"], .instructions-nav a:hover { color:var(--ix-accent); background:var(--ix-soft); }.instructions-main { width:min(100%,900px); padding:28px 42px 72px; }.instructions-breadcrumbs { color:var(--ix-muted); font-size:14px; }.instructions-breadcrumbs span { margin-left:6px; }.instructions-hero { padding:28px 0 30px; border-bottom:1px solid var(--ix-line); }.instructions-hero > p { margin:0 0 8px; color:var(--ix-accent); font-size:13px; font-weight:700; }.instructions-hero h1 { margin:0; max-width:760px; font-size:35px; line-height:1.13; letter-spacing:0; }.instructions-hero div { color:var(--ix-muted); margin-top:14px; font-size:18px; }.instructions-cta { display:inline-block; margin-top:18px; padding:10px 14px; color:#fff; background:var(--ix-accent); border-radius:5px; text-decoration:none; font-weight:700; }.instruction-block { padding:31px 0; border-bottom:1px solid var(--ix-line); scroll-margin-top:20px; }.instruction-block h2 { margin:0 0 13px; font-size:24px; line-height:1.25; letter-spacing:0; }.instruction-block h3 { margin:0 0 6px; font-size:17px; }.instruction-block p { margin:0; }.instruction-list, .instruction-steps { display:grid; gap:12px; margin:16px 0 0; padding-left:24px; }.instruction-list--check { list-style:"✓  "; }.instruction-steps > li { padding-left:8px; }.instruction-steps figure { margin:14px 0 0; }.instruction-steps img { display:block; max-width:100%; height:auto; border:1px solid var(--ix-line); border-radius:5px; }.instruction-steps figcaption, .instruction-media figcaption { color:var(--ix-muted); font-size:13px; margin-top:5px; }.instruction-callout { margin-top:16px; padding:15px 17px; border-left:3px solid var(--ix-accent); background:var(--ix-soft); }.instruction-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; margin-top:15px; }.instruction-cards article { padding:15px; border:1px solid var(--ix-line); border-radius:6px; background:var(--ix-paper); }.instruction-cards p { margin-top:6px; }.instruction-cards a { display:inline-block; margin-top:10px; font-size:14px; }.instruction-media { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:15px; }.instruction-media figure { margin:0; }.instruction-media iframe { display:block; width:100%; aspect-ratio:16/9; border:0; border-radius:5px; }.instruction-faq { display:grid; gap:8px; }.instruction-faq details { border:1px solid var(--ix-line); border-radius:5px; padding:11px 13px; }.instruction-faq summary { cursor:pointer; font-weight:700; }.instruction-faq p { margin-top:10px; }.instruction-search-page a { display:block; padding:12px; border:1px solid var(--ix-line); border-radius:5px; text-decoration:none; margin-top:8px; }.instruction-search-page span,.instruction-search-page small { display:block; color:var(--ix-muted); }.instructions-mobilebar { display:none; }
@media (max-width:800px) { .instructions-shell { display:block; }.instructions-mobilebar { position:sticky; z-index:3; top:0; display:flex; align-items:center; justify-content:space-between; padding:13px 16px; background:var(--ix-paper); border-bottom:1px solid var(--ix-line); }.instructions-mobilebar .instructions-brand { margin:0; }.instructions-sections-button { padding:8px 11px; border:1px solid var(--ix-line); border-radius:5px; background:var(--ix-paper); color:var(--ix-text); font:inherit; }.instructions-sidebar { position:fixed; z-index:5; inset:0 12% 0 0; display:none; height:auto; box-shadow:7px 0 24px #0002; }.instructions-sidebar[data-open="true"] { display:block; }.instructions-main { padding:19px 16px 54px; }.instructions-hero h1 { font-size:29px; }.instructions-hero div { font-size:16px; }.instruction-block h2 { font-size:22px; } body.instructions-drawer-open { overflow:hidden; } }
.instructions-ai-button { width:100%; margin-top:8px; padding:8px; border:1px solid var(--ix-accent); border-radius:5px; background:var(--ix-paper); color:var(--ix-accent); font:inherit; font-weight:700; cursor:pointer; }
.instructions-ai-answer { display:grid; gap:7px; margin-top:8px; color:var(--ix-muted); font-size:13px; }
.instructions-ai-answer p { margin:0; color:var(--ix-text); }
.instructions-ai-answer a { font-size:12px; }