.method-workspace-shell{max-width:1500px;margin:auto}.method-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.method-catalog{position:sticky;top:18px;display:grid;gap:4px;padding:16px;border:1px solid #3c5e6c;border-radius:10px;background:#142b35}.method-catalog>.section-kicker{padding:7px 8px 11px}.method-catalog>a{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid transparent;border-radius:7px;color:#c3dce2;text-decoration:none;transition:background .18s,border-color .18s}.method-catalog>a:hover,.method-catalog>a:focus-visible{background:#214653;border-color:#648d9b}.method-catalog>a[aria-current=page]{background:#285367;border-color:#7ebccd;color:#fff}.method-catalog-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;background:#244957;color:#b5e4ec}.method-catalog-icon svg{width:18px;height:18px}.method-catalog>a>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.method-catalog strong{font-size:12px;line-height:1.25}.method-catalog small{font-size:10px;color:#9fbdc6}.method-catalog>a>svg:last-child{width:15px;height:15px;flex:none}.method-catalog .method-catalog-back{margin-top:11px;border-top:1px solid #3d5d69;border-radius:0;font-size:11px}.method-main{display:grid;gap:18px;min-width:0}.method-intro{position:relative;min-height:172px;padding:27px 28px;overflow:hidden;background:linear-gradient(130deg,#1b4553,#17313c 65%);border-color:#4a7280}.method-intro-icon{position:absolute;right:25px;top:24px;display:grid;place-items:center;width:65px;height:65px;border:1px solid #557d8a;border-radius:12px;background:#23546a;color:#c1eaf1}.method-intro-icon svg{width:28px;height:28px}.method-intro h2{margin:10px 72px 8px 0;font-size:clamp(27px,3vw,40px);letter-spacing:-.035em}.method-intro p{max-width:700px;margin:0;color:#c2dbe1;font-size:13px;line-height:1.55}.method-intro small{display:block;margin-top:17px;color:#9bc5d0;font-size:11px}.method-editor{padding:25px}.method-editor h3,.method-record h3{margin:3px 0;font-size:22px;letter-spacing:-.025em}.method-form{display:grid;gap:17px}.method-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.method-field{display:grid;gap:7px;min-width:0}.method-field-wide{grid-column:1/-1}.method-field label{font-size:11px;font-weight:700;color:#bfd6dc}.method-field input,.method-field select,.method-field textarea{width:100%;min-width:0;min-height:42px;padding:10px 11px;border:1px solid #547886;border-radius:6px;background:#102832;color:#f1fafb;color-scheme:dark}.method-field textarea{min-height:96px;resize:vertical}.method-field :is(input,select,textarea):focus-visible{outline:2px solid #99dfed;outline-offset:2px}.method-create-task{display:flex;align-items:center;gap:10px;font-size:12px;color:#d3e7eb;cursor:pointer}.method-create-task input{width:18px;height:18px;accent-color:#3b9aa8}.method-form>.primary{justify-self:start}.method-records{display:grid;gap:12px}.method-record{padding:22px}.method-record-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.method-record-head small{font-size:11px;color:#9dbbc4}.method-record-head>a{display:inline-flex;align-items:center;gap:7px;max-width:45%;padding:7px 9px;border:1px solid #5d8290;border-radius:6px;color:#c9eaf0;text-decoration:none;font-size:11px}.method-record-head>a:hover{background:#244e5c}.method-record-head>a svg{width:15px;height:15px;flex:none}.method-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:19px 0}.method-record dl>div{padding:13px;border:1px solid #385c69;border-radius:6px;background:#173541;min-width:0}.method-record dt{font-size:10px;color:#9abac4;text-transform:uppercase;letter-spacing:.06em}.method-record dd{margin:6px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.method-record details{border-top:1px solid #3a5f6c}.method-record summary{padding:13px 0;cursor:pointer;color:#c9e9ef;font-size:12px;font-weight:700}.method-record .method-form{padding-bottom:18px}.method-record>form:last-child{margin-top:15px}.method-empty{text-align:center;padding:50px 20px}.method-empty svg{width:32px;height:32px;color:#88becc}.method-empty h3{margin:10px 0;font-size:20px}.method-empty p{font-size:13px;color:#aac8d1}.method-quadrants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.method-quadrant{padding:20px;min-height:175px}.method-quadrant .panel-header{margin-bottom:12px}.method-quadrant h3{margin:4px 0;font-size:21px}.method-quadrant .panel-header b{font-size:24px;color:#b4e0e9}.method-quadrant a{display:grid;gap:5px;margin:6px 0;padding:11px 12px;border:1px solid #426b7b;border-radius:6px;background:#1b3b49;color:#e8f7f9;text-decoration:none}.method-quadrant a:hover{background:#275366;border-color:#8acbd9}.method-quadrant a strong{font-size:12px;overflow-wrap:anywhere}.method-quadrant a small{font-size:10px;color:#a3c4ce}.method-quadrant.do{border-top:3px solid #e6a483}.method-quadrant.plan{border-top:3px solid #8fbdda}.method-quadrant.delegate{border-top:3px solid #bdabc9}.method-quadrant.later{border-top:3px solid #71b8a6}
@media(max-width:1050px){.method-layout{grid-template-columns:1fr}.method-catalog{position:static;display:flex;overflow-x:auto;scrollbar-width:thin}.method-catalog>.section-kicker{display:none}.method-catalog>a{flex:none;width:170px}.method-catalog .method-catalog-back{margin-top:0;border-top:0}}@media(max-width:700px){.method-form-grid,.method-quadrants,.method-record dl{grid-template-columns:1fr}.method-record-head{flex-direction:column}.method-record-head>a{max-width:100%}.method-intro{padding:22px}.method-intro-icon{position:static;margin-bottom:14px;width:44px;height:44px}.method-intro-icon svg{width:22px;height:22px}.method-intro h2{margin-right:0}.method-catalog{margin:0 -16px;border-radius:0;padding:10px 16px}.method-editor,.method-record{padding:19px}}