.why-page{max-width:1440px}.why-page h2{font-size:24px}.why-studio{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;margin-top:24px}.why-map,.why-editor{min-width:0;padding:24px}.why-editor{position:sticky;top:12px}.why-editor label{margin-top:16px;font-size:14px}.why-editor textarea{min-height:85px}.why-editor input{width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink)} .why-scroll{overflow:auto;max-height:75vh;margin-top:20px;padding:28px 20px 36px;border:1px solid #e0e6ee;border-radius:20px;background-color:#f8fafc;background-image:radial-gradient(#dce3ed 1px,transparent 1px);background-size:20px 20px}#why-tree{width:max-content;min-width:100%;zoom:var(--why-zoom,1)}.why-tree-list{position:relative;list-style:none;margin:0;padding:0}
@media screen{
.why-tree-list{display:flex;justify-content:center}
.why-tree-list>li{position:relative;display:flex;flex-direction:column;align-items:center;padding:36px 12px 0}
.why-tree-list>li::before,.why-tree-list>li::after{content:'';position:absolute;top:17px;width:50%;border-top:2px solid #9aacc5}
.why-tree-list>li::before{right:50%}
.why-tree-list>li::after{left:50%}
.why-tree-list>li:first-child::before,.why-tree-list>li:last-child::after{display:none}
.why-tree-list .why-tree-list::before{content:'';position:absolute;left:50%;top:0;height:18px;border-left:2px solid #9aacc5}
#why-tree>.why-tree-list>li{padding-top:0}
}
.why-node{position:relative;flex:none;width:216px;display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid #ced8e6;border-radius:20px;background:var(--surface);color:var(--ink);padding:12px 14px;box-shadow:0 4px 14px #172e5010;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;transition:border-color .15s,box-shadow .15s}@media screen{
.why-tree-list .why-tree-list>li>.why-card>.why-node::before{content:'';position:absolute;left:50%;top:-20px;height:19px;border-left:2px solid #9aacc5}
.why-tree-list .why-tree-list>li>.why-card>.why-node::after{content:'';position:absolute;left:50%;top:-9px;width:8px;height:8px;border-right:2px solid #9aacc5;border-bottom:2px solid #9aacc5;transform:translateX(-4px) rotate(45deg)}
}
.why-node small{display:block;align-self:flex-start;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.03em;color:#506580;background:#edf2f8;border-radius:8px;padding:3px 6px}.why-node span{font-size:15px;font-weight:500}.why-node[data-status=confirmed] small{background:#e5f4ec;color:#226744}.why-node[data-status=rejected] small{background:#f7eaea;color:#963f3f}#why-tree>.why-tree-list>li>.why-card>.why-node{border-color:#adc2f9;background:#edf2ff}#why-tree>.why-tree-list>li>.why-card>.why-node small{background:#dce6ff;color:#204fa9}.why-node[aria-pressed=true]{border:2px solid var(--accent);padding:11px 13px;background:#f5f8ff;box-shadow:0 0 0 4px #1f5bff12,0 8px 22px #173d7712}.why-node:hover{border-color:var(--accent);box-shadow:0 6px 20px #173d771a}.why-editor .actions{margin-top:16px}@media(max-width:900px){.why-studio{grid-template-columns:1fr}.why-editor{position:static}.why-map,.why-editor{padding:18px}.why-scroll{max-height:60vh}}@media print{.why-page>.panel,.why-page>.actions,.why-page>.help,.why-editor,.why-map>.actions,.why-map>.help,#why-status{display:none!important}.why-studio{display:block}.why-scroll{overflow:visible;max-height:none}#why-tree{zoom:1;width:100%}.why-node{width:100%;break-inside:avoid}.why-tree-list{padding-left:18px}.why-page h1{margin-bottom:20px}}

.why-print-report{display:none}@media print{.why-print-report{display:block;margin-top:30px}.why-print-report section{break-inside:avoid;border-top:1px solid #aaa;margin-top:18px;padding-top:14px}.why-print-report h3{font-size:18px;margin-bottom:10px}.why-print-report p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}}

@media print{.why-scroll{background:white;border:0;padding:0}.why-tree-list{margin:12px 0 0 18px;padding:0;border-left:1px solid #aaa}.why-tree-list li{display:block;padding:10px 0 0 18px}.why-tree-list::before,.why-tree-list li::before,.why-tree-list li::after,.why-node::before{display:none}.why-node{min-height:0;width:100%;box-shadow:none;padding:14px;border-radius:12px}.why-node[aria-pressed=true]{padding:13px;box-shadow:none}#why-tree>.why-tree-list{border:0}}

.why-card{position:relative}
.why-add,.why-edit{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #adc2f9;border-radius:50%;background:#edf2ff;color:#204fa9;font:600 22px/1 system-ui;cursor:pointer}
.why-add:hover,.why-edit:hover{background:#dce6ff}
.why-add:focus-visible,.why-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media screen{.why-node{min-height:50px}.why-node small{max-width:calc(100% - 36px)}}
@media print{.why-add{display:none}}

.why-edit{right:46px;font-size:19px}
.why-inline{display:none}
@media screen{
.why-card-editable .why-node small{max-width:calc(100% - 74px)}
.why-card.is-editing>.why-node,.why-card.is-editing>.why-add,.why-card.is-editing>.why-edit{display:none}
.why-card.is-editing>.why-inline{display:block;position:relative;width:216px;padding:12px;border:2px solid var(--accent);border-radius:16px;background:var(--surface);color:var(--ink)}
.why-inline label{display:block;font-size:13px;margin:0}
.why-inline textarea{display:block;width:100%;min-height:70px;margin-top:6px;padding:8px;resize:vertical;font-size:15px}
.why-inline-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.why-inline-actions .btn{padding:6px 9px;font-size:13px}
.why-inline::before{content:'';position:absolute;left:50%;top:-20px;height:19px;border-left:2px solid #9aacc5}
}
@media print{.why-edit{display:none}}

.why-node[data-root-cause=true]{border-color:#086437;background:#e3f6ed;color:#073d25}
.why-node[data-root-cause=true] small{background:#c9eedb;color:#07502e}
.why-node[data-root-cause=true][aria-pressed=true]{box-shadow:0 0 0 4px #08643724}
.why-editor .why-root-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}
.why-editor .why-root-toggle input{width:18px;height:18px;padding:0;margin:0;accent-color:#086437}
@media print{.why-node[data-root-cause=true]{print-color-adjust:exact}}

.why-root-on-card{display:none}
@media screen{
.why-card-editable>.why-node{padding-bottom:40px}
.why-card-editable>.why-node[aria-pressed=true]{padding-bottom:39px}
.why-root-on-card{position:absolute;left:13px;bottom:8px;display:flex;align-items:center;gap:6px;min-height:24px;margin:0;font-size:12px;line-height:1.25;color:#07502e;cursor:pointer}
.why-root-on-card input{width:16px;height:16px;margin:0;accent-color:#086437;cursor:pointer}
.why-card.is-editing>.why-root-on-card{display:none}
}