.guides-page{--g-ink:#0b3338;--g-soft:#edf3ef;--g-line:#cedbd5;--g-accent:#b66d44;padding-bottom:100px;color:var(--g-ink)}.guides-heading{max-width:900px}.guides-heading>p:last-child{max-width:660px;font-size:19px;line-height:1.7}.guides-access{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;background:#e6eeea;margin:28px 0 18px;line-height:1.5}.guides-access svg{flex-shrink:0}.guides-switch{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.guides-switch-item{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid #b9ccc5;border-radius:999px;background:#fff;color:var(--g-ink);font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.guides-switch-item:hover{background:var(--g-soft)}.guides-switch-item.is-active{background:var(--g-ink);border-color:var(--g-ink);color:#fff}.guides-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:44px;margin-top:32px;align-items:start}.guides-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding:4px 4px 12px}.guides-toc h2{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#496661;margin:0 0 12px}.guides-toc ol{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:2px;counter-reset:toc}.guides-toc li{counter-increment:toc}.guides-toc a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;color:var(--g-ink);text-decoration:none;line-height:1.4;font-size:15px}.guides-toc a:before{content:counter(toc,decimal-leading-zero);font-variant-numeric:tabular-nums;color:#6b8580;font-size:13px;padding-top:1px}.guides-toc a:hover{background:var(--g-soft)}.guides-portal{width:100%;justify-content:center}.guides-article{min-width:0;max-width:820px}.guides-article-head{scroll-margin-top:110px}.guides-article-head h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:8px 0 10px}.guides-article-head>p:last-child{font-size:18px;line-height:1.65;margin:0 0 24px}.guides-video{border:1px solid var(--g-line);border-radius:16px;background:#fff;margin:0 0 28px;padding:0 18px}.guides-video summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:56px;cursor:pointer;font-weight:600;list-style:none}.guides-video summary::-webkit-details-marker{display:none}.guides-video summary small{font-weight:400;color:#4a6868;margin-inline-start:auto}.guides-video[open]{padding-bottom:18px}.guides-video video{display:block;width:100%;aspect-ratio:16/9;background:#0b3035;border-radius:12px;margin:6px 0 16px}.guides-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 18px}.guides-chapters-title{display:flex;align-items:center;gap:8px;font-weight:600;margin:0 0 8px}.guides-chapters{list-style:none;padding:0;margin:0;display:grid;gap:6px}.guides-chapters button{display:flex;align-items:center;gap:14px;width:100%;text-align:start;min-height:44px;border:1px solid var(--g-line);border-radius:10px;background:#fff;color:#123c40;padding:10px 14px;cursor:pointer;font:inherit;line-height:1.45}.guides-chapters button:hover{background:#e6eeea}.guides-chapters button>span{font-variant-numeric:tabular-nums;font-size:13px;color:#52716e;min-width:38px}.guides-section{scroll-margin-top:110px;padding:28px 0;border-top:1px solid var(--g-line)}.guides-section h3{display:flex;align-items:baseline;gap:14px;font-size:clamp(22px,2.6vw,28px);line-height:1.2;margin:0 0 14px}.guides-section-number{font-size:14px;font-variant-numeric:tabular-nums;color:#a8623b;font-weight:700;letter-spacing:.05em}.guides-intro{font-size:18px;line-height:1.7;margin:0 0 14px}.guides-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:10px}.guides-steps li{counter-increment:step;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;font-size:18px;line-height:1.65}.guides-steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--g-soft);border:1px solid var(--g-line);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:1px}.guides-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.guides-checklist label{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--g-line);border-radius:12px;background:#fff;font-size:18px;line-height:1.55;cursor:pointer}.guides-checklist input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:#15575b}.guides-checklist input:checked+span{text-decoration:line-through;color:#5d7773}.guides-tip{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;padding:14px 16px;border-radius:12px;background:#fbf3e9;border:1px solid #efd9c2;line-height:1.6;font-size:17px}.guides-tip svg{flex:none;margin-top:3px;color:var(--g-accent)}.guides-top-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;color:#3d5d5a}.guides-page :is(a,button,summary,input):focus-visible{outline:3px solid var(--g-accent);outline-offset:3px;border-radius:6px}@media(max-width:900px){.guides-layout{grid-template-columns:1fr;gap:20px}.guides-toc{position:static;max-height:none;border:1px solid var(--g-line);border-radius:14px;padding:16px;background:#fff}}@media(max-width:560px){.guides-heading h1{font-size:39px}.guides-switch-item{flex:1 1 100%;justify-content:center}.guides-steps li,.guides-checklist label,.guides-intro{font-size:17px}.guides-video{padding:0 12px}.guides-video summary small{margin-inline-start:0;width:100%}}@media(prefers-reduced-motion:reduce){.guides-switch-item{transition:none}}
