:root{--sp-color-primary: #f78b00;--sp-color-primary-dark-1: hsl(34, 100%, 38%);--sp-color-primary-light-1: hsl(34, 100%, 54%);--sp-color-primary-light-2: hsl(34, 100%, 62%);--sp-color-primary-light-3: hsl(34, 100%, 70%);--sp-color-secondary: #151515;--sp-color-secondary-hover: #333;--sp-color-secondary-text: #f2f2f2;--sp-color-background: #151515;--sp-color-border: #444;--sp-color-box-shadow: rgba(255, 255, 255, 0.4);--sp-color-button: #3c3c3c;--sp-color-button-hover: #5c5c5c;--sp-color-card: #2b2b2b;--sp-color-text: #f0f0f0;--sp-color-text-muted: #a0a0a0;--sp-color-text-on-primary: #151515;--sp-color-surface: #202020;--sp-color-background-light: #ffffff;--sp-color-border-light: #ddd;--sp-color-box-shadow-light: rgba(0, 0, 0, 0.4);--sp-color-button-light: #f1f1f1;--sp-color-button-hover-light: #ddd;--sp-color-card-light: #eaeaea;--sp-color-surface-light: #f5f5f5;--sp-color-text-light: #1c1c1c;--sp-color-text-muted-light: #555;--sp-color-focus: var(--sp-color-primary);--sp-color-error-background: #fcebe0;--sp-color-error-text: #cc1000;--sp-color-error-border: #ff6660;--sp-color-success-background: #e0f8e0;--sp-color-success-text: #008000;--sp-color-success-border: #66cc66;--sp-color-warning-background: #ffea8f;--sp-color-warning-text: #755004;--sp-color-warning-border: #ffbe00;--sp-color-info-background: #e0efff;--sp-color-info-text: #004085;--sp-color-info-border: #99ccff;--sp-size-page-width: 860px;--sp-size-page-width-wide: 1164px;--sp-spacing-xs: 0.25rem;--sp-spacing-s: 0.5rem;--sp-spacing-m: 1rem;--sp-spacing-l: 1.5rem;--sp-spacing-xl: 2.5rem;--sp-spacing-xxl: 4rem;--sp-spacing-clamp-xs: clamp(0.125rem, 0.327vw + 0.04rem, 0.25rem);--sp-spacing-clamp-s: clamp(0.25rem, 0.654vw + 0.082rem, 0.5rem);--sp-spacing-clamp-m: clamp(0.5rem, 1.308vw + 0.163rem, 1rem);--sp-spacing-clamp-l: clamp(0.75rem, 1.961vw + 0.245rem, 1.5rem);--sp-spacing-clamp-xl: clamp(1.25rem, 3.268vw + 0.41rem, 2.5rem);--sp-radius-medium: 0.5rem;--sp-radius-large: 12px;--sp-font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sp-font-family-heading: "Inter", Sans-Serif;--sp-fade-in-out-time: 0.3s}.light-theme{--sp-color-background: var(--sp-color-background-light);--sp-color-border: var(--sp-color-border-light);--sp-color-box-shadow: var(--sp-color-box-shadow-light);--sp-color-button: var(--sp-color-button-light);--sp-color-button-hover: var(--sp-color-button-hover-light);--sp-color-card: var(--sp-color-card-light);--sp-color-surface: var(--sp-color-surface-light);--sp-color-text: var(--sp-color-text-light);--sp-color-text-muted: var(--sp-color-text-muted-light)}.accordion-container{max-width:800px;margin:2rem auto 0}.accordion-item{border-bottom:1px solid var(--sp-color-border)}.accordion-item:first-of-type{border-top:1px solid var(--sp-color-border)}.accordion-button{background-color:rgba(0,0,0,0);color:var(--sp-color-text);cursor:pointer;padding:1.5rem 1rem;width:100%;text-align:left;border:none;outline:none;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.accordion-button:hover{background-color:var(--sp-color-surface)}.accordion-button::after{content:"+";font-size:2rem;color:var(--sp-color-primary);font-weight:300;transition:transform .3s ease}.accordion-button.active::after{content:"−";transform:rotate(180deg)}.accordion-panel{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-panel p{padding-bottom:1.5rem;margin:0;color:var(--sp-color-text-muted)}.card{background-color:var(--sp-color-card);border-radius:var(--sp-radius-large);padding:2rem;display:flex;flex-direction:column;overflow:hidden}.card h3{font-size:1.25rem}.card p{flex-grow:1}.card .icon{color:var(--sp-color-primary);width:50px;height:50px;margin:0 0 1.5rem 0}.card--surface{background-color:var(--sp-color-surface)}.card--highlight h3{font-size:1.75rem}.card-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:500px;margin-inline:auto}@media(min-width: 768px){.card-grid{max-width:none;grid-template-columns:repeat(2, 1fr)}}@media(min-width: 900px){.card-grid{grid-template-columns:repeat(3, 1fr)}}.checklist{list-style:none;padding:0;margin:0}.checklist-item{display:grid;grid-template-columns:clamp(2rem,1.5rem + 1.94vw,2.5rem) 1fr;gap:1.5rem;align-items:flex-start;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--sp-color-border)}.checklist-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.checklist-icon{width:32px;height:32px;color:var(--sp-color-primary)}.checklist-item h3{font-size:1.25rem;margin:0 0 .5rem 0;color:var(--sp-color-text);line-height:1.3}.checklist-item p{margin:0;color:var(--sp-color-text-muted)}section:not(.alt-bg):not(.display-none)+.final-cta-section{border-top:3px solid var(--sp-color-text)}.final-cta-section{text-align:center}.final-cta-section p{margin-block:2.5rem}.modal{visibility:hidden;opacity:0;transition:opacity var(--sp-fade-in-out-time, 0.3s) ease-in-out,visibility 0s linear var(--sp-fade-in-out-time, 0.3s);display:grid;place-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;overflow-y:auto;background-color:rgba(0,0,0,.8);backdrop-filter:blur(8px);padding:2rem;box-sizing:border-box}.modal.is-visible{visibility:visible;opacity:1;transition:opacity var(--sp-fade-in-out-time, 0.3s) ease-out}.modal-content{width:100%;position:relative;margin:auto;background-color:var(--sp-color-surface);border-radius:16px}.light-theme .modal-content{background-color:var(--sp-color-background)}.modal-content--prompt{width:fit-content;height:fit-content;max-width:90vw;text-align:center;padding:2rem;width:100%;box-sizing:border-box}.modal-content--prompt input[type=text]{box-sizing:border-box;width:100%;padding:.75rem 1rem;margin-top:1rem;margin-bottom:1rem;font-size:1rem}.modal-content--prompt h3{font-size:1.17em;margin-top:0}.modal-content--structured{padding:0}.modal-content__header{padding:2.5rem 2.5rem 2rem;border-bottom:1px solid var(--sp-color-border)}.modal-content__header>*{margin:0}.modal-content__body{padding:2.5rem}.modal-content--medium{max-width:600px}.modal-content--wide{max-width:820px}.close-button{position:absolute;top:-1rem;right:-1rem;font-size:2rem;width:2.4rem;height:2.4rem;padding:0;cursor:pointer;transition:.3s;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--sp-color-text-muted);background:var(--sp-color-background);border:2px solid var(--sp-color-border)}.close-button:hover{color:var(--sp-color-text);background-color:var(--sp-color-card);border-color:var(--sp-color-text-border)}.modal--lightbox{--sp-fade-in-out-time: 0.15s}.modal--lightbox .modal-content{background:none;pointer-events:none;margin:auto;position:relative;width:100%;max-width:1200px}.modal--lightbox .modal-content>*{pointer-events:auto}.modal--lightbox .lightbox-content{display:block;background-color:var(--sp-color-surface);padding:8px;box-sizing:border-box;max-width:100%;height:auto}@media(min-width: 768px){.modal--lightbox .modal-content{width:90%}.modal--lightbox .lightbox-content{padding:16px;border-radius:var(--sp-radius-large)}}.note{background-color:var(--sp-color-background);padding:1rem;border-radius:6px;font-size:.9rem;border-left:3px solid var(--sp-color-primary)}.note p{margin-bottom:0}.section-title{font-size:clamp(1.65rem,4.4vw,2.2rem);margin-bottom:4rem;padding-bottom:1.5rem;font-weight:600;text-transform:uppercase;text-align:center;letter-spacing:.18em;margin-top:0;border-bottom:1px solid var(--sp-color-border)}.page-full-width .section-title,.alt-bg .section-title{border-bottom:none;padding-bottom:0}.section-title:has(+.section-intro){margin-bottom:1.5rem}.step-number{font-size:3rem;font-weight:800;color:var(--sp-color-primary);line-height:1;margin-bottom:1rem}.process-content-wrapper h3{text-align:center;margin-top:4rem}.process-flowchart-section{max-width:760px;margin:0 auto}.process-flowchart-section .flowchart-image-wrapper{overflow:hidden;margin-top:2rem}.process-flowchart-section .flowchart-image-wrapper img{display:block;width:100%;height:auto;cursor:pointer;transition:opacity .2s ease}.process-flowchart-section .flowchart-image-wrapper img:hover{opacity:.85}#libraryModal .checklist{margin-top:2rem}#libraryModal .note{margin-top:2rem}