.rok-guides{--rg-ink:#173d4e;--rg-blue:#006b9b;--rg-orange:#ef8b20;--rg-line:#dde4e7;--rg-soft:#f3f5f4;color:var(--rg-ink);max-width:1320px;margin:0 auto;padding:42px 32px 72px}.rok-guides *{box-sizing:border-box}.rok-guides a{text-decoration:none;color:inherit}.rg-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:370px;background:#f1f3ef;border-radius:18px;overflow:hidden;margin-bottom:64px}.rg-intro{padding:48px 42px;align-self:center}.rg-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--rg-blue);margin:0 0 14px}.rg-intro h1{font-size:clamp(34px,3.7vw,54px);line-height:1.07;letter-spacing:-.045em;max-width:430px;margin:0 0 22px;color:var(--rg-ink)}.rg-intro-text{font-size:16px;line-height:1.75;max-width:365px;margin:0 0 28px;color:#526674}.rg-text-link{font-size:13px;font-weight:700;border-bottom:2px solid var(--rg-orange);padding-bottom:8px;display:inline-flex;gap:24px}.rg-feature{position:relative;min-height:370px;background:#dde3e0;overflow:hidden;display:block}.rg-feature-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s}.rg-feature:hover .rg-feature-image{transform:scale(1.025)}.rg-feature-caption{position:absolute;bottom:0;left:0;right:0;padding:64px 30px 28px;background:linear-gradient(transparent,rgba(10,30,36,.85));color:white}.rg-feature-caption .rg-kicker{color:#ffe0b7}.rg-feature-caption h2{font-size:25px;line-height:1.25;max-width:410px;margin:0;padding-right:24px;color:white}.rg-feature-arrow{position:absolute;right:28px;bottom:25px;font-size:29px}.rg-library{scroll-margin-top:130px}.rg-library-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.rg-library-top h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0}.rg-library-top .rg-kicker{margin-bottom:8px}.rg-search{display:flex;align-items:center;width:380px;max-width:100%;border:1px solid #cfd9dc;border-radius:8px;background:#fff;padding:0 6px 0 16px;height:49px}.rg-search:focus-within{outline:2px solid var(--rg-blue);outline-offset:2px}.rg-search input{border:0;background:none;box-shadow:none;outline:none;width:100%;min-width:0;font:inherit;font-size:14px;color:#173d4e;padding:0}.rg-search button{border:0;background:none;color:var(--rg-blue);width:40px;height:40px;padding:9px;cursor:pointer}.rg-search svg{width:22px;height:22px}.rg-topics{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--rg-line)}.rg-chip{border:1px solid var(--rg-line);border-radius:30px;padding:9px 15px;font:inherit;font-size:12px;line-height:1.5;font-weight:600;background:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.rg-chip:hover{border-color:var(--rg-blue);color:var(--rg-blue)}.rg-chip.is-active{background:var(--rg-ink);border-color:var(--rg-ink);color:#fff}.rg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.rg-toolbar p{margin:0;font-size:12px;color:#627782}.rg-controls{display:flex;align-items:center;gap:10px;font-size:12px}.rg-controls select{width:auto;max-width:180px;border:1px solid var(--rg-line);border-radius:6px;background:white;font:inherit;color:#173d4e;padding:8px 30px 8px 10px;height:37px}.rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.rg-card{border:1px solid #e0e6e7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,transform .2s}.rg-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #173d4e0d}.rg-card-media{position:relative;display:block;aspect-ratio:1.62;background:#f5f5f2;overflow:hidden}.rg-card-media img{width:100%;height:100%;object-fit:contain;display:block}.rg-format-badge{position:absolute;left:14px;bottom:12px;display:inline-block;border-radius:4px;padding:5px 8px;background:#fffffff2;color:#173d4e;font-size:10px;font-weight:700;letter-spacing:.025em}.rg-card-body{padding:22px;display:flex;flex:1;flex-direction:column}.rg-card-topic{text-transform:uppercase;letter-spacing:.09em;color:var(--rg-blue);font-weight:700;font-size:10px;line-height:1.4;margin:0 0 10px}.rg-card h3{font-size:19px;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px;color:var(--rg-ink)}.rg-card h3 a:hover{text-decoration:underline;text-decoration-color:#ef8b20;text-underline-offset:4px}.rg-card-excerpt{font-size:13px;line-height:1.75;color:#60717a;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rg-card-footer{margin-top:auto;padding-top:15px;border-top:1px solid #edf0f1;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#71828a}.rg-card-footer a{font-size:11px;font-weight:700;color:var(--rg-blue);white-space:nowrap}.rg-pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:34px 0}.rg-pagination a,.rg-pagination button,.rg-pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid var(--rg-line);border-radius:6px;background:#fff;color:#173d4e;font:inherit;font-size:12px;padding:6px 10px;cursor:pointer}.rg-pagination [aria-current],.rg-pagination .current{color:white;background:var(--rg-ink)}.rg-pagination button:disabled{opacity:.4;cursor:default}.rg-help{margin-top:58px;background:#edf3f5;border-radius:12px;padding:32px 38px;display:flex;justify-content:space-between;gap:40px}.rg-help h2{margin:0 0 10px;font-size:25px}.rg-help p:not(.rg-kicker){font-size:14px;color:#526674;line-height:1.7;margin:0;max-width:530px}.rg-help-links{min-width:235px;display:grid;gap:10px;align-content:center}.rg-help-links a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #cbdbe2;font-size:13px;font-weight:600}.rg-empty{text-align:center;padding:55px 20px;color:#60717a}.rg-empty[hidden]{display:none}.rg-empty h3{font-size:23px}.rg-empty p{font-size:14px}.rg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rok-guides :focus-visible,.rg-reading :focus-visible{outline:2px solid #006b9b;outline-offset:4px}
.rg-reading{max-width:1120px;padding:28px 32px 0;margin:auto;color:#173d4e}.rg-reading-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.rg-reading-nav a{color:#006b9b;text-decoration:none}.rg-reading-nav a:hover{text-decoration:underline}.rg-reading-topic{background:#edf3f5;border-radius:20px;padding:7px 12px}.rg-toc{border:1px solid #dce5e7;border-radius:8px;padding:15px 20px;margin:26px auto;max-width:760px;font-size:14px}.rg-toc summary{font-weight:600;cursor:pointer}.rg-toc ol{margin:14px 0 0;padding-left:20px;display:grid;gap:8px}.rg-toc a{color:#006b9b}.rg-article-page .main-article{max-width:1120px;margin:20px auto 60px;padding:0 32px}.rg-article-page .main-article__content{max-width:760px;margin-left:auto;margin-right:auto}.rg-article-page .main-article__title{font-size:clamp(28px,3.4vw,44px)!important;line-height:1.15!important;letter-spacing:-.03em;color:#173d4e;margin:18px 0 28px}.rg-article-page .main-article__header{font-size:12px;color:#687d87;margin-top:20px}.rg-article-page .main-article__pic{max-width:960px;max-height:480px;margin:24px auto 36px;border-radius:12px;overflow:hidden;background:#f5f5f2;min-height:0!important;height:auto!important}.rg-article-page .main-article__img{width:100%;height:auto;max-height:480px;object-fit:contain!important;display:block;position:relative!important}.rg-article-page .main-article__body{font-size:16px;line-height:1.85;color:#354e5a}.rg-article-page .main-article__body h2,.rg-article-page .main-article__body h3{color:#173d4e;line-height:1.3;margin:36px 0 16px;scroll-margin-top:150px}.rg-article-page .main-article__body img{max-width:100%!important;height:auto!important;max-height:620px;object-fit:contain;display:block;margin:24px auto;border-radius:6px}.rg-article-page .main-article__body a{color:#006b9b;text-decoration:underline;text-underline-offset:3px}.rg-article-page .main-article__body p{margin-bottom:20px}.rg-article-page .main-article__body table{max-width:100%;display:block;overflow-x:auto}.rg-article-page .main-article__body iframe{max-width:100%}.rg-article-page .main-article__body figure{margin:24px 0}.rg-article-page .main-article__share{padding:24px 0;border-top:1px solid #dce5e7;margin-top:35px}.rg-related{max-width:1256px;padding:0 32px 64px;margin:auto}.rg-related h2{font-size:28px;color:#173d4e;margin-bottom:25px}.rg-related[hidden]{display:none}
@media(max-width:999px){.rg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rg-intro{padding:32px 26px}.rg-hero{min-height:330px}.rg-feature{min-height:330px}.rg-help{padding:28px}.rg-controls{gap:6px}.rg-controls label:not(.rg-sr-only){display:none}}
@media(max-width:650px){.rok-guides{padding:22px 18px 40px}.rg-hero{grid-template-columns:1fr;margin-bottom:38px;border-radius:12px}.rg-intro{padding:30px 25px}.rg-intro h1{font-size:38px;max-width:310px}.rg-intro-text{font-size:14px}.rg-feature{min-height:260px}.rg-feature-caption h2{font-size:22px}.rg-library-top{display:block}.rg-library-top h2{font-size:26px}.rg-search{margin-top:20px;width:100%}.rg-topics{gap:7px;padding-bottom:18px}.rg-chip{font-size:11px;padding:8px 12px}.rg-toolbar{flex-wrap:wrap;padding:17px 0;gap:12px}.rg-controls{width:100%;justify-content:space-between}.rg-controls select{flex:1;max-width:none}.rg-grid{grid-template-columns:1fr;gap:22px}.rg-card-body{padding:20px}.rg-card h3{font-size:20px}.rg-card-media{aspect-ratio:1.7}.rg-help{flex-direction:column;padding:25px;gap:22px;margin-top:30px}.rg-help h2{font-size:23px}.rg-reading{padding:22px 18px 0}.rg-reading-nav{align-items:flex-start;font-size:11px}.rg-article-page .main-article{padding:0 18px}.rg-article-page .main-article__body{font-size:15px}.rg-related{padding:0 18px 40px}.rg-pagination{gap:4px}}
@media(prefers-reduced-motion:reduce){.rg-card,.rg-feature-image{transition:none}}