.guide-page{--guide-green:#95c11f;--guide-navy:#0b2334;--guide-blue:#1677a6;--guide-yellow:#e6ad21;--guide-red:#c94a42;--guide-ink:#18303b;--guide-soft:#eef3f1}.guide-page .guide-kicker{display:inline-flex;align-items:center;gap:.55rem;color:var(--guide-green);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.guide-page .guide-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.guide-page .guide-primary,.guide-page .guide-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border-radius:3px;font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease}.guide-page .guide-primary{background:var(--guide-green);color:var(--guide-navy)}.guide-page .guide-secondary{border:1px solid rgba(255,255,255,.45);color:#fff}.guide-page .guide-primary:hover,.guide-page .guide-secondary:hover{transform:translateY(-2px)} .guide-page .guide-shell{max-width:1180px;margin:0 auto;padding:0 24px}.guide-page .guide-section{padding:72px 0}.guide-page .guide-section:nth-child(even){background:#f3f6f5}.guide-page .guide-section h2{color:var(--guide-navy);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;margin:0 0 1rem}.guide-page .guide-section h3{color:var(--guide-navy)}.guide-page .guide-lead{font-size:1.1rem;line-height:1.75;max-width:850px}.guide-page .guide-title-line{width:76px;height:4px;background:var(--guide-green);margin:0 0 1.5rem} .guide-page .guide-config{margin-top:32px;position:relative;z-index:4}.guide-page .guide-config-inner{background:#fff;border-radius:7px;padding:28px;box-shadow:0 18px 48px rgba(7,31,45,.18);border-top:5px solid var(--guide-green)}.guide-page .guide-config h2{font-size:1.4rem;margin-bottom:18px}.guide-page .guide-options{display:flex;flex-wrap:wrap;gap:10px}.guide-page .guide-option{appearance:none;border:1px solid #ccd7d4;background:#fff;color:var(--guide-ink);border-radius:999px;padding:10px 17px;font:inherit;font-weight:750;cursor:pointer}.guide-page .guide-option:hover,.guide-page .guide-option.is-active{background:var(--guide-navy);border-color:var(--guide-navy);color:#fff}.guide-page .guide-result{display:none;margin-top:20px;padding:18px 20px;background:#ecf6d4;border-left:5px solid var(--guide-green);line-height:1.6}.guide-page .guide-result.is-visible{display:block}.guide-page .guide-result strong{color:var(--guide-navy);font-size:1.08rem} .guide-page .guide-table-wrap{overflow-x:auto;border-radius:6px;box-shadow:0 8px 28px rgba(11,35,52,.09)}.guide-page .guide-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.guide-page .guide-table th,.guide-page .guide-table td{padding:15px 16px;border-bottom:1px solid #dfe7e4;text-align:left;vertical-align:top}.guide-page .guide-table thead th{background:var(--guide-navy);color:#fff}.guide-page .guide-table tbody th{color:var(--guide-navy);width:21%}.guide-page .guide-table tr:last-child td,.guide-page .guide-table tr:last-child th{border-bottom:0}.guide-page .guide-table .yes{color:#507700;font-weight:800}.guide-page .guide-table .conditional{color:#9b6900;font-weight:800} .guide-page .guide-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-page .guide-material-card{background:#fff;border:1px solid #dfe7e4;border-radius:7px;overflow:hidden;box-shadow:0 10px 28px rgba(11,35,52,.08)}.guide-page .guide-material-card:last-child:nth-child(odd){grid-column:1/-1}.guide-page .guide-material-art{height:180px;position:relative;background:linear-gradient(135deg,#0b2334,#0b5151);overflow:hidden}.guide-page .guide-material-art::before,.guide-page .guide-material-art::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}.guide-page .guide-material-art::before{width:210px;height:210px;right:-30px;top:-85px}.guide-page .guide-material-art::after{width:95px;height:95px;left:38px;bottom:-25px}.guide-page .guide-material-art span{position:absolute;left:24px;top:24px;color:var(--guide-green);font-weight:900;letter-spacing:.08em}.guide-page .guide-material-art strong{position:absolute;left:24px;bottom:26px;color:#fff;font-size:1.65rem}.guide-page .guide-material-body{padding:24px}.guide-page .guide-material-body p{line-height:1.65}.guide-page .guide-pro-con{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-page .guide-pro-con ul{margin:.5rem 0 0;padding-left:1.15rem}.guide-page .guide-pro-con li{margin:.45rem 0}.guide-page .guide-mini-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#57707a;font-weight:850}.guide-page .guide-card-cta{display:inline-block;margin-top:14px;color:#447000;font-weight:850;text-decoration:none} .guide-page .guide-diagram-list{display:grid;gap:28px}.guide-page .guide-diagram{background:#fff;border-radius:7px;padding:26px;box-shadow:0 9px 27px rgba(11,35,52,.08)}.guide-page .guide-diagram-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.guide-page .guide-diagram-head h3{margin:0;font-size:1.35rem}.guide-page .guide-diagram-head p{margin:5px 0 0;color:#5d7078}.guide-page .guide-svg{display:block;width:100%;height:auto;border-radius:5px;background:#f4f7f6}.guide-page .guide-svg [data-tip]{cursor:help;transition:filter .2s ease,opacity .2s ease}.guide-page .guide-svg [data-tip]:hover{filter:brightness(.93);opacity:.9}.guide-page .guide-svg text{font-family:Arial,Helvetica,sans-serif}.guide-page .guide-legend{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:14px;color:#4a6069;font-size:.86rem}.guide-page .guide-legend span{display:inline-flex;align-items:center;gap:7px}.guide-page .guide-legend i{width:12px;height:12px;border-radius:2px;display:inline-block} .guide-page .guide-callout{padding:22px 24px;border-radius:5px;margin:24px 0;line-height:1.65;border-left:5px solid}.guide-page .guide-callout strong{display:block;margin-bottom:4px;color:var(--guide-navy)}.guide-page .guide-callout--blue{background:#e8f3f9;border-color:var(--guide-blue)}.guide-page .guide-callout--green{background:#edf6d8;border-color:var(--guide-green)}.guide-page .guide-callout--yellow{background:#fff5d8;border-color:var(--guide-yellow)}.guide-page .guide-callout--red{background:#fbe9e7;border-color:var(--guide-red)} .guide-page .guide-myths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-page .guide-myth{background:#fff;border-radius:6px;padding:20px;border:1px solid #dfe7e4}.guide-page .guide-myth h3{font-size:1rem;margin:0 0 8px}.guide-page .guide-myth h3 span{color:var(--guide-red)}.guide-page .guide-myth p{margin:0;line-height:1.6} .guide-page .guide-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-page .guide-faq details{background:#fff;border:1px solid #dbe4e1;border-radius:5px;padding:0 18px}.guide-page .guide-faq summary{cursor:pointer;color:var(--guide-navy);font-weight:800;padding:17px 30px 17px 0;position:relative}.guide-page .guide-faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:1.35rem;color:#679008}.guide-page .guide-faq details[open] summary::after{content:"−"}.guide-page .guide-faq p{margin:0 0 18px;line-height:1.65;color:#40565f} .guide-page .guide-final{background:linear-gradient(135deg,#071b2c,#0c4a49);color:#fff;text-align:center}.guide-page .guide-final h2{color:#fff}.guide-page .guide-final p{max-width:680px;margin:0 auto 24px;color:#dbe8e7}.guide-page .guide-disclaimer{font-size:.84rem;color:#657982;margin-top:18px}.guide-page .guide-backtop{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--guide-green);color:var(--guide-navy);font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.2);cursor:pointer;display:none;z-index:10}.guide-page .guide-backtop.is-visible{display:block} @media(max-width:820px){.guide-page .guide-section{padding:54px 0}.guide-page .guide-material-grid,.guide-page .guide-myths,.guide-page .guide-faq{grid-template-columns:1fr}.guide-page .guide-material-card:last-child:nth-child(odd){grid-column:auto}.guide-page .guide-diagram{padding:18px}.guide-page .guide-pro-con{grid-template-columns:1fr}.guide-page .guide-config{margin-top:20px}.guide-page .guide-diagram-head{display:block}} @media(max-width:520px){.guide-page .guide-shell{padding:0 16px}.guide-page .guide-config-inner{padding:20px}.guide-page .guide-option{padding:9px 13px}.guide-page .guide-table th,.guide-page .guide-table td{padding:12px}.guide-page .guide-material-body{padding:19px}.guide-page .guide-hero-actions a{width:100%}} @media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important;transition:none!important}} .guide-page{background:#071115;color:#f4f7f8} .guide-page .guide-section,.guide-page .guide-section:nth-child(even){background:radial-gradient(circle at 18% 12%,rgba(157,190,43,.06),transparent 28%),#071115;color:#f4f7f8;border-top:1px solid rgba(255,255,255,.06)} .guide-page .guide-section h2,.guide-page .guide-section h3,.guide-page .guide-material-body p,.guide-page .guide-material-body li,.guide-page .guide-diagram-head h3,.guide-page .guide-diagram-head p,.guide-page .guide-myth p,.guide-page .guide-faq p,.guide-page .guide-disclaimer,.guide-page .guide-lead{color:#f4f7f8} .guide-page .guide-title-line{background:var(--accent)} .guide-page .guide-config-inner,.guide-page .guide-material-card,.guide-page .guide-diagram,.guide-page .guide-myth,.guide-page .guide-faq details{background:rgba(14,27,33,.9);border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 40px rgba(0,0,0,.16)} .guide-page .guide-config h2,.guide-page .guide-result strong,.guide-page .guide-faq summary{color:#fff} .guide-page .guide-option{background:#0e1b21;border-color:rgba(255,255,255,.2);color:#fff} .guide-page .guide-option:hover,.guide-page .guide-option.is-active{background:var(--accent);border-color:var(--accent);color:#071115} .guide-page .guide-result{background:rgba(157,190,43,.12);border-left-color:var(--accent);color:#f4f7f8} .guide-page .guide-table-wrap{box-shadow:0 12px 32px rgba(0,0,0,.18)} .guide-page .guide-table{background:#0e1b21;color:#f4f7f8} .guide-page .guide-table thead th{background:#172b34;color:#fff} .guide-page .guide-table th,.guide-page .guide-table td{border-bottom-color:rgba(255,255,255,.12);color:#f4f7f8} .guide-page .guide-table tbody th{color:#fff} .guide-page .guide-table .yes{color:var(--accent)} .guide-page .guide-table .conditional{color:#f1c75b} .guide-page .guide-material-art{height:118px;background:linear-gradient(135deg,#102832,#173d42)} .guide-page .guide-material-art::before,.guide-page .guide-material-art::after{display:none} .guide-page .guide-material-art span{color:var(--accent)} .guide-page .guide-material-art strong{color:#fff} .guide-page .guide-mini-title{color:var(--accent)} .guide-page .guide-card-cta{color:var(--accent)} .guide-page .guide-diagram-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .guide-page .guide-diagram{padding:20px} .guide-page .guide-diagram .mag-wide-image{margin:18px 0 0} .guide-page .guide-diagram .mag-wide-image img{aspect-ratio:468/283;object-fit:cover} .guide-page .guide-callout{color:#f4f7f8;background:rgba(14,27,33,.9)} .guide-page .guide-callout strong{color:#fff} .guide-page .guide-callout--blue{border-color:#4ba6d2}.guide-page .guide-callout--green{border-color:var(--accent)}.guide-page .guide-callout--yellow{border-color:#e6ad21}.guide-page .guide-callout--red{border-color:#c94a42} .guide-page .guide-myth h3{color:#fff}.guide-page .guide-myth h3 span{color:var(--accent)} .guide-page .guide-faq summary::after{color:var(--accent)} .guide-page .guide-final{background:linear-gradient(135deg,#071115,#102c32)} .guide-page .guide-primary{background:var(--accent);color:#071115} @media(max-width:820px){.guide-page .guide-diagram-list{grid-template-columns:1fr}}