.page-header{padding:8rem 0 3rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.page-header__back{display:inline-flex;align-items:center;font-size:.85rem;color:var(--accent);font-weight:500;margin-bottom:1.5rem;transition:color var(--duration-fast) var(--ease-out)}.page-header__back:hover{color:var(--accent-dark)}.page-header__title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.page-header__subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;line-height:1.8}.detail-intro{padding:var(--section-padding) 0;background:var(--bg-primary)}.detail-intro__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.detail-intro__text h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem;letter-spacing:-.01em}.detail-intro__text p{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.8}.detail-intro__image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.detail-intro__image img{width:100%;aspect-ratio:4/3;object-fit:cover}.workflow{padding:var(--section-padding) 0;background:var(--bg-secondary)}.workflow__header{margin-bottom:4rem}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:var(--border-medium)}.timeline__item{position:relative;display:grid;grid-template-columns:58px 1fr;gap:1.5rem;margin-bottom:2.5rem}.timeline__item:last-child{margin-bottom:0}.timeline__marker{display:flex;justify-content:center;padding-top:.2rem;position:relative;z-index:2}.timeline__number{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #2563eb33}.timeline__marker--alert .timeline__number{background:#dc2626;box-shadow:0 2px 8px #dc262633}.timeline__marker--decision .timeline__number{background:#f59e0b;box-shadow:0 2px 8px #f59e0b33;width:48px;height:48px;font-size:1rem}.timeline__card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-out)}.timeline__card:hover{box-shadow:var(--shadow-md)}.timeline__card--decision{border-color:#f59e0b33;background:linear-gradient(135deg,#fffbeb,#fff)}.timeline__card-header{margin-bottom:.75rem}.timeline__phase{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:.2rem .6rem;border-radius:4px;margin-bottom:.4rem}.timeline__phase--alert{color:#dc2626;background:#dc262614}.timeline__phase--decision{color:#d97706;background:#f59e0b1a}.timeline__card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.timeline__card p{color:var(--text-secondary);font-size:.93rem;line-height:1.75;margin-bottom:.75rem}.timeline__card p:last-child{margin-bottom:0}.timeline__detail-box{display:flex;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:.75rem;font-size:.88rem;line-height:1.6;color:var(--text-secondary);border:1px solid var(--border-subtle)}.timeline__detail-box--highlight{background:var(--accent-soft);border-color:var(--border-accent)}.timeline__detail-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.decision-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.decision-split__option{padding:1.25rem;border-radius:var(--radius-md);border:1.5px solid;text-align:center}.decision-split__option--pass{background:#0596690a;border-color:#05966933}.decision-split__option--fail{background:#dc26260a;border-color:#dc262626}.decision-split__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin:0 auto .75rem}.decision-split__option--pass .decision-split__icon{background:#0596691a;color:#059669}.decision-split__option--fail .decision-split__icon{background:#dc26261a;color:#dc2626}.decision-split h4{font-family:var(--font-display);font-size:1rem;margin-bottom:.4rem}.decision-split p{font-size:.85rem!important;margin-bottom:.5rem!important}.decision-split__arrow{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-top:.5rem}.flowchart-section{padding:var(--section-padding) 0;background:var(--bg-primary)}.flowchart{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;text-align:center}.flowchart h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:2rem}.flowchart__steps{display:flex;flex-direction:column;align-items:center;gap:.5rem}.flowchart__step{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;min-width:260px;box-shadow:var(--shadow-xs)}.flowchart__step--decision{background:#fffbeb;border-color:#f59e0b4d;color:#b45309;font-weight:700;border-radius:50px;padding:.7rem 2rem}.flowchart__arrow{color:var(--text-muted);font-size:1.2rem}.flowchart__branches{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.75rem;width:100%;max-width:500px}.flowchart__branch{padding:1rem;border-radius:var(--radius-md);border:1.5px solid;text-align:center}.flowchart__branch--yes{background:#0596690a;border-color:#05966933}.flowchart__branch--no{background:#dc26260a;border-color:#dc262626}.flowchart__branch-label{font-weight:700;font-size:.85rem;margin-bottom:.4rem}.flowchart__branch--yes .flowchart__branch-label{color:#059669}.flowchart__branch--no .flowchart__branch-label{color:#dc2626}.flowchart__branch-action{font-size:.82rem;color:var(--text-secondary)}.flowchart__branch-sub{font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.flowchart__loop{font-size:1.5rem;color:#059669;margin-top:.3rem}.cta-section{background:var(--bg-secondary);padding:var(--section-padding) 0;border-top:1px solid var(--border-subtle)}@media (max-width: 768px){.detail-intro__grid,.decision-split,.flowchart__branches{grid-template-columns:1fr}.timeline:before{left:20px}.timeline__item{grid-template-columns:42px 1fr;gap:1rem}.timeline__number{width:36px;height:36px;font-size:.8rem}.timeline__marker--decision .timeline__number{width:40px;height:40px}.timeline__card{padding:1.25rem}}