:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#123449;background:#e7f5f5;line-height:1.5}*{box-sizing:border-box}body{margin:0}.topbar{background:#073647;color:#fff;padding:1rem max(1rem,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar h1{font-size:1.55rem;margin:.15rem 0}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#6ce0db}.topControls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.topControls select{width:auto}.topControls label{font-size:.9rem}.shell{max-width:1120px;margin:0 auto;padding:1.1rem}.sampleNotice{background:#fff2d8;border-left:5px solid #d18c22;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.panel{background:#fff;border:1px solid #b5d6df;border-radius:1rem;padding:1.35rem;margin:1rem 0;box-shadow:0 4px 18px #0b42500c}.panel h2,.panel h3{line-height:1.2}.panel h2{margin-top:0}.panel h3{margin-bottom:.3rem}.muted{color:#426172}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.choiceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.choice{border:2px solid #a9cad0;background:#f1fbfc;padding:.75rem;border-radius:.7rem;text-align:left;color:#17384b;cursor:pointer;font:inherit}.choice.selected{border-color:#007e79;background:#ddf7f0}.choice:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #e8a430;outline-offset:2px}button{font:inherit;background:#006d72;color:white;border:0;border-radius:.55rem;padding:.7rem .95rem;cursor:pointer;font-weight:700}button:hover{background:#00525a}button.secondary{background:#e8f5f6;color:#064759;border:1px solid #78b7c0}button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}label{font-weight:700;display:block;margin:.65rem 0 .25rem}input,select,textarea{font:inherit;width:100%;padding:.68rem;border:1px solid #86b2bd;border-radius:.5rem;color:#123449;background:white}textarea{min-height:100px;resize:vertical}.pathList{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.pathList li{background:#f0f7f8;border-left:5px solid #008681;padding:.8rem 1rem;border-radius:.45rem}.pathList li.current{background:#e1f8f0;border-left-color:#12986a}.pathList li.done{border-left-color:#6d6fbc}.pathList small{display:block;color:#3d5b6a}.tag{display:inline-block;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#e4f2f3;color:#164c59;padding:.25rem .55rem;border-radius:1rem}.known{border-left:5px solid #188a77}.learn{border-left:5px solid #d59629}.apply{border-left:5px solid #6174b7}.resource{border-left:5px solid #2998a9;background:#effaff}.sourceLink{font-weight:700}.feedback{padding:.65rem .8rem;border-radius:.5rem;margin:.45rem 0}.feedback.good{background:#e1f4e9;color:#075b38}.feedback.try{background:#fff2d8;color:#744300}.question{border-top:1px solid #cde0e4;padding-top:.8rem;margin-top:.8rem}.question legend{font-weight:700}.question fieldset{border:0;padding:0;margin:0}.question label{display:block;font-weight:400;background:#f4fafb;padding:.45rem .65rem;border-radius:.45rem;margin:.35rem 0}.question input{width:auto;margin-right:.45rem}.progress{height:.65rem;border-radius:1rem;background:#d5e7eb;overflow:hidden}.progress span{display:block;height:100%;background:#119a7e}.mini{font-size:.9rem}.locked{opacity:.76}.twoColumn{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:1rem;align-items:start}.sticky{position:sticky;top:1rem}dialog{border:1px solid #8ec5ca;border-radius:1rem;box-shadow:0 16px 65px #0627338c;padding:1.25rem;max-height:90vh;overflow:auto;color:#123449}dialog::backdrop{background:#052b39ad}.workDialog{width:min(1100px,96vw)}.helpDialog{width:min(520px,94vw)}.dialogHead{display:flex;justify-content:space-between;gap:1rem;align-items:start}.dialogHead h2{margin:.15rem 0}.dialogHead button{background:#e9f5f5;color:#0a4a56;padding:.25rem .7rem;font-size:1.5rem}.workGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editorStack textarea{font-family:ui-monospace,Consolas,monospace;font-size:.9rem;min-height:100px}.previewPane iframe{width:100%;min-height:470px;border:1px solid #86b2bd;border-radius:.5rem;background:white}.checklist label{font-weight:400}.checklist input{width:auto}.footerNote{font-size:.85rem;color:#536c78;margin-top:2rem}a{color:#005f91}a:hover{text-decoration-thickness:2px}@media(max-width:760px){.topbar{display:block}.topControls{margin-top:.6rem}.grid2,.twoColumn,.workGrid{grid-template-columns:1fr}.sticky{position:static}.shell{padding:.7rem}.panel{padding:1rem}.workDialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.previewPane iframe{min-height:300px}}
/* The alternate project work area is separate from contextual Help. */
[hidden]{display:none!important}
#projectWork textarea{min-height:270px}#projectWork[hidden],.workGrid[hidden]{display:none}.projectType{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem}.projectType .choice{height:100%}.projectSummary{background:#e8f8f3;border-left:5px solid #13876c;padding:.75rem 1rem;border-radius:.5rem}.unsupported{background:#fff2d8;border-left:5px solid #d18c22;padding:.75rem 1rem;border-radius:.5rem}
#floralTools[hidden],#floralPhotoPreview[hidden]{display:none}.floralToolGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.floralToolGrid section{border:1px solid #b5d6df;border-radius:.8rem;padding:.8rem;background:#f7fcfd}.floralToolGrid h3{margin:.1rem 0 .6rem}.photoLabel{display:inline-block;background:#e8f5f6;color:#064759;border:1px solid #78b7c0;border-radius:.55rem;padding:.6rem .8rem;cursor:pointer}#floralPhoto{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}#floralPhoto:focus-visible+.floralToolGrid{outline:3px solid #e8a430}.floralToolGrid img{display:block;max-width:100%;max-height:260px;margin-top:.6rem;border-radius:.5rem}.sketchTools{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.sketchTools button{padding:.45rem .6rem}.sketchTools .swatch{width:2rem;height:2rem;border:2px solid #fff;box-shadow:0 0 0 1px #58848c;border-radius:50%;padding:0}.sketchTools .swatch[data-ink="#172f40"]{background:#172f40}.sketchTools .swatch[data-ink="#1776b5"]{background:#1776b5}.sketchTools .swatch[data-ink="#0d8d62"]{background:#0d8d62}.sketchTools .swatch[data-ink="#c5474a"]{background:#c5474a}.sketchTools .swatch.active{box-shadow:0 0 0 3px #e8a430}#floralSketch{display:block;width:100%;height:auto;touch-action:none;background:#fff;border:2px solid #86b2bd;border-radius:.5rem;cursor:crosshair}#projectWork.floralWork textarea{min-height:90px}#projectWork.floralWork #workSource{max-width:100%}.optionalInquiry summary{cursor:pointer;font-weight:800}.optionalInquiry li{margin:.6rem 0}@media(max-width:760px){.floralToolGrid{grid-template-columns:1fr}.floralToolGrid section{padding:.55rem}}
/* Academic tools and diagnostic discussion are additive to the accepted project flow. */
.academic{border-left:5px solid #7658ab;background:#fbf9ff}.thinking{border-left:5px solid #c78225;background:#fffaf0}.thinkingMove,.thinkingBranch{background:#f0ebfa;border-radius:.55rem;padding:.7rem .85rem}.thinkingBranch{margin-top:1rem;background:#e8f8f3}.thinkingBranch p{margin:.3rem 0 0}.modelList{padding-left:1.4rem}.modelList li{margin:.65rem 0}.modelList strong{color:#503583}
.phasePurpose{padding:.7rem .85rem;border-radius:.55rem}.theoryPurpose{background:#fff2d8;border-left:4px solid #d59629}.actionPurpose{background:#e8edf9;border-left:4px solid #6174b7}
.phaseLegend{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem}.phaseLegend span{display:inline-block;border-radius:.45rem;padding:.4rem .65rem;font-size:.88rem;font-weight:750;border:2px solid}.phaseLegend .legendTheory{background:#fff2d8;border-color:#b97716;color:#563506}.phaseLegend .legendSource{background:#def5f5;border-color:#167f88;color:#084c55}.phaseLegend .legendAction{background:#e2eeff;border-color:#3562a8;color:#173f7d}
.floralAcademic,.floralPractice{border-left:5px solid #d59629;background:#fffaf0}.floralAcademic .thinkingMove{background:#fff2d8}
.floralApply{border-left-color:#3562a8}.projectActionCard{background:#eaf2ff;border:3px solid #3562a8;border-radius:.85rem;padding:1rem;color:#17334d}.projectActionCard .actionKey{display:inline-block;margin:0 0 .35rem;background:#27569a;color:#fff;padding:.4rem .7rem;border-radius:.4rem;font-size:.83rem;font-weight:800;letter-spacing:.03em}.projectActionCard h4{color:#173f7d;margin-bottom:.2rem}.projectActionCard p{margin-top:.35rem}.projectActionCard .projectSummary{background:#d8e8ff;border-left-color:#3562a8}.projectActionCard .projectWorkButton{background:#27569a;color:#fff}.projectActionCard .projectWorkButton:hover{background:#173f7d}.projectActionCard label{color:#173f7d}.projectActionCard textarea{background:#fff;color:#123449}
.actionCount{font-weight:800;color:#173f7d}.actionDirective{font-size:1.08rem;font-weight:650;line-height:1.6}.actionTheory,.actionSource,.actionCheckpoint{background:#fff;border-left:4px solid #3562a8;border-radius:.45rem;padding:.7rem .8rem;margin:.8rem 0}.actionTheory{border-left-color:#b97716;background:#fff7e7}.actionSource{border-left-color:#167f88;background:#e9fafa}.actionCheckpoint{border-left-color:#27569a;background:#f7faff}.actionConfirm{display:flex;align-items:flex-start;gap:.6rem;background:#fff;border:1px solid #82a4d4;border-radius:.55rem;padding:.75rem;margin-top:1rem!important;font-weight:650!important}.actionConfirm input{width:1.3rem;height:1.3rem;flex:none;margin:.1rem 0 0}.projectActionCard #instructionMessage:empty{display:none}
.webDepth{border-left:5px solid #7658ab;background:#f9f7ff}.webDepth .tag{background:#e9ddf8;color:#4c2d79}.webDepth h4{margin-bottom:.25rem}.webSourceFocus{background:#def5f5;border-left:4px solid #167f88;padding:.7rem .85rem;border-radius:.45rem}
.sideTheory{border-left:5px solid #d59629}.sideTheory .tag{background:#fff2d8;color:#563506}.sideSource{border-left:5px solid #167f88}.sideSource .tag{background:#def5f5;color:#084c55}.sideAction{border-left:5px solid #3562a8}.sideAction .tag{background:#e2eeff;color:#173f7d}
@media(max-width:760px){.phaseLegend span{flex:1 1 100%}.projectActionCard{padding:.75rem}.projectActionCard .projectWorkButton{width:100%}}
#floralPhoto:focus-visible+.photoLabel,.photoLabel:has(+ #floralPhoto:focus-visible){outline:3px solid #e8a430;outline-offset:2px}
.readiness{border-left:6px solid #6d58a5}.readiness .tag{background:#eee8f8;color:#503583}.readinessSource{background:#eaf8fa;border-left:5px solid #167f88;border-radius:.5rem;padding:.8rem 1rem;margin:1rem 0}.readinessSource p{margin:.35rem 0}.readinessTask{background:#eaf2ff;border-left:5px solid #3562a8;border-radius:.5rem;padding:.8rem 1rem;margin:1rem 0}.readinessTask p{margin:.35rem 0}.readinessTask textarea{min-height:125px}.readinessTask input[type=file]{background:#fff}.readiness .question{background:#fff;padding:.85rem;border-radius:.5rem;border:1px solid #cde0e4}.readiness .question .choiceGrid{margin-top:.5rem}
.preparationGuide{border:1px solid #d8be85;border-left:5px solid #b97716;border-radius:.6rem;padding:1rem;margin:1rem 0;background:#fffaf0}.preparationGuide h4{font-size:1.1rem;margin:.5rem 0}.sketchExample{display:block;width:min(100%,440px);margin:.7rem auto;border:1px solid #c8dbe3;border-radius:.6rem;background:#fff}.practicePreview{display:inline-block;max-width:min(100%,350px);max-height:220px;margin:.7rem .5rem .2rem 0;border:1px solid #86b2bd;border-radius:.5rem;background:white}.preparationGuide .actions button{font-size:.94rem}
