/* Editorial content shared by the portal and readable guide pages. */
.skip-link{position:absolute;left:12px;top:-100px;z-index:1000;padding:14px;background:#dcf88a;color:#102e27}.skip-link:focus{top:12px}.editorial-footer{background:#102e27;color:#f5f6ed;padding:42px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:22px;font:14px/1.9 system-ui;align-items:start}.editorial-footer a{color:inherit;text-decoration:underline;text-underline-offset:4px}.editorial-footer p{color:#d5dfd1;font-size:12px;margin:10px 0}.editorial-footer nav{display:flex;flex-wrap:wrap;gap:10px 22px}.editorial-footer small{grid-column:1/-1;color:#c6d3c3}.reading-section{background:#eff3e8;border:1px solid #dce3d4;border-radius:18px;padding:30px;margin-top:32px}.reading-section h2{font-size:clamp(23px,3vw,32px);line-height:1.6;margin:0 0 18px}.reading-section>p{line-height:1.9;max-width:830px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.guide-cards a{border:1px solid #d7dfcf;background:#fafbf6;border-radius:10px;padding:22px;color:#173d2e;text-decoration:none;line-height:1.7}.guide-cards a b{display:block;margin-bottom:8px;font-size:16px}.guide-cards a span{font-size:12px;color:#4a624d}.detailed-guide-link{display:inline-block;margin:18px 0 0;color:inherit;text-underline-offset:4px;font-size:13px;font-weight:700}.guide-page{margin:0;background:#f7f8f1;color:#193b2e;font:16px/1.95 system-ui,-apple-system,sans-serif}.guide-page *{box-sizing:border-box}.guide-page a{color:#20553b;text-underline-offset:4px}.guide-page a:hover,.guide-cards a:hover{text-decoration:underline}.guide-page :focus-visible,.reading-section :focus-visible{outline:3px solid #8a661a;outline-offset:4px}.guide-header{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 24px;border-bottom:1px solid #dbe2d3}.guide-brand{font-size:24px;font-weight:900;text-decoration:none}.guide-brand span{font-size:12px;letter-spacing:2px}.guide-header nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px}.guide-main{max-width:900px;margin:auto;padding:30px 24px 65px}.breadcrumbs{font-size:12px;color:#60725f;margin-bottom:35px}.guide-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#526f45}.article-heading{display:block;border-bottom:1px solid #dbe2d3;padding-bottom:24px;margin-bottom:35px}.article-heading h1{font-size:clamp(27px,4.2vw,42px);line-height:1.5;letter-spacing:-.03em;margin:16px 0}.guide-lead{font-size:17px;color:#415c46}.article-meta{font-size:12px;color:#65755e}.guide-main article section{margin:40px 0}.guide-main h2{font-size:23px;line-height:1.65;margin:0 0 18px}.guide-main p{margin:0 0 18px;overflow-wrap:anywhere}.guide-main ol{padding-left:25px}.guide-main li{padding-left:8px;margin-bottom:16px}.guide-play{display:flex;flex-wrap:wrap;align-items:center;gap:22px;border-top:1px solid #dbe2d3;padding-top:28px}.editorial-button{display:inline-block;background:#d9f48e;color:#143b2b!important;font-size:14px;font-weight:800;padding:14px 22px;border:1px solid #bdcf91;border-radius:8px;text-decoration:none}.guide-related{margin-top:50px;padding:28px;border:1px solid #d7dfcf;border-radius:12px;background:#eef3e6}.guide-related nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px}.guide-related [aria-current=page]{font-weight:800}.comparison-scroll{overflow-x:auto;max-width:100%;margin:25px 0}.comparison-scroll table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px;line-height:1.8}.comparison-scroll caption{text-align:left;font-size:12px;color:#58704d;padding-bottom:10px}.comparison-scroll th,.comparison-scroll td{text-align:left;vertical-align:top;padding:15px 12px;border-bottom:1px solid #cfdbc7}.comparison-scroll thead{background:#e4ecda}.portal-context{font-size:13px;line-height:1.9;margin-top:18px;color:#45604b}.portal-context a{color:inherit;text-underline-offset:3px}@media(max-width:680px){.guide-cards{grid-template-columns:1fr}.reading-section{padding:22px}.editorial-footer{grid-template-columns:1fr;padding:32px 22px}.guide-header{align-items:flex-start;flex-direction:column;gap:10px;padding:19px 22px}.guide-header nav{gap:16px;font-size:12px}.guide-main{padding:22px 22px 45px}.guide-main h2{font-size:21px}.guide-lead{font-size:15px}.guide-page{font-size:15px}.guide-related{padding:22px}}
