/* Applications: three distinct task views, optional context, no runtime dependency. */
.app22-hero{padding-block:56px 0}
body main.app22 h1{font-size:clamp(44px,4.7vw,66px);max-width:960px}
body main.app22 .app22-lead{font-size:18px;line-height:1.7;max-width:740px;color:var(--muted);margin:25px 0 35px}
.app22-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.app22-index a{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--navy);font-size:15px;line-height:1.4;padding:23px 24px 23px 0}
.app22-index a+a{border-left:1px solid var(--line);padding-left:26px}
.app22-index small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px}
.app22-index a>span:last-child{font-size:21px;margin-left:auto;color:var(--blue)}
.app22-number{font-size:10px;color:#6d819f}
.app22-index a:hover>span:nth-child(2){color:var(--blue)}
.app22-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);align-items:center;padding-block:58px;border-bottom:1px solid var(--line);scroll-margin-top:105px}
.app22-story:last-child{border-bottom:0}
.app22-reverse .app22-copy{order:2}
.app22-copy{min-width:0}
body main.app22 .app22-copy h2{font-size:clamp(31px,3vw,41px)}
body main.app22 .app22-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:var(--muted);margin:23px 0 0}
body main.app22 .app22-copy>p.app22-value{display:flex;gap:12px;align-items:flex-start;color:#314f83;font-size:13px;line-height:1.7;margin:20px 0}
.app22-value>span{font-size:21px;line-height:1.2;color:var(--blue)}
.app22-copy details{border-block:1px solid var(--line);margin:22px 0}
body main.app22 .app22-copy summary{font-size:12px;letter-spacing:0;padding:15px 0;gap:16px;line-height:1.5}
body main.app22 .app22-copy details>p{font-size:12px;line-height:1.75;padding:0 22px 18px 0}
body main.app22 .app22-copy .text-link{font-size:12px;gap:12px;line-height:1.5}
.app22-visual{margin:0;min-width:0;padding:30px 34px;border-radius:16px}
.app22-visual figcaption{font-size:11px;line-height:1.5;margin-bottom:24px;color:#4e6687}
.app22-knowledge{background:var(--navy);color:white}
.app22-knowledge figcaption{color:#b8c8e1}
.app22-question{display:flex;gap:16px;align-items:center;padding:16px 18px;background:#172840;border:1px solid #35455e;border-radius:9px}
.app22-question>span{font-size:25px;color:#a6bfff;line-height:1}
body main.app22 .app22-question p{margin:0;font-size:16px;line-height:1.5;color:white;letter-spacing:-.01em}
.app22-files{height:104px;display:flex;justify-content:center;align-items:center;padding-top:6px}
.app22-files>span{display:block;width:54px;height:64px;border:1px solid #506689;border-radius:4px;background:#14263f;padding:13px 9px;transform:rotate(-12deg);margin-right:-5px}
.app22-files>span:nth-child(2){transform:rotate(0);height:73px;z-index:1;border-color:#aec4fc;background:#223b62}
.app22-files>span:nth-child(3){transform:rotate(12deg)}
.app22-files i{display:block;height:2px;background:#607aa4;margin:7px 0}
.app22-files>span:nth-child(2) i:nth-child(2){background:#bcd0ff;height:5px}
.app22-source{background:#f4f7fd;color:var(--navy);border:1px solid #c3d5fc;border-radius:9px;padding:20px}
.app22-source>div{display:flex;gap:14px;align-items:center}
.app22-mark{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e0e9fb;color:#2b56a5;font-size:17px}
body main.app22 .app22-source p{font-size:17px;line-height:1.4;margin:0;letter-spacing:-.02em;color:var(--navy)}
.app22-source small{display:block;font-size:11px;color:#506380;letter-spacing:0;margin-top:5px;line-height:1.5}
body main.app22 .app22-source p.app22-source-line{font-size:11px;line-height:1.6;letter-spacing:0;color:#506380;margin:17px 0 0;padding-top:13px;border-top:1px solid #d2def2}
body main.app22 .app22-visual-note{font-size:10px;line-height:1.5;color:#b8c8e1;margin:17px 0 0;text-align:center}
.app22-documents{background:#edf2fb;border:1px solid #dce5f2}
.app22-sheet{background:white;border:1px solid #d1ddeb;border-radius:9px;padding:24px;box-shadow:0 7px 20px #243d6410}
.app22-sheet-heading{display:flex;align-items:center;gap:13px;font-size:18px;line-height:1.4;letter-spacing:-.02em;margin-bottom:19px}
.app22-sheet-heading svg{width:28px;height:28px;flex:0 0 28px;stroke:#6f87aa;stroke-width:1.3}
body main.app22 .app22-sheet ul{list-style:none;margin:0;padding:0}
.app22-sheet li{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e1e7ef;padding:14px 0;font-size:12px;line-height:1.5;color:#50637f}
.app22-sheet li>b{color:#2b6a63;font-size:17px;font-weight:400}
.app22-sheet li.app22-pending{margin:0 -10px;padding:12px 10px;border:1px solid #e3d6be;border-radius:5px;background:#fcf8f0;color:#70592e}
.app22-pending strong{font-size:10px;font-weight:500;line-height:1.4;border-radius:4px;background:#efe2c7;padding:5px 7px}
.app22-next{display:flex;align-items:center;gap:13px;margin:23px 8px 0}
.app22-next>span{color:#6985b5;font-size:26px}
body main.app22 .app22-next p{font-size:15px;line-height:1.4;letter-spacing:-.01em;color:var(--navy);margin:0}
.app22-next small{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:#506784;letter-spacing:0}
.app22-service{background:#eaf1f3;border:1px solid #d4e2e8}
.app22-bubble{padding:17px 21px;background:white;border:1px solid #d4e0e7;border-radius:12px 12px 12px 0;margin-left:25px}
.app22-bubble>span{font-size:10px;color:#596e82}
body main.app22 .app22-bubble p{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:7px 0 0;color:var(--navy)}
body main.app22 .app22-timeline{list-style:none;margin:23px 0 23px 24px;padding:0}
.app22-timeline li{display:flex;align-items:flex-start;gap:18px;position:relative;padding:0 0 16px}
.app22-timeline li:last-child{padding-bottom:0}
.app22-timeline li:not(:last-child)::before{content:'';height:100%;position:absolute;width:1px;left:4px;top:6px;background:#bbcdd8}
.app22-timeline li>span{flex:0 0 9px;height:9px;background:#eff7fa;border:1px solid #7696ab;border-radius:50%;position:relative;margin-top:4px}
body main.app22 .app22-timeline p{font-size:12px;line-height:1.4;margin:0;color:#304f66}
.app22-timeline small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:#536f80}
.app22-reply{background:#d9e6eb;border:1px solid #c1d5df;border-radius:8px;padding:17px 21px}
.app22-reply>span{font-size:10px;color:#3c6074}
body main.app22 .app22-reply p{font-size:16px;line-height:1.45;letter-spacing:-.01em;margin:7px 0 0;color:#153a50}
.app22-start{padding-block:52px;background:white;border-block:1px solid var(--line)}
.app22-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:33px}
.app22-services>a{padding-top:21px;border-top:1px solid var(--line);text-decoration:none;color:var(--navy);min-width:0}
body main.app22 .app22-services h3{font-size:21px;line-height:1.3;display:flex;gap:14px;justify-content:space-between;margin:0;letter-spacing:-.03em;text-wrap:initial}
.app22-services h3>span{font-size:19px;color:var(--blue)}
body main.app22 .app22-services p{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.app22-services>a:hover h3{color:var(--blue)}
body main.app22 .app22-scope{font-size:11px;line-height:1.7;color:var(--muted);margin:32px 0 0}
@media(max-width:1050px){.app22-story{gap:40px}.app22-visual{padding:26px}.app22-index a{font-size:13px;gap:12px}.app22-index a+a{padding-left:20px}.app22-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px}}
@media(max-width:760px){.app22-hero{padding-top:35px}body main.app22 h1{font-size:clamp(40px,7.7vw,56px)}body main.app22 .app22-lead{font-size:16px}.app22-index{grid-template-columns:1fr}.app22-index a,.app22-index a+a{padding:18px 0;border-left:0;gap:20px;font-size:15px}.app22-index a+a{border-top:1px solid var(--line)}.app22-story{grid-template-columns:1fr;gap:27px;padding-block:40px;scroll-margin-top:90px}.app22-reverse .app22-copy{order:0}.app22-visual{padding:28px;max-width:540px;width:100%;justify-self:center}.app22-start{padding-block:42px}.app22-services{gap:24px}body main.app22 .app22-services h3{font-size:21px}.app22-source-line{font-size:11px}}
@media(max-width:480px){body main.app22 h1{font-size:clamp(35px,9.2vw,43px);overflow-wrap:normal}body main.app22 .app22-copy h2{font-size:32px}.app22-visual{padding:24px 21px}.app22-question{gap:12px;padding:14px}body main.app22 .app22-question p{font-size:15px}.app22-source{padding:17px}.app22-sheet{padding:18px 16px}.app22-sheet-heading{font-size:17px}.app22-sheet li{font-size:11px}.app22-pending strong{font-size:9px}.app22-bubble{margin-left:12px;padding:16px}.app22-timeline{margin-left:16px!important}.app22-reply{padding:16px}.app22-services{grid-template-columns:1fr}body main.app22 .app22-copy .text-link{font-size:12px}.app22-index a{font-size:14px}}