/* Current How it works. All illustration data is fictional. */
.how-refresh{--hw-line:#DDD7CB;--hw-pale:#EDE6D8;--hw-gold:#C7AD7B}
.how-refresh svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.how-refresh .rp-button svg,.how-refresh .hw-text-link svg,.how-refresh .hw-security svg{width:18px;height:18px;flex-shrink:0}
.how-refresh .rp-hero{padding-bottom:0}
.how-refresh .rp-heading{max-width:600px;font-size:clamp(2.7rem,4.9vw,4.6rem);line-height:1.08;letter-spacing:-.057em}
.how-refresh .rp-hero-grid{gap:clamp(36px,5vw,72px)}
.hw-hero-copy .rp-copy{max-width:460px}
.hw-hero-copy .rp-actions{margin-top:27px}
.hw-hero-note{margin-top:20px;max-width:350px}
.hw-flow-wrap{min-width:0}
.hw-flow{background:#0B1B33;border:1px solid #24364E;border-radius:17px;padding:27px 27px 21px;box-shadow:0 24px 60px -30px #0B1B3340;color:#FBFAF7;position:relative;overflow:hidden}
.hw-flow:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#AE8B4E0E,transparent 60%);pointer-events:none}
.hw-flow-top,.hw-collection-head,.hw-reader-header{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative}
.hw-label{font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;line-height:1.5}
.hw-flow-top .hw-label{color:#C7AD7B}
.hw-live-dot{width:6px;height:6px;flex:0 0 6px;background:#C7AD7B;border-radius:50%;box-shadow:0 0 0 5px #C7AD7B13;animation:hw-glow 4s ease-in-out infinite}
.hw-source-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.hw-source{display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 4px 12px;border:1px solid #455169;border-radius:9px;background:#12243B;position:relative}
.hw-source svg{width:25px;height:25px;color:#C7AD7B}
.hw-source span{font-size:11px;color:#E2E6EB;line-height:1.5}
.hw-connections{height:65px;width:100%;color:#C7AD7B;overflow:visible}
.hw-wire{opacity:.24}.hw-wire path,.hw-current path{vector-effect:non-scaling-stroke}
.hw-current path{stroke-dasharray:14 250;animation:hw-current 4.8s linear infinite;stroke-width:2;opacity:.8}
.hw-current path:nth-child(2){animation-delay:-1.6s}.hw-current path:nth-child(3){animation-delay:-3.2s}
.hw-timeline{border:1px solid #D9D4C9;background:#FBFAF7;border-radius:10px;overflow:hidden;position:relative;color:#0B1B33}
.hw-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid #E0D9CA;background:#F5F1E8;line-height:1.4;font-size:11px;font-weight:600}
.hw-timeline-head>span:last-child{font-weight:400;color:#667181;font-size:10px}
.hw-records{list-style:none;margin:0;padding:0 17px!important}
.hw-records li{padding:14px 0!important;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;border-bottom:1px solid #E3E3DF;position:relative}
.hw-records li:before{display:none!important}
.hw-records li:last-child{border:0}
.hw-record-time{font-size:10px;color:#667181;padding-top:2px;position:relative}
.hw-record-time:after{content:"";position:absolute;left:3px;top:24px;bottom:-14px;border-left:1px solid #D3BD94}
.hw-records li:last-child .hw-record-time:after{display:none}
.hw-record-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px;line-height:1.4}
.hw-record-meta strong{font-size:11px;font-weight:600;color:#0B1B33}
.hw-record-meta>span{font-size:9px;color:#666C72;border:1px solid #DDD7CB;padding:1px 5px;border-radius:3px}
.hw-records p{font-size:12px;line-height:1.5;margin:0;color:#23334B;max-width:290px}
.hw-flow-foot{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:10px;color:#C5CEDA}
.hw-foot-rule{height:1px;flex:0 0 24px;background:#C7AD7B;transform-origin:left;animation:hw-rule 4.8s ease-in-out infinite}
.hw-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:47px;font-size:10px;color:#637084;padding-inline:1px}

.hw-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;gap:30px}
.hw-journey a{display:flex;align-items:center;gap:12px;padding:25px 0;border-top:1px solid #DAD5CA;border-bottom:0;font-size:12px;color:#42506A;line-height:1.5}
.hw-journey a>span{font-size:10px;color:#927345;font-weight:600}
.hw-journey a svg{width:16px;height:16px;margin-left:auto;color:#927345;transition:transform .25s}
.hw-journey a:hover{color:#0B1B33}.hw-journey a:hover svg{transform:translateX(4px)}
.hw-chapter-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,8vw,105px);align-items:center}
.hw-chapter-copy{min-width:0}
.hw-chapter-copy .rp-title{font-size:clamp(2.1rem,3.8vw,3.45rem);line-height:1.1;letter-spacing:-.05em;margin-bottom:24px}
.hw-chapter-copy .rp-copy{font-size:16px;line-height:1.8;max-width:410px;margin-bottom:22px}
.hw-text-link,.hw-security{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#79633D;font-size:13px}
.hw-details{border-top:1px solid #DAD5CA;border-bottom:1px solid #DAD5CA;margin-top:25px}
.hw-details summary{display:block;list-style:none;cursor:pointer;padding:17px 46px 17px 0;position:relative;line-height:1.5;font-size:12px;font-weight:500;color:#0B1B33}
.hw-details summary::-webkit-details-marker{display:none}
.hw-details summary:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:6px;clip-path:polygon(0 0,100% 0,50% 100%);background:#927345;transform:translateY(-50%)}
.hw-details[open] summary:after{transform:translateY(-50%) rotate(180deg)}
.hw-details>div{padding:0 15px 7px 0}.hw-details p{font-size:12px;line-height:1.85;color:#536075;margin-bottom:12px}
.hw-collection{padding:30px;border-radius:12px;border:1px solid #DCD5C8;background:#F5F1E8;min-width:0}
.hw-collection-head{padding-bottom:27px;color:#79633D}
.hw-collection-mark{display:flex;gap:4px}
.hw-collection-mark>span{height:3px;width:14px;background:#C7AD7B;border-radius:1px}
.hw-collection-mark>span:nth-child(2){opacity:.55}.hw-collection-mark>span:nth-child(3){opacity:.25}
.hw-import-list{display:grid;gap:10px}
.hw-import{display:flex;align-items:center;gap:14px;background:#FBFAF7;border:1px solid #DED7C9;border-radius:8px;padding:16px;position:relative;overflow:hidden}
.hw-file-icon{width:36px;height:42px;display:flex;align-items:center;justify-content:center;background:#EDE6D8;color:#927345;border-radius:5px;flex:0 0 36px}
.hw-file-icon svg{width:23px;height:23px}
.hw-import>div{display:flex;flex-direction:column;gap:3px}.hw-import strong{font-size:12px;font-weight:500;line-height:1.5;color:#0B1B33}.hw-import>div>span{font-size:10px;color:#657080;line-height:1.5}
.hw-import-line{position:absolute;right:0;top:0;bottom:0;width:3px;background:#AE8B4E;opacity:.6;animation:hw-glow 4.8s ease-in-out infinite}
.hw-import:nth-child(2) .hw-import-line{animation-delay:-2.4s}
.hw-collection-route{height:32px;margin-inline:auto;width:64%;display:flex;justify-content:space-between}
.hw-collection-route span{position:relative;width:1px;height:100%;background:#C4AF87;overflow:hidden}
.hw-collection-route span:after{content:"";position:absolute;width:1px;height:10px;top:-10px;background:#79633D;animation:hw-descend 3s linear infinite}
.hw-collection-route span:nth-child(2):after{animation-delay:-1.5s}
.hw-destination{display:flex;align-items:center;gap:10px;border-radius:7px;background:#0B1B33;color:#FBFAF7;padding:18px 16px;line-height:1.4}
.hw-destination svg{width:21px;height:21px;flex:0 0 21px;color:#C7AD7B}
.hw-destination>span{font-size:12px}.hw-destination>span.hw-order-label{font-size:9px;margin-left:auto;color:#C7AD7B}
.hw-supporting{border-top:1px solid #D5CDBD;margin-top:28px;padding-top:20px}
.hw-supporting .hw-label{color:#79633D;font-size:9px}.hw-supporting>div{display:flex;justify-content:space-between;gap:10px;padding-top:16px}
.hw-supporting>div>span{display:flex;align-items:center;gap:7px;color:#4E5C71;font-size:10px}
.hw-supporting svg{width:19px;height:19px;flex-shrink:0;color:#927345}
.hw-context{position:relative}
.hw-context:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 110px);border-left:1px solid #C7AD7B10;pointer-events:none}
.hw-context .hw-details{border-color:#455068}
.hw-context .hw-details summary{color:#E1E6EC}.hw-context .hw-details p{color:#BCC8D9}
.hw-context-caption{font-size:12px;color:#D5BD92;display:flex;align-items:center;gap:10px;line-height:1.6}
.hw-context-caption>span{width:16px;height:1px;background:#C7AD7B;flex-shrink:0}
.hw-context-reader{background:#F5F1E8;border-radius:12px;border:1px solid #C4B797;padding:25px;color:#0B1B33;box-shadow:0 20px 50px #020A161F;min-width:0}
.hw-reader-header{margin-bottom:21px}
.hw-reader-header .hw-label{color:#79633D}
.hw-reader-header>span:last-child{font-size:9px;line-height:1.5;color:#637084}
.hw-context-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#E6E0D4;border-radius:7px;padding:4px;margin-bottom:22px;grid-auto-rows:1fr}
.hw-context-controls button{font:500 11px/1.5 var(--sans);min-height:44px;padding:10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#657084;cursor:pointer;transition:background .2s,color .2s}
.hw-context-controls button[aria-pressed=true]{background:#0B1B33;color:#FBFAF7;box-shadow:0 2px 6px #0B1B3320}
.hw-context-controls button:hover{border-color:#A78F64}.hw-context-controls button:focus-visible{outline-color:#927345;outline-offset:2px}
.hw-context-exchange{display:grid;gap:12px;position:relative}
.hw-reader-date{text-align:center;font-size:10px;color:#687181;margin-bottom:3px;line-height:1.5}
.hw-chat{border:1px solid #DAD5CA;background:#FBFAF7;border-radius:8px;padding:14px 16px;width:92%;position:relative;transition:opacity .3s,transform .3s}
.hw-chat>div{display:flex;justify-content:space-between;gap:12px;line-height:1.5;margin-bottom:6px}
.hw-chat strong{font-size:11px;font-weight:600;color:#0B1B33}.hw-chat>div>span{font-size:9px;color:#667181}
.hw-chat p{font-size:13px;line-height:1.6;color:#24334A;margin:0}
.hw-chat-reply{justify-self:end;background:#EAE3D6;border-color:#D2C8B4}
.hw-chat-first:before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:2px;background:#AE8B4E}
.hw-chat-resolution{border-color:#BBA57D}
.hw-context-exchange[data-hw-mode=single] :is(.hw-chat-reply,.hw-chat-resolution){opacity:.13;filter:blur(2px);user-select:none;pointer-events:none}
.hw-reader-note{padding-top:18px;margin:18px 0 0;border-top:1px solid #D7D0C2;font-size:11px;line-height:1.65;color:#79633D;min-height:55px}
.hw-prepare{position:relative}
.hw-anchor{position:absolute;top:0;scroll-margin-top:100px}
.hw-prepare .hw-chapter-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hw-report-scene{position:relative;padding:20px 39px 22px 12px;isolation:isolate;min-width:0}
.hw-report-back{position:absolute;inset:30px 30px 10px 20px;border:1px solid #D5CBBA;border-radius:2px;background:#ECE3D2;transform:none;z-index:-1}
.hw-report{position:relative;background:#FBFAF7;border:1px solid #D5CBBA;box-shadow:0 16px 40px #3F2E0C10;padding:29px;border-radius:3px}
.hw-report-brand{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #DDD6C8;padding-bottom:20px}
.hw-report-brand img{width:135px;height:auto}.hw-report-brand>span{font-size:8px;line-height:1.5;text-align:right;color:#687181;max-width:65px}
.hw-report-title{padding-block:27px 22px}
.hw-report-title>span{color:#79633D;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}
.hw-report-title h3{font-size:27px;line-height:1.2;margin:8px 0 7px;letter-spacing:-.04em;color:#0B1B33}
.hw-report-title p{font-size:10px;color:#6C7580;margin:0;line-height:1.5}
.hw-report-index{display:flex;align-items:center;gap:18px;font-size:10px;padding:12px 0;border-top:1px solid #E1DBD0;line-height:1.5;color:#927345}
.hw-report-index strong{font-weight:500;color:#0B1B33;flex:1}.hw-report-index>span:last-child{color:#7A818A;font-size:9px}
.hw-report-extract{padding:15px;background:#F0EADF;border-left:2px solid #AE8B4E;margin-top:24px;position:relative;overflow:hidden}
.hw-report-extract:after{content:"";position:absolute;top:0;left:0;bottom:0;width:45px;background:linear-gradient(90deg,transparent,#AE8B4E0E,transparent);animation:hw-paper 7s ease-in-out infinite;pointer-events:none}
.hw-report-extract>div{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#6A7483;line-height:1.5}
.hw-report-extract p{font-size:12px;line-height:1.6;color:#0B1B33;margin:9px 0}
.hw-report-source{display:block;font-size:8px;color:#79633D;line-height:1.5}
.hw-report-bottom{display:flex;justify-content:space-between;color:#7E858B;font-size:8px;margin-top:28px;line-height:1.5}
.hw-report-side{position:absolute;right:0;top:50%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.17em;font-size:8px;color:#9A8259;line-height:1.5;transform:translateY(-50%)}
.hw-package-note{font-size:13px;line-height:1.8;color:#627084;max-width:380px}
.hw-prepare .rp-actions{margin-top:23px}
.hw-finish{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:35px;padding-block:65px 0}
.hw-finish .rp-kicker{margin-bottom:17px}.hw-finish .rp-title{margin-bottom:0;font-size:clamp(1.9rem,3vw,2.7rem)}
.hw-security{grid-column:2;justify-self:end;font-size:11px;margin-top:10px}
@keyframes hw-current{to{stroke-dashoffset:-264}}
@keyframes hw-glow{0%,100%{opacity:.4}45%{opacity:1}}
@keyframes hw-rule{0%,100%{transform:scaleX(.65);opacity:.5}50%{transform:scaleX(1);opacity:1}}
@keyframes hw-descend{to{transform:translateY(52px)}}
@keyframes hw-paper{0%,30%{transform:translateX(-60px)}80%,100%{transform:translateX(500px)}}
@media(max-width:1100px){.hw-flow{padding:23px 20px 18px}.hw-chapter-grid{gap:55px}.hw-collection{padding:25px}.hw-report{padding:25px}.hw-journey{gap:24px}.hw-journey a{font-size:11px}.hw-report-brand img{width:112px}}
@media(max-width:899px){.hw-hero-copy .rp-copy{max-width:540px}.hw-hero-copy .rp-heading{font-size:clamp(2.9rem,7vw,4rem);max-width:650px}.hw-flow-wrap{width:100%;max-width:600px;justify-self:center}.hw-flow{padding:27px}.hw-chapter-grid,.hw-prepare .hw-chapter-grid{grid-template-columns:1fr;gap:35px}.hw-chapter-copy .rp-title{font-size:clamp(2.4rem,5.5vw,3rem)}.hw-chapter-copy .rp-copy{max-width:560px}.hw-chapter-copy .hw-details{max-width:600px}.hw-collection,.hw-context-reader{width:100%;max-width:600px;justify-self:center}.hw-prepare .hw-chapter-copy{grid-row:1}.hw-report-scene{width:100%;max-width:550px;justify-self:center}.hw-prepare .hw-chapter-copy .rp-title br{display:block}.hw-context:before{display:none}.hw-report-brand img{width:135px}.hw-finish{grid-template-columns:1fr;gap:25px}.hw-finish .rp-actions{justify-self:start}.hw-security{grid-column:1;justify-self:start;margin-top:-18px}.hw-journey{gap:15px}.hw-journey a{gap:7px}}
@media(max-width:600px){.hw-hero-copy .rp-heading{font-size:clamp(2.4rem,10.3vw,3.2rem)}.hw-hero-copy .rp-copy{font-size:16px}.hw-hero-copy .rp-actions{margin-top:22px}.hw-hero-copy .rp-actions>.rp-button{flex:1;white-space:nowrap;padding-inline:12px;font-size:12px}.hw-hero-note{font-size:11px}.hw-journey{grid-template-columns:1fr;margin-top:21px;gap:0}.hw-journey a{padding:16px 0;font-size:12px;gap:14px}.hw-journey a:last-child{border-bottom:1px solid #DAD5CA}.hw-flow{padding:21px 18px 16px;border-radius:12px}.hw-source-row{gap:12px;margin-top:22px}.hw-source{padding-top:12px;gap:7px}.hw-source svg{width:22px;height:22px}.hw-source span{font-size:10px}.hw-connections{height:53px}.hw-timeline-head{padding:12px}.hw-records{padding-inline:12px!important}.hw-records li{grid-template-columns:32px minmax(0,1fr);gap:8px;padding-block:12px!important}.hw-records p{font-size:11px}.hw-record-meta>span{font-size:8px}.hw-record-time{font-size:9px}.hw-flow-foot{font-size:9px;margin-top:16px}.hw-visual-caption{font-size:9px}.hw-chapter-copy .rp-title{font-size:2.45rem}.hw-chapter-copy .rp-copy{font-size:15px}.hw-collection{padding:23px 20px;border-radius:9px}.hw-label{font-size:9px}.hw-import{padding:13px}.hw-destination{padding:16px 13px}.hw-destination>span{font-size:11px}.hw-destination>span.hw-order-label{font-size:8px}.hw-supporting>div{gap:9px}.hw-supporting>div>span{font-size:9px;gap:5px}.hw-supporting svg{width:17px;height:17px}.hw-context-reader{padding:21px 18px}.hw-reader-header{gap:8px}.hw-reader-header>span:last-child{font-size:8px}.hw-chat{padding:13px;width:95%}.hw-chat p{font-size:12px}.hw-chat>div{gap:8px}.hw-chat>div>span{font-size:8px}.hw-reader-note{font-size:10px;min-height:52px}.hw-report-scene{padding:15px 24px 15px 0}.hw-report{padding:23px}.hw-report-back{inset:22px 24px 5px 10px;transform:none}.hw-report-brand img{width:120px}.hw-report-brand>span{font-size:7px}.hw-report-title h3{font-size:25px}.hw-report-title{padding-block:24px 20px}.hw-report-index{gap:14px}.hw-report-extract{padding:13px}.hw-report-side{font-size:7px}.hw-report-bottom{margin-top:22px}.hw-finish{padding-top:46px}.hw-finish .rp-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.hw-finish .rp-button{font-size:12px;padding-inline:10px}.hw-details summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.how-refresh *,.how-refresh *:before,.how-refresh *:after{animation:none!important;transition:none!important}.hw-current path{stroke-dasharray:none;opacity:.5}.hw-chat{filter:none!important}.hw-live-dot{opacity:1}}
@media(forced-colors:active){.hw-context-controls button[aria-pressed=true]{outline:2px solid Highlight}.hw-flow,.hw-timeline,.hw-collection,.hw-context-reader,.hw-report{border:1px solid CanvasText}.hw-details summary:after{background:CanvasText}.hw-context-exchange[data-hw-mode=single] :is(.hw-chat-reply,.hw-chat-resolution){visibility:hidden}}

.how-refresh:not(.hw-interactive) .hw-context-controls{display:none}
