:root{font-family:Arial,Helvetica,sans-serif;color:#21382b;background:#f5f6f2;font-synthesis:none;--ink:#203c2e;--muted:#6e8071;--line:#dce4da;--green:#426e53}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:hover{color:#426e53}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #94b398;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550}a{color:inherit}.icon{font-size:18px;line-height:1}
.shell{max-width:1440px;margin:auto;padding:0 34px}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:66px;height:66px;object-fit:contain}.brand strong{font-size:19px;display:block;letter-spacing:-.03em}.brand small{display:block;font-size:11px;margin-top:5px;color:#78877a}.top-right{display:flex;align-items:center;gap:11px}.top-right button{padding:9px 12px;border:1px solid #d2ded3;border-radius:5px;background:#fff;font-size:12px;font-weight:600}.role-label{font-size:11px;color:#597261;padding:8px 10px;background:#e7eee5;border-radius:4px}
.intro{padding:46px 0 31px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#738676}.intro h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.055em;line-height:1.04;margin:12px 0}.intro p{font-size:15px;color:#66776a;line-height:1.5}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{white-space:nowrap;padding:14px 2px 15px;border-bottom:2px solid transparent;color:#687969;font-size:13px;font-weight:600}.tabs button.active{border-bottom-color:#426e53;color:#203c2e}.shell footer{border-top:1px solid var(--line);margin:42px 0 30px;padding-top:16px;font-size:11px;color:#849185}.alert{background:#fff0ea;color:#9c4337;border:1px solid #f1d1c6;border-radius:5px;padding:12px 15px;margin:17px 0;font-size:13px}.alert button{text-decoration:underline;font-weight:700;margin-left:8px}.toast{margin:17px 0;padding:12px 15px;background:#e5f2e6;color:#286143;border-radius:5px;font-size:13px}
.primary{background:#244831!important;color:#fff!important;border-color:#244831!important}.primary:hover{background:#396249!important}.overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:18px;padding-top:30px}.thesis{min-height:355px;background:#203c2e;color:#f4f8f2;padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;border-radius:7px}.thesis>.eyebrow{color:#bfd3be}.thesis h2{font-size:clamp(30px,3.3vw,49px);letter-spacing:-.055em;line-height:1.06;margin:23px 0 17px}.thesis p{font-size:15px;line-height:1.6;color:#d4e1d3;max-width:680px}.thesis-actions{display:flex;gap:9px;margin-top:auto;padding-top:30px}.thesis-actions button{padding:11px 15px;border:1px solid #819883;border-radius:5px;color:#f2f7f0;font-size:12px;font-weight:650}.overview-stats{display:grid;grid-template-rows:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:7px}.overview-stats>div{display:flex;align-items:center;gap:16px;padding:20px 27px;border-bottom:1px solid #e7ede5}.overview-stats>div:last-child{border:0}.overview-stats strong{font-size:40px;letter-spacing:-.065em;font-weight:500;min-width:55px}.overview-stats span{font-size:13px;color:#687969}.journey-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.journey-card{min-height:148px;padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:1fr auto;align-content:space-between;text-align:left}.journey-card:hover,.step:hover,.system-list article:hover{border-color:#9ab7a0}.journey-card>span:first-child{font-size:11px;color:#809481}.journey-card strong{grid-column:1/-1;font-size:20px;letter-spacing:-.035em;font-weight:550}.journey-card small{font-size:12px;color:#758576}.journey-card .icon{grid-column:2;grid-row:3}.principle{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,720px);gap:22px;padding:22px 0}.principle p{font-size:13px;line-height:1.6;color:#617264}
.before-after{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:7px}.before-after>div{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px}.before-after h3{font-size:20px;letter-spacing:-.035em;margin:12px 0 8px}.before-after p{font-size:13px;color:#657767;line-height:1.55;max-width:570px}
.section{padding-top:32px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:23px}.section-head h2{font-size:27px;letter-spacing:-.045em}.section-head p{font-size:13px;line-height:1.5;color:#6b7b6e;margin-top:6px;max-width:740px}.section-head button,.export-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #ced9ce;border-radius:5px;padding:11px 15px;font-size:12px;font-weight:650;text-decoration:none}.journey-switch{display:flex;gap:8px;margin-bottom:20px;overflow:auto}.journey-switch button{white-space:nowrap;padding:10px 14px;border:1px solid #d6dfd5;border-radius:5px;background:#fff;font-size:12px}.journey-switch button.active{background:#244831;color:#fff;border-color:#244831}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:22px;align-items:start}.flow-steps{display:grid;gap:12px}.step{display:flex;align-items:start;gap:16px;width:100%;padding:22px;background:#fff;border:1px solid var(--line);border-radius:6px;text-align:left}.step.active{border-color:#426e53;box-shadow:0 0 0 2px #dceadd}.step-number{font-size:11px;color:#709173;padding-top:4px}.step>span:nth-child(2){display:flex;flex-direction:column;gap:8px}.step small{font-size:11px;color:#6f8072}.step strong{font-size:20px;letter-spacing:-.03em;font-weight:550}.step>span:nth-child(2)>span{font-size:13px;line-height:1.55;color:#667668}.step>.icon{margin-left:auto}.connections{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 18px 0 24px;font-size:11px;color:#899789}.connections button{color:#426e53;text-decoration:underline;font-size:11px}.detail{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-radius:6px;min-height:350px;padding:27px}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading button,.system-list article>button,.mail-list article button,.discovery-list article>button,.history-list article button{font-size:12px;font-weight:650;color:#426e53;text-decoration:underline}.detail h3{font-size:25px;letter-spacing:-.04em;margin:22px 0 10px}.detail>p{font-size:13px;line-height:1.6;color:#5d705f}.detail dl{margin:22px 0}.detail dt{font-size:10px;font-weight:700;letter-spacing:.08em;color:#7d8d7e;margin:18px 0 5px;text-transform:uppercase}.detail dd{margin:0;color:#445a48;font-size:13px;line-height:1.55}.detail-empty{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#829684}.detail-empty span{font-size:36px}.detail-empty h3{font-size:21px;margin:10px 0 5px}.detail-empty p{font-size:12px}.detail-tools{display:flex;gap:12px;border-top:1px solid #e3eae2;padding-top:18px}.detail-tools button,.detail-new{font-size:12px;color:#426e53;text-decoration:underline}.detail-new{display:block;margin-top:16px;font-weight:650}
.badge{display:inline-block;width:max-content;padding:5px 8px;background:#e9eee8;color:#4f7354;border-radius:3px;font-size:10px;font-weight:650}.badge.needs_verification{background:#fff2d9;color:#986915}.badge.verified{background:#daf0dd;color:#286946}.search{display:flex;align-items:center;gap:10px;width:min(380px,100%);background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:5px;margin-bottom:16px;color:#7d8e7f}.search input{width:100%;border:0;outline:0;font-size:12px;color:#223a2b}.system-list,.discovery-list,.history-list{display:grid;gap:9px}.system-list article,.discovery-list article,.history-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:5px;padding:19px 22px}.system-list h3,.discovery-list h3{font-size:19px;letter-spacing:-.03em;margin:9px 0 6px}.system-list p,.discovery-list p{font-size:13px;line-height:1.55;color:#5e7060}.system-list small,.discovery-list small,.history-list small{display:block;font-size:10px;color:#869386;line-height:1.5;overflow-wrap:anywhere}.system-list article>div:nth-child(2) p{margin:6px 0 11px}.discovery-list article{grid-template-columns:105px minmax(0,1fr) auto}.discovery-list h3{margin:0 0 7px}.discovery-list small{margin-top:11px}.discovery-status{display:inline-block;width:max-content;background:#fff0d7;color:#9d6818;padding:6px 9px;border-radius:3px;font-size:10px}.discovery-status.verified{background:#dcefdc;color:#236a40}.discovery-status.resolved{background:#edf0ec;color:#68776a}.history-list article{grid-template-columns:25px minmax(0,1fr) auto;align-items:center}.history-list article>span{font-size:20px;color:#79987f}.history-list strong{font-size:13px;font-weight:600}.history-list small{margin-top:5px}
.mail-list{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.mail-head,.mail-list article{display:grid;grid-template-columns:1fr 1.3fr 1.8fr 115px;align-items:start;gap:19px;padding:17px 19px}.mail-head{background:#f0f4ee;font-size:10px;font-weight:700;letter-spacing:.07em;color:#798a7b}.mail-list article{border-top:1px solid #e8eee6;font-size:12px;line-height:1.55;color:#526554}.mail-list h3{font-size:13px;font-weight:650;color:#25442d}.mail-list p{margin-bottom:5px}.mail-list small{display:block;color:#819181;font-size:10px;line-height:1.5;margin-top:3px}.mail-list article button{display:block;margin-top:12px}
.share-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;max-width:900px}.share-panel p{margin:17px 0;padding:15px;background:#f3f6f0;border:1px solid #dce4da;border-radius:4px;overflow-wrap:anywhere;font-size:14px;color:#26452d}.share-actions{display:flex;gap:9px}.share-actions button{padding:10px 13px;border:1px solid #cdd9cd;border-radius:4px;font-size:12px;font-weight:650}.share-panel small{display:block;margin-top:17px;color:#718173;font-size:11px}.share-note{margin-top:24px;max-width:720px}.share-note h3{font-size:19px;margin-bottom:7px}.share-note p{font-size:13px;line-height:1.5;color:#667668}
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(23,42,29,.5);display:flex;align-items:center;justify-content:center;padding:18px}.editor{width:min(680px,100%);max-height:92dvh;display:flex;flex-direction:column;background:#f9fbf7;border-radius:7px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.editor-head,.editor-footer{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-head{border-bottom:1px solid var(--line)}.editor-head h2{font-size:24px;letter-spacing:-.04em;margin-top:6px}.editor-head button{font-size:26px}.editor-fields{padding:20px 24px;overflow:auto;display:grid;gap:16px}.editor-fields label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#49634e}.editor-fields input:not([type=checkbox]),.editor-fields textarea,.editor-fields select{width:100%;background:#fff;border:1px solid #ced9ce;border-radius:4px;padding:10px 11px;color:#203c2e;font-size:13px}.editor-fields textarea{min-height:80px;resize:vertical;line-height:1.45}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-fields fieldset{border:1px solid var(--line);border-radius:4px;padding:11px}.editor-fields legend{padding:0 5px;font-size:12px;font-weight:650}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:175px;overflow:auto}.choice-grid label{display:flex;align-items:start;font-size:11px;font-weight:400;gap:6px}.choice-grid input{accent-color:#426e53;margin-top:1px}.editor-footer{border-top:1px solid var(--line)}.editor-footer span{flex:1}.editor-footer button{padding:10px 13px;border:1px solid #ced9ce;border-radius:4px;font-size:12px;font-weight:650}.editor-footer .danger{color:#a6443d}
.presentation{position:fixed;inset:0;z-index:900;background:#203c2e;color:#f3f7ef;display:flex;flex-direction:column;padding:clamp(24px,4vw,60px)}.presentation-head,.presentation-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.presentation-head span,.presentation-content>span{font-size:11px;font-weight:650;letter-spacing:.13em;color:#bfd3be}.presentation-head button,.presentation-footer button{font-size:13px;color:#edf4e9}.presentation-content{margin:auto 0;max-width:1100px}.presentation-content h2{font-size:clamp(44px,6.5vw,108px);line-height:1.02;letter-spacing:-.065em;margin:24px 0}.presentation-content p{font-size:clamp(18px,2.3vw,30px);color:#d1dfd0;line-height:1.4;max-width:900px}.presentation-content small{display:block;margin-top:25px;color:#bed1bc}.presentation-footer{border-top:1px solid #5c7760;padding-top:23px}.presentation-footer span{font-size:12px;color:#bed1bc}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:25px;background:#f5f6f2}.login-card{width:min(500px,100%);background:#fff;border:1px solid var(--line);border-radius:7px;padding:clamp(25px,4vw,50px)}.login-card img{width:100px;height:100px;object-fit:contain;margin-bottom:25px}.login-card h1{font-size:clamp(31px,4vw,44px);line-height:1.08;letter-spacing:-.055em;margin:12px 0}.login-card p{font-size:14px;line-height:1.5;color:#6a7b6d;margin-bottom:25px}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:8px;font-size:12px;font-weight:650}.login-card input{width:100%;padding:12px;border:1px solid #cfdacf;border-radius:4px;font-size:14px}.login-card button{padding:12px;border-radius:4px;font-size:13px;font-weight:650}
@media(max-width:880px){.shell{padding:0 22px}.overview{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.overview-stats>div{border-bottom:0;border-right:1px solid #e7ede5;flex-direction:column;align-items:start}.flow-layout{grid-template-columns:1fr}.detail{position:static}.mail-head{display:none}.mail-list article{grid-template-columns:1fr 1fr}.system-list article{grid-template-columns:1fr auto}.system-list article>div:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:600px){.shell{padding:0 16px}.topbar{align-items:start;padding:12px 0}.brand img{width:52px;height:52px}.brand strong{font-size:16px}.role-label{display:none}.top-right{gap:5px}.top-right button{font-size:10px;padding:8px}.intro{padding:30px 0 22px}.tabs{gap:18px}.journey-cards,.before-after{grid-template-columns:1fr}.journey-card{min-height:115px}.overview-stats>div{padding:14px}.overview-stats strong{font-size:29px}.overview-stats span{font-size:10px}.principle{grid-template-columns:1fr;gap:8px}.section-head{flex-direction:column}.system-list article,.discovery-list article,.mail-list article{grid-template-columns:1fr}.system-list article>div:nth-child(2){grid-row:auto}.form-grid,.choice-grid{grid-template-columns:1fr}.presentation-content h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
[hidden]{display:none!important}
.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-card,.empty-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px}
.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.project-status{font-size:11px;font-weight:700;color:#3e6a4a;background:#e6f0e6;padding:6px 9px;border-radius:3px}
.project-status.planning{color:#697767;background:#edf0eb}.project-status.blocked{color:#95651b;background:#fff1d7}.project-status.launched{color:#216c45;background:#dbefdf}
.project-card h3{font-size:22px;letter-spacing:-.035em;margin:18px 0 8px}.project-card p{font-size:13px;line-height:1.6;color:#5e7060;white-space:pre-wrap}.project-card small{font-size:11px;color:#879487}
.project-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0;color:#738374;font-size:11px}
.project-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.project-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid #d4dfd3;border-radius:4px;padding:8px 10px;color:#285236;font-size:12px;font-weight:650;text-decoration:none;overflow-wrap:anywhere}.project-links a:hover{background:#eff5ed}
.project-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.project-actions button{font-size:12px;color:#426e53;text-decoration:underline;font-weight:650}
.empty-panel h3{font-size:21px;margin-bottom:8px}.empty-panel p{font-size:13px;color:#6b7b6e}
.project-link-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;align-items:end;gap:8px;margin:9px 0}.project-link-row button,.add-link{border:1px solid #ced9ce;border-radius:4px;padding:10px;font-size:12px;color:#426e53}.add-link{margin-top:8px}
@media(max-width:760px){.project-list{grid-template-columns:1fr}.project-link-row{grid-template-columns:1fr}.project-link-row button{justify-self:start}}
