/* Shared reading presentation for state guides and alternatives articles. */
:is(.state-guide,.alternative-guide) .article-top .reference-metadata{margin-top:26px;margin-bottom:26px}
:is(.state-guide,.alternative-guide) .reference-metadata>.meta-item{flex-direction:column;gap:8px}
:is(.state-guide,.alternative-guide) .meta-symbol:has(.guide-portrait-stack){height:40px}
.guide-portrait-stack{display:flex;isolation:isolate;width:100px;height:40px}
.guide-meta-portrait{display:block;position:relative;overflow:hidden;flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid #fff;outline:1px solid #d5ddcf;background:#ecece2;margin-left:-10px}
.guide-meta-portrait:first-child{margin-left:0}
.guide-meta-portrait>img{position:absolute;width:300%;height:400%;max-width:none;left:calc(var(--portrait-x)*-100%);top:calc(var(--portrait-y)*-100%)}
:is(.state-guide,.alternative-guide) .article-body section{scroll-margin-top:0}
:is(.state-guide,.alternative-guide) .article-body section[tabindex="-1"]:focus{outline:none}
.guide-coverage{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.guide-coverage .coverage-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 5px;border:1px solid #dce5d7;border-radius:6px;background:#f5f8f0;white-space:nowrap;font:500 12px/1.4 var(--sans);color:var(--deep)}
.guide-coverage .coverage-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#e7eee0;flex-shrink:0;color:var(--green)}
.guide-coverage .icon{display:block;width:18px;height:18px;stroke-width:1.65}

.guide-contents{padding:0;border:1px solid #cdd9c8;border-radius:8px;background:#f0f4e9;overflow:hidden;margin:26px 0 32px;box-shadow:0 3px 0 #e8eddf}
.guide-contents summary{list-style:none;display:flex;align-items:center;gap:13px;padding:19px 20px;min-height:85px}
.guide-contents summary::-webkit-details-marker{display:none}
.guide-contents summary::marker{content:''}
.guide-contents summary strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--deep)}
.guide-contents summary small{display:block;font-size:12px;font-weight:400;color:#5a6d5e;margin-top:3px}
.guide-contents-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:white;border:1px solid #d9e2cf;border-radius:6px}
.guide-contents-chevron{display:grid;place-items:center;margin-left:auto;transition:transform .2s}
.guide-contents-chevron .icon{transform:rotate(90deg);width:17px;height:17px}
.guide-contents[open] .guide-contents-chevron{transform:rotate(180deg)}
.guide-contents nav{display:block;padding:0;background:#fff;border-top:1px solid #d3ddcd;max-height:65dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.guide-contents ol{list-style:none;margin:0;padding:0}
.guide-contents li+li{border-top:1px solid #e5eadd}
.guide-contents nav a{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:9px;padding:16px 19px;color:var(--ink);text-decoration:none}
.guide-contents nav a:hover{background:#f5f8ef}
.guide-contents nav a:focus-visible{outline-offset:-4px}
.guide-contents-number{font:500 12px/1.7 var(--mono);color:var(--green);padding-top:1px}
.guide-contents nav strong{display:block;font:500 14px/1.45 var(--sans)}
.guide-contents nav small{display:block;font:400 12px/1.6 var(--sans);color:var(--muted);margin-top:5px}
.guide-contents nav .icon{width:15px;height:15px;color:#77916d;margin-top:3px}

:is(.state-guide,.alternative-guide) .guide-callout{margin:25px 0 28px;padding:22px 24px;background:#eef3e6;border:1px solid #dae4cf;border-left:3px solid #829b64;border-radius:0 6px 6px 0}
.guide-callout-label{display:block;font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#536e47;margin-bottom:7px}
:is(.state-guide,.alternative-guide) .guide-callout-title{display:block;font:600 16px/1.45 var(--sans);color:var(--deep);margin-bottom:10px}
:is(.state-guide,.alternative-guide) .guide-callout p{font-size:14px;line-height:1.85;margin:0;color:#435441}
.guide-pullquote{margin:34px 0 38px;padding:25px 26px 25px 30px;border-block:1px solid #cbd7bf;background:linear-gradient(110deg,#f0f4e6,transparent);position:relative}
.guide-pullquote>span{font:64px/1 var(--serif);color:#95ab74;display:block;height:38px}
:is(.state-guide,.alternative-guide) .guide-pullquote p{font:400 clamp(1.3rem,2.1vw,1.75rem)/1.4 var(--serif);letter-spacing:-.015em;color:var(--deep);margin:0 0 15px}
.guide-pullquote footer{font:400 10px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#65765b}
.guide-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 40px}
:is(.state-guide,.alternative-guide) .guide-pathways a{display:flex;flex-direction:column;padding:20px 16px;border:1px solid #d8e0d0;border-radius:5px;background:#f1f5e9;text-decoration:none;color:var(--deep);transition:background .15s}
:is(.state-guide,.alternative-guide) .guide-pathways a:hover{background:#e7efda}
.guide-pathways a>span{font:500 10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.035em;margin-bottom:13px}
.guide-pathways a>strong{font:500 17px/1.45 var(--sans);flex:1}
.guide-pathways a>small{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 11px/1.55 var(--sans);margin-top:18px;padding-top:12px;border-top:1px solid #d3dec5;color:var(--green)}
.guide-pathways .icon{width:16px;height:16px}
.guide-process,.guide-proceeds{margin:34px 0 40px;padding:28px;border:1px solid #ccd8c3;border-radius:6px;background:#f0f4e8}
.guide-process figcaption>strong,.guide-proceeds figcaption>strong{display:block;font:400 1.75rem/1.25 var(--serif);color:var(--deep);margin:9px 0}
.guide-process figcaption>small,.guide-proceeds figcaption>small{display:block;font-size:12px;line-height:1.75;color:#5c6c56;max-width:550px}
:is(.state-guide,.alternative-guide) .guide-process ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:26px 0 0;position:relative}
.guide-process li{position:relative;padding:0!important;margin:0!important;min-width:0}
.guide-process li:before{content:'';position:absolute;top:17px;left:37px;right:-12px;height:1px;background:#b7c9a2}
.guide-process li:last-child:before{display:none}
.guide-process li>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#d9e5c5;color:#264b35;font:500 11px var(--mono);margin-bottom:13px}
.guide-process li strong{display:block;font-size:12px;line-height:1.5}
.guide-process li small{display:block;font-size:11px;line-height:1.55;color:#5f7159;margin-top:5px}
.guide-conversation{padding:28px 30px;margin:38px 0;border:1px solid #cad8bb;border-radius:6px;background:#e8efdb}
:is(.state-guide,.alternative-guide) .guide-conversation h2{font-size:1.8rem;line-height:1.2;margin:12px 0 14px;max-width:550px}
:is(.state-guide,.alternative-guide) .guide-conversation p{font-size:14px;line-height:1.8;max-width:560px;margin-bottom:21px}
:is(.state-guide,.alternative-guide) .guide-conversation .primary-button{font-size:13px;text-decoration:none;color:#fff;gap:18px;line-height:1.55}
.guide-proceeds{background:#fff}
.guide-proceeds-total{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:24px;font-size:13px}
.guide-proceeds-total strong{font:500 23px var(--mono)}
.guide-proceeds-bar{display:flex;gap:2px;height:29px;border-radius:4px;overflow:hidden;margin:15px 0 18px}
.guide-proceeds-bar>span:nth-child(1),.guide-swatch-0{background:#214e3f}
.guide-proceeds-bar>span:nth-child(2),.guide-swatch-1{background:#66866b}
.guide-proceeds-bar>span:nth-child(3),.guide-swatch-2{background:#a3b794}
.guide-proceeds-bar>span:nth-child(4),.guide-swatch-3{background:#d3c29a}
.guide-proceeds-bar>span:nth-child(5),.guide-swatch-4{background:#cbe29d}
.guide-proceeds dl{margin:0}
.guide-proceeds dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}
.guide-proceeds dt{display:flex;gap:9px;align-items:baseline;line-height:1.6}
.guide-proceeds dd{margin:0;white-space:nowrap;font:400 12px var(--mono)}
.guide-swatch{display:inline-block;flex-shrink:0;width:9px;height:9px;border-radius:2px}
.guide-proceeds dl>div:last-child{font-weight:600;border:0}
.guide-proceeds dl>div:last-child dd{font-weight:600}
:is(.state-guide,.alternative-guide) .guide-proceeds>p{background:#f4f2e8;padding:16px 18px;margin:18px 0 0;font-size:12px;line-height:1.8;border-radius:4px;color:#615737}
.guide-value-bridge{margin:34px 0 40px;padding:28px;border:1px solid #ccd8c3;border-radius:6px;background:#f0f4e8}
.guide-value-bridge figcaption>strong{display:block;font:400 1.75rem/1.25 var(--serif);color:var(--deep);margin:9px 0}
.guide-value-bridge figcaption>small{display:block;font-size:12px;line-height:1.75;color:#5c6c56;max-width:550px}
:is(.state-guide,.alternative-guide) .guide-value-bridge ol{list-style:none;margin:24px 0 0;padding:0}
:is(.state-guide,.alternative-guide) .guide-value-bridge li{display:flex;gap:16px;padding:17px 0;margin:0;border-top:1px solid #d2ddc8}
.guide-value-bridge li>span{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #bfceaf;border-radius:50%;font:500 11px var(--mono);background:#e0e9d3;color:var(--green)}
.guide-value-bridge li strong{font-size:14px;line-height:1.6}
:is(.state-guide,.alternative-guide) .guide-value-bridge li p{font-size:13px;line-height:1.7;margin:6px 0 0;color:#5c6c56}
.guide-back-to-top{position:fixed;right:24px;bottom:24px;z-index:9;display:flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid #416b54;border-radius:30px;background:var(--deep);color:#fff;box-shadow:0 4px 18px #14392a25;font:500 12px var(--sans)}
.guide-back-to-top .icon{width:17px;height:17px}
.guide-back-to-top:hover{background:#2a5947;color:#fff}
body:has(dialog[open]) .guide-back-to-top,body:has(.sidebar.open) .guide-back-to-top{visibility:hidden}
@media(max-width:1200px){:is(.state-guide,.alternative-guide) .meta-symbol{min-height:24px}.guide-coverage{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:700px){
  .guide-contents summary{padding:16px;gap:11px}.guide-contents nav a{padding:16px 14px;grid-template-columns:26px minmax(0,1fr) 14px;gap:7px}
  .guide-pathways{grid-template-columns:1fr;gap:9px}:is(.state-guide,.alternative-guide) .guide-pathways a{padding:17px 19px}.guide-pathways a>span{margin-bottom:6px}.guide-pathways a>small{margin-top:12px;padding-top:10px}
  :is(.state-guide,.alternative-guide) .guide-callout{padding:19px 18px}.guide-pullquote{padding:21px}:is(.state-guide,.alternative-guide) .guide-pullquote p{font-size:1.4rem}
  .guide-process,.guide-proceeds,.guide-value-bridge{padding:22px 19px}.guide-process figcaption>strong,.guide-proceeds figcaption>strong,.guide-value-bridge figcaption>strong{font-size:1.6rem}
  :is(.state-guide,.alternative-guide) .guide-process ol{grid-template-columns:1fr;gap:18px}.guide-process li{display:flex;gap:14px;align-items:flex-start}.guide-process li>span{flex-shrink:0;margin:0}.guide-process li:before{left:17px;top:37px;width:1px;height:calc(100% - 18px);right:auto}.guide-process li strong{font-size:14px}.guide-process li small{font-size:12px;margin-top:3px}
  .guide-conversation{padding:24px 21px}:is(.state-guide,.alternative-guide) .guide-conversation h2{font-size:1.65rem}:is(.state-guide,.alternative-guide) .guide-conversation .primary-button{font-size:12px;padding:12px 14px;gap:10px}
  .guide-proceeds-total{align-items:flex-start;flex-direction:column;gap:3px}.guide-proceeds dl>div{gap:10px;font-size:12px}.guide-proceeds dd{font-size:11px}.guide-proceeds dt{gap:6px}
  .guide-back-to-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 14px;font-size:11px;gap:6px}
}
@media print{.guide-back-to-top,.guide-conversation,.guide-pathways,.guide-contents{display:none!important}.guide-process,.guide-proceeds,.guide-callout,.guide-pullquote,.guide-value-bridge{break-inside:avoid}}
