.r80{background:#fbfcf8;border:1px solid #c5d9ce;border-radius:22px;margin:36px 0 48px;padding:28px;scroll-margin-top:100px}.r80 h2{margin:4px 0 14px;font-size:1.8rem}.r80 .r80-kicker,.r80-mini{letter-spacing:.03em;color:#31625a;font-size:.8rem;font-weight:700}.r80-grid{grid-template-columns:minmax(0,1.7fr) minmax(190px,1fr);align-items:start;gap:24px;display:grid}.r80-canvas{background:#f1f6ee;border-radius:16px;min-width:0;overflow:hidden}.r80-canvas svg{width:100%;height:auto;display:block}.r80-field{flex-direction:column;gap:8px;margin-bottom:18px;font-size:.95rem;font-weight:600;display:flex}.r80 select,.r80 input:not([type=checkbox]){color:#073f3d;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #87a99d;border-radius:8px;padding:10px}.r80 input[type=range]{padding:0}.r80 button{color:#073f3d;min-height:44px;font:inherit;cursor:pointer;background:#e7efdd;border:1px solid #0a6963;border-radius:8px;padding:9px 13px;font-weight:600}.r80 :is(button,select,input,a):focus-visible{outline-offset:3px;outline:3px solid #335dba}.r80-feedback{border-top:1px solid #d1dfd4;min-height:48px;margin-top:20px;padding-top:18px}.r80-request{white-space:pre-wrap;overflow-wrap:anywhere;color:#f3f8ea;background:#073f3d;border-radius:12px;max-height:380px;padding:20px;font:.9rem/1.6 ui-monospace,monospace;overflow:auto}.r80-copy-status{min-height:24px;font-size:.9rem}.r80-downloads{flex-wrap:wrap;gap:10px 20px;margin-top:18px;display:flex}.r80-photo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.r80-photo-row figure{min-width:0;margin:0;overflow:hidden}.r80-photo-row img{object-fit:contain;transform-origin:50%;width:100%;height:260px;display:block}.r80-photo-row figcaption{padding:9px;font-size:.8rem}.r80-annotated{outline-offset:-5px;outline:3px dashed #9d382f}.r80-crop-frame{aspect-ratio:1;background:#dceee7;width:240px;max-width:100%;margin:30px auto;position:relative;overflow:hidden}.r80-crop-frame img{object-fit:cover;width:100%;height:100%}.r80-crop-circle{border-radius:50%}.r80-crop-tall{aspect-ratio:9/16}.r80-placement{position:relative}.r80-placement img{width:100%;height:auto;display:block}.r80-placement-copy{color:#073f3d;width:38%;position:absolute;top:10%;left:5%}.r80-placement-copy h4{margin:10px 0;font-size:clamp(1.1rem,3vw,1.8rem);line-height:1.2}.r80-placement-stacked .r80-placement-copy{width:auto;padding:20px;position:static}.r80-placement-crowded .r80-placement-copy{width:48%;top:15%}.r80-table-wrap{padding:8px;overflow:auto}.r80 table{border-collapse:collapse;width:100%;font-size:.9rem}.r80 th,.r80 td{text-align:left;border-bottom:1px solid #bacdc0;padding:12px}.r80 th{color:#fff;background:#073f3d}.r80-result{padding:8px 18px;font-weight:700}.r80-local-form{padding:20px}.r80-source-entry{border-bottom:1px solid #c5d9ce;padding:14px 20px}.r80-source-entry h4{margin:0 0 8px}.r80-source-entry p{margin:0 0 8px;font-size:.95rem}.r80-source-entry a{display:block}.r80-story-list{padding:10px 10px 10px 38px}.r80-story-list li{border-bottom:1px solid #c5d9ce;padding:12px}.r80-story-list strong{margin-bottom:12px;display:block}.r80-story-list button{margin-right:6px;font-size:.75rem}.r80-rule-list{gap:18px;padding:24px;display:grid}.r80-rule-list label{align-items:center;gap:12px;display:flex}.r80-rule-list input{flex-shrink:0;width:22px;height:22px}.r80-choice-cards{border:0;gap:10px;margin:0;padding:0;display:grid}.r80-choice-cards legend{padding:0 0 12px;font-size:.95rem;font-weight:700}.r80-choice-cards button{text-align:left;background:#fff}.r80-choice-cards button[aria-pressed=true]{background:#d4ef72;border-color:#073f3d}.r80:not([data-visual=photo]):not([data-visual=annotated-photo]):not([data-visual=crop]):not([data-visual=placement]) .r80-grid{grid-template-columns:1fr}.r80:not([data-visual=photo]):not([data-visual=annotated-photo]):not([data-visual=crop]):not([data-visual=placement]) .r80-choice-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.r80-canvas svg{min-width:0}.r80-svg-viewport{overflow-x:auto}.r80-svg-expanded svg{min-width:680px}.r80-visual-size{margin:10px 14px;font-size:.85rem!important}.r80-svg-viewport:focus-visible{outline-offset:-3px;outline:3px solid #335dba}@media (width<=800px){.r80{border-radius:16px;padding:18px 14px}.r80-grid{grid-template-columns:1fr}.r80 h2{font-size:1.5rem}.r80-photo-row img{height:210px}.r80-controls{grid-template-columns:1fr;gap:4px;display:grid}.r80-placement-copy h4{font-size:1rem}.r80-request,.r80 table{font-size:.8rem}.r80 .r80-choice-cards{grid-template-columns:1fr!important}}.article .r80 table th,.r80 table thead th{color:#fff!important;background:#073f3d!important}.portrait-contents[data-astro-cid-nc3hehz6] summary[data-astro-cid-nc3hehz6]{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:700;display:flex}.portrait-contents[data-astro-cid-nc3hehz6] summary[data-astro-cid-nc3hehz6]:before{content:"+";font-size:1.2rem}.portrait-contents[data-astro-cid-nc3hehz6] details[data-astro-cid-nc3hehz6][open]>summary[data-astro-cid-nc3hehz6]:before{content:"−"}.portrait-example-first .article-header{padding-bottom:8px}.portrait-example-first .article-grid{padding-top:12px}.portrait-example-first .article>h2:first-child{margin-top:0}@media (width<=700px){.portrait-contents[data-astro-cid-nc3hehz6]{border-top:0;padding-top:0}.portrait-example-first .article-grid{gap:12px}.portrait-example-first .article-header{padding-top:24px}.portrait-example-first .breadcrumbs{margin-bottom:18px}.portrait-example-first .article-header h1{margin:14px 0 16px;font-size:2.25rem}.portrait-example-first .article-header .meta{margin-bottom:12px}.portrait-example-first .article>h2:first-child+.demo-pair{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}}.portrait-workshop{color:#163d38;background:#f8faf6;border:1px solid #bdd3c9;border-radius:1.25rem;margin:3.5rem 0;padding:clamp(1rem,3vw,2rem);scroll-margin-top:6rem}.portrait-workshop header h2{font-size:clamp(1.65rem,3vw,2.3rem);margin-top:.2rem!important}.portrait-skill{border-left:3px solid #b7d943;padding-left:1rem}.portrait-origin,.portrait-actual-limit{color:#52665b;font-size:.9rem}.portrait-workshop img{border-radius:.75rem;width:100%;height:auto;display:block}.portrait-workshop figure{margin:0}.portrait-workshop figcaption{padding:.6rem 0;font-size:.85rem;line-height:1.4}.portrait-workshop button{color:#0a5754;cursor:pointer;font:inherit;background:#fff;border:1px solid #9ab8ac;border-radius:.55rem;min-height:44px;padding:.65rem .8rem;font-size:.9rem;line-height:1.3}.portrait-workshop button[aria-pressed=true]{color:#fff;background:#0a5754;border-color:#0a5754}.portrait-workshop button:disabled{opacity:.55;cursor:default}.portrait-workshop :is(button,input,textarea,select):focus-visible{outline-offset:3px;outline:3px solid #779d00}.portrait-workshop input[type=range]{accent-color:#0a5754;width:100%}.portrait-workshop input:is([type=checkbox],[type=radio]){accent-color:#0a5754;flex-shrink:0;width:1.15rem;height:1.15rem}.portrait-workshop fieldset{border:1px solid #bdd3c9;border-radius:.65rem;margin:1rem 0;padding:1rem}.portrait-workshop legend{padding:0 .4rem;font-weight:700}.reference-cards,.portrait-brief-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0;display:grid}.reference-card,.portrait-brief-map article{background:#fff;border:1px solid #cbdcd2;border-radius:.8rem;min-width:0;padding:1rem}.reference-card h3,.portrait-brief-map h3{margin:.4rem 0;font-size:1.1rem}.reference-card svg{width:100%;height:auto;display:block}.reference-swatch{aspect-ratio:3/2;background:#0a5754;border-radius:.65rem}.reference-choices,.portrait-candidate-tabs,.portrait-repair-choices{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.reference-choices button{flex:80px;font-size:.8rem}.reference-targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.reference-targets>div{border:2px dashed #9bb7a9;border-radius:.7rem;padding:.8rem;font-size:.85rem}.reference-targets .drag-over{background:#e4f0bd;border-color:#0a5754}.portrait-brief-map article>span{color:#61734e;font-size:.8rem}.portrait-fields{grid-template-columns:minmax(0,1fr);gap:1rem;margin:1rem 0;display:grid}.portrait-fields label{gap:.4rem;min-width:0;font-weight:650;display:grid}.portrait-fields :is(input,textarea,select){font:inherit;box-sizing:border-box;color:#143f38;background:#fff;border:1px solid #9ab8ac;border-radius:.5rem;width:100%;min-width:0;padding:.75rem;font-weight:400}.source-observation{border-bottom:1px solid #dae4dc;gap:.7rem;padding:.8rem 0;display:flex}.source-observation:last-child{border:0}.source-observation span>span,.source-observation small{margin:.3rem 0;font-size:.92rem;font-weight:400;display:block}.source-observation small{color:#52665b}.source-coach figure{margin-bottom:1.3rem}.portrait-light-lab .light-map svg{width:100%;height:auto;max-height:330px;display:block}.portrait-light-lab fieldset label{align-items:center;gap:.5rem;margin:.3rem 1rem .3rem 0;display:inline-flex}.portrait-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.portrait-transfer{border-top:1px solid #bdd3c9;margin-top:1.5rem;padding-top:1rem}.portrait-transfer h3{font-size:1.1rem}.portrait-request{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;color:#143f38;box-sizing:border-box;background:#edf3e9;border:1px solid #cbdcd2;border-radius:.6rem;max-width:100%;padding:1rem;font-size:.88rem;line-height:1.65}.portrait-request code{white-space:inherit;color:inherit;word-break:inherit;background:0 0}.portrait-transfer [role=status]{min-height:1.6em}.portrait-workshop [hidden]{display:none!important}@media (width<=700px){.reference-cards,.portrait-brief-map,.reference-targets{grid-template-columns:1fr}.reference-card img{object-fit:contain;max-height:260px}.portrait-compare-grid{gap:.5rem}.portrait-workshop{padding:1rem}.portrait-compare-grid figcaption{font-size:.75rem}}@media (prefers-reduced-motion:no-preference){.portrait-workshop button{transition:background .15s,color .15s}}.portrait-workshop .portrait-request{padding-top:4rem;position:relative}.portrait-workshop .portrait-request .copy-button{color:#0a5754;background:#fff;position:absolute;top:.6rem;right:.6rem}.portrait-detail-window{background-color:#e3ece5;background-repeat:no-repeat;background-size:250%;border:1px solid #bdd3c9;border-radius:.7rem;height:280px}.portrait-detail-lab .portrait-compare-grid{margin:1rem 0}@media (width<=700px){.portrait-detail-window{background-size:350%;height:170px}}.portrait-colour-lab svg{width:100%;height:auto;max-height:280px;display:block}.portrait-colour-lab fieldset label{align-items:center;gap:.6rem;margin:.6rem 0;display:flex}.portrait-colour-dot{vertical-align:middle;border:1px solid #63756a;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;display:inline-block}.portrait-context-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.portrait-context-cards button{text-align:left;flex-direction:column;gap:.65rem;min-height:9rem;padding:1rem;display:flex}.portrait-context-cards span{font-size:.9rem;line-height:1.6}.portrait-context-path{background:#eaf3ed;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.7rem;margin:1.5rem 0;padding:1rem;display:flex}.portrait-context-path span:not([aria-hidden]){flex:1;min-width:8rem;font-weight:650}.portrait-context-lab>label{flex-direction:column;gap:.5rem;display:flex}.portrait-context-lab input{font:inherit;border:1px solid #a7bdb7;border-radius:.5rem;width:100%;padding:.8rem}.portrait-sample-figure{margin:0}.portrait-sample-canvas{position:relative}.portrait-sample-figure img{border-radius:1rem;width:100%;height:auto;display:block}.portrait-sample-marker{width:2.25rem;height:2.25rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0b5b57;color:#fff!important;background:#0b5b57!important;border:2px solid #fff!important;border-radius:50%!important;padding:0!important}.portrait-sample-marker[aria-pressed=true]{color:#123e38!important;background:#b6da45!important}.portrait-sample-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.portrait-sample-swatches>div{flex-direction:column;gap:.4rem;display:flex}.portrait-sample-chip{border:1px solid #a7bdb7;border-radius:.6rem;height:4rem;display:block}.portrait-sample-swatches code{white-space:normal}.portrait-sample-lab figcaption{margin-top:.5rem;font-size:.85rem}@media (width<=600px){.portrait-context-cards{grid-template-columns:1fr}.portrait-context-cards button{min-height:0}.portrait-context-path{flex-direction:column;align-items:stretch}.portrait-context-path span[aria-hidden]{text-align:center;transform:rotate(90deg)}}.portrait-layout-lab>label{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.portrait-layout-lab input{width:100%;font:inherit;border:1px solid #a7bdb7;border-radius:.5rem;padding:.8rem}.portrait-layout-frame{background:#d8eee3;border-radius:1rem;width:100%;position:relative;overflow:hidden}.portrait-layout-frame>img{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0}.portrait-layout-copy{color:#123e38;overflow-wrap:anywhere;width:33%;position:absolute;top:13%;left:62%}.portrait-layout-copy p{text-transform:uppercase;letter-spacing:.06em;margin:0 0 .7rem;font-size:clamp(.55rem,1vw,.75rem);font-weight:700}.portrait-layout-copy h3{margin:0!important;font-size:clamp(1rem,2vw,1.9rem)!important;line-height:1.2!important}.portrait-layout-lab figure{margin:1rem 0}.portrait-layout-lab figcaption{margin-top:.6rem;font-size:.85rem}.portrait-coverage-lab figure{margin:0 0 1rem}.portrait-coverage-lab img{border-radius:1rem;width:100%;height:auto}.portrait-coverage-lab figcaption{font-size:.85rem}.portrait-coverage-lab svg{width:100%;height:auto;margin:1rem 0;display:block}.portrait-alpha-stage{background:#fff;border:1px solid #a7bdb7;border-radius:1rem;overflow:hidden}.portrait-alpha-stage[data-background=dark]{background:#123e38}.portrait-alpha-stage[data-background=checks]{background-color:#fff;background-image:linear-gradient(45deg,#d3ddd6 25%,#0000 25%),linear-gradient(-45deg,#d3ddd6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d3ddd6 75%),linear-gradient(-45deg,#0000 75%,#d3ddd6 75%);background-position:0 0,0 15px,15px -15px,-15px 0;background-size:30px 30px}.portrait-alpha-stage img{width:100%;height:auto;display:block}.portrait-alpha-lab figure{margin:1rem 0}.portrait-alpha-lab figcaption{margin-top:.5rem;font-size:.85rem}.portrait-alpha-toggle{align-items:center;gap:.5rem;margin:1rem 0;display:flex}.portrait-alpha-toggle input{width:1.2rem;height:1.2rem}.portrait-draft-notice{background:#f4eddd;border-radius:.6rem;margin:1.5rem 0;padding:.85rem 1rem;font-size:.85rem;line-height:1.6}.portrait-route-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.portrait-route-questions fieldset{flex-direction:column;gap:.8rem;margin:0;display:flex}.portrait-route-questions label{align-items:flex-start;gap:.5rem;display:flex}.portrait-route-questions input{flex-shrink:0;margin-top:.35rem}.portrait-route-result{background:#e5efdd;border-left:4px solid #a9ce37;border-radius:0 .6rem .6rem 0;margin:1.2rem 0;padding:1.2rem}.portrait-route-result h3{margin:.6rem 0}.portrait-route-result a{color:#0b5b57;font-weight:650}@media (width<=760px){.portrait-route-questions{grid-template-columns:1fr}}.portrait-feature-canvas{position:relative}.portrait-feature-canvas>img{border-radius:1rem;width:100%;height:auto;display:block}.portrait-feature-canvas>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait-feature-canvas>button{background:#fffdf6;border-radius:50%;width:2.4rem;height:2.4rem;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.portrait-feature-lab figure{margin:0 0 1rem}.portrait-feature-lab figcaption{margin-top:.5rem;font-size:.85rem}.portrait-feature-facts{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.portrait-feature-facts article{background:#eaf2e9;border-radius:.6rem;padding:1rem}.portrait-feature-facts h3{margin:0 0 .6rem}.portrait-feature-facts p{margin:0}@media (width<=600px){.portrait-feature-facts{grid-template-columns:1fr}}.portrait-edge-lab svg{width:100%;height:auto;margin:1rem 0;display:block}.portrait-edge-lab fieldset{flex-direction:column;gap:.75rem;display:flex}.portrait-edge-lab>label{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.portrait-edge-lab input[type=range]{accent-color:#0b5b57;width:100%}.beginner-task-map{color:#163e37;margin:1rem 0 3rem}.beginner-task-map>header{color:#fff;background:#075754;border-radius:1rem;padding:clamp(1.2rem,3vw,2rem)}.beginner-task-map>header .eyebrow{color:#d1ee74}.beginner-task-map>header h2{color:inherit;margin:.2rem 0 .8rem;font-size:clamp(1.7rem,3vw,2.4rem)}.beginner-task-map>header p:last-child{margin-bottom:0}.task-map-controls{background:#edf5e9;border:1px solid #bad0b9;border-radius:.8rem;margin:1.3rem 0;padding:1.3rem}.task-map-controls fieldset{border:0;min-width:0;margin:0;padding:0}.task-map-controls legend{font-size:1.15rem;font-weight:750}.task-map-controls fieldset>p{font-size:.95rem}.task-role-options{flex-wrap:wrap;gap:.6rem;display:flex}.task-role-options label{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #8dad9b;border-radius:2rem;align-items:center;gap:.55rem;min-height:44px;padding:.65rem .85rem;display:flex}.task-role-options input{accent-color:#075754;width:1.1rem;height:1.1rem;margin:0}.task-role-options label:has(input:checked){background:#d9eeaa;border-color:#075754}.task-map-controls button{font:inherit;color:#075754;cursor:pointer;background:#fff;border:1px solid #8dad9b;border-radius:.5rem;min-height:44px;margin-top:1rem;padding:.6rem .9rem;font-size:.9rem}.task-map-controls [role=status]{margin-bottom:0;font-size:.9rem}.task-map-start{font-size:1rem}.beginner-task-list{gap:.65rem;display:grid}.beginner-task-card{background:#fff;border:1px solid #b8cec0;border-radius:.8rem;overflow:hidden;margin:0!important;padding:0!important}.beginner-task-card>summary{cursor:pointer;align-items:center;gap:.9rem;min-height:44px;padding:1.15rem;list-style:none;display:flex}.beginner-task-card>summary::-webkit-details-marker{display:none}.task-number{color:#075754;background:#e8f0dd;border-radius:50%;flex-shrink:0;place-items:center;width:2.2rem;height:2.2rem;font-size:.85rem;display:grid}.beginner-task-card>summary>span:nth-child(2){flex:1;min-width:0}.beginner-task-card summary strong{font-size:1.07rem;line-height:1.4;display:block}.beginner-task-card summary small{color:#52705e;margin-top:.35rem;font-size:.85rem;font-weight:400;display:block}.task-disclose{color:#075754;font-size:1.5rem}.beginner-task-card[open]>summary{background:#f0f6e8;border-bottom:1px solid #b8cec0}.beginner-task-card[open] .task-disclose{transform:rotate(45deg)}.task-details{padding:clamp(1rem,3vw,1.5rem)}.task-benefit{font-size:1.08rem;margin-top:0!important}.task-details dl{background:#f6f8f1;border-radius:.6rem;gap:.8rem;padding:1rem;display:grid}.task-details dt{color:#075754;font-size:.85rem;font-weight:750}.task-details dd{margin:.2rem 0 0;font-size:.96rem}.task-details h3{font-size:1.15rem}.task-details pre{overflow-wrap:anywhere;white-space:pre-wrap!important;word-break:normal!important;color:#133d34!important;background:#edf5ed!important;max-height:none!important;font-size:.88rem!important}.task-details pre code{white-space:inherit!important;word-break:inherit!important}.task-links{flex-wrap:wrap;gap:1rem;margin-top:1.2rem;font-size:.9rem;display:flex}.beginner-feature-map,.beginner-access{margin-top:3rem}.feature-table-scroll{border:1px solid #b8cec0;border-radius:.7rem;max-width:100%;overflow-x:auto}.feature-table-scroll table{width:100%;min-width:650px;margin:0;font-size:.9rem;display:table}.feature-table-scroll :is(th,td){vertical-align:top;word-break:normal;white-space:normal!important;padding:.85rem!important}.feature-table-scroll th{color:#075754}.feature-table-scroll thead{background:#eaf3e3}.feature-table-scroll caption{text-align:left;background:#f7faf2;padding:1rem;font-weight:700}.beginner-access ol{padding-left:1.5rem}.beginner-access li{padding:.4rem 0}.task-map-sources{margin-top:2rem!important}.beginner-task-map [hidden]{display:none!important}.beginner-task-map :is(summary,input,button,a,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #749c0d}.beginner-task-card{scroll-margin-top:6rem}@media (width<=600px){.beginner-task-card summary{gap:.6rem;padding:1rem}.task-number{width:1.8rem;height:1.8rem}.task-role-options{gap:.5rem}.task-role-options label{font-size:.9rem}.task-links{gap:.75rem;display:grid}.task-map-controls{padding:1rem}.beginner-task-map>header{padding:1.2rem}}.visual-explainer{background:#fcfdf8;border:1px solid #86aaa0;border-radius:14px;margin:24px 0 32px;overflow:hidden}.visual-explainer>header{padding:22px 24px 12px}.visual-brand{letter-spacing:-.04em;color:#064c48;font-size:1rem;font-weight:850;display:inline-block}.visual-brand small{font-size:.65em;font-weight:600}.visual-brand>span{color:#619514}.visual-label{float:right;text-transform:uppercase;letter-spacing:.08em;color:#456e5b;font-size:.62rem;font-weight:750}.visual-explainer h3{margin:14px 0 12px;font-size:1.45rem!important}.visual-explainer h4{margin:0 0 12px;font-size:1rem}.visual-explainer p{margin:0 0 14px;font-size:.95rem}.visual-explainer>header p{color:#456e5b}.visual-controls{flex-wrap:wrap;gap:14px;padding:6px 24px 16px;display:flex}.visual-controls>label{flex:1;gap:10px;min-width:200px;max-width:100%;font-size:.9rem;font-weight:700;display:grid}.visual-controls output{color:#064c48;font-size:1.2rem;display:block}.visual-controls input[type=range]{accent-color:#064c48;cursor:ew-resize;width:100%;min-height:36px}.visual-controls input[type=date]{font:inherit;color:#183f36;background:#fff;border:1px solid #86aaa0;border-radius:6px;min-height:48px;padding:12px}.visual-controls .visual-toggle{align-items:start;gap:12px;font-weight:500;display:flex}.visual-toggle input{accent-color:#064c48;flex:none;width:20px;height:20px}.visual-switch{flex-wrap:wrap;gap:8px;display:flex}.visual-switch button,.visual-inspect button{font:inherit;color:#064c48;cursor:pointer;background:#fff;border:1px solid #789e8d;border-radius:6px;min-height:44px;padding:10px 13px;font-size:.88rem}.visual-switch button[aria-pressed=true]{color:#fff;background:#064c48}.visual-inspect{padding:10px 24px}.visual-explainer>p,.visual-explainer>[data-visual-detail]{margin:12px 24px}.visual-explainer [data-visual-detail]{background:#eef5ec;border-left:3px solid #649730;padding:12px 16px;font-size:.9rem}.visual-result,.visual-explainer>[data-visual-result]{background:#eef5ec;border-top:1px solid #bed1c4;padding:16px;font-weight:600;line-height:1.6}.visual-explainer footer{background:#f4f7ee;border-top:1px solid #bed1c4;padding:16px 24px}.visual-explainer footer p{color:#456354;font-size:.81rem;line-height:1.6}.visual-explainer footer>span{letter-spacing:.02em;color:#064c48;font-size:.68rem;font-weight:750}.explainer-chart{width:100%;height:auto;padding:8px 12px 0;display:block;overflow:visible}.chart-grid{stroke:#d4e2d7;stroke-width:1px}.chart-axis{stroke:#6f9186;stroke-width:1.3px}.chart-tick,.chart-label,.chart-unit,.chart-value{fill:#284d43;font-family:inherit;font-size:11px}.chart-unit,.chart-value{font-size:11px;font-weight:700}.chart-label{font-size:10px}.chart-bar{fill:#176b63}.chart-bar.chart-negative{fill:#b76e45}.chart-bar.chart-unknown{fill:none;stroke:#8d6953;stroke-width:2px;stroke-dasharray:3 2}.chart-line{fill:none;stroke:#176b63;stroke-width:4px}.chart-line-1{stroke:#aa5a33;stroke-dasharray:7 4}.chart-marker{stroke:#527333;stroke-width:2px;stroke-dasharray:3 4}.chart-value-list{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;padding:8px 24px 14px;display:grid}.chart-value-list>span{border:1px solid #cadccf;border-radius:6px;padding:10px;font-size:.95rem}.chart-value-list strong,.chart-value-list small{font-size:.76rem;line-height:1.5;display:block}.chart-value-list strong{margin-bottom:4px}.chart-value-list small:empty{display:none}.chart-legend{flex-wrap:wrap;gap:18px;padding:0 24px 12px;font-size:.8rem;display:flex}.line-key:before{content:"";background:#176b63;width:22px;height:4px;margin:0 7px 3px 0;display:inline-block}.line-key-1:before{background:#aa5a33}.carton-scene{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:12px 24px 24px;display:grid}.carton{background:#e3efe4;border:2px solid #759f8e;border-radius:10px;padding:12px}.carton>div{grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0;display:grid}.carton strong,.carton small{font-size:.8rem;display:block}.sample-dot{aspect-ratio:1;background:#d1f36f;border:1px solid #728c3a;border-radius:50%;box-shadow:inset -3px -3px #90b84a}.sample-empty{box-shadow:none;background:#f8faf3;border:1px dashed #759f8e}.overlap-scene{max-width:390px;height:250px;margin:20px auto;position:relative}.theme-circle{border:2px solid #517f6c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:230px;height:230px;display:flex;position:absolute;top:12px}.theme-a{background:#c7e8d0;padding-right:50px;left:0}.theme-b{background:#dff396c9;padding-left:50px;right:0}.theme-circle strong,.theme-circle span{font-size:.88rem}.overlap-button{color:#fff;z-index:1;max-width:85px;min-height:48px;font:inherit;cursor:pointer;background:#064c48;border:0;border-radius:7px;padding:10px;font-size:.82rem;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.word-diff{border-block:1px solid #b4cdbb;grid-template-columns:1fr 1fr;gap:0;display:grid}.word-diff>div{padding:22px 24px}.word-diff>div:first-child{background:#edf5f0;border-right:1px solid #b4cdbb}.word-diff p{margin:0;font-size:1.04rem;line-height:1.8}.word-diff mark{color:#173e34;background:#d1f36f;border-radius:3px;padding:1px 2px}.visual-timeline{gap:0;margin:22px 0;padding:0 24px;list-style:none;display:flex}.visual-timeline li{border-top:3px solid #759f8e;flex:1;min-width:0;padding:18px 6px 0 0;position:relative}.visual-timeline li:before{content:"";background:#d1f36f;border:2px solid #064c48;border-radius:50%;width:13px;height:13px;position:absolute;top:-8px;left:10px}.visual-timeline li>span{min-height:36px;font-size:.7rem;font-weight:700;display:block}.visual-timeline button{font:inherit;color:#064c48;cursor:pointer;text-align:left;background:#edf5ed;border:1px solid #86aaa0;border-radius:6px;width:100%;min-height:85px;padding:10px 8px}.visual-timeline button[aria-pressed=true]{color:#fff;background:#064c48}.visual-timeline strong,.visual-timeline small{font-size:.78rem;line-height:1.4;display:block}.visual-timeline small{margin-top:6px;font-size:.7rem;font-weight:400}.notice-track{border-top:3px solid #759f8e;gap:0;margin:18px 24px;display:flex}.notice-track>span{flex:.8;padding-top:18px;font-size:.72rem}.notice-track>div{border-left:1px solid #86aaa0;flex:1;padding:18px 8px}.notice-track strong,.notice-track span{font-size:.84rem;display:block}.notice-track>div span{margin-top:8px;font-size:.72rem}.approval-scene{background:#e8f2e9;justify-items:center;gap:8px;margin:14px 24px;padding:20px;display:grid}.approval-scene>div{text-align:center;background:#fff;border:1px solid #739b89;border-radius:8px;min-width:200px;padding:14px 20px;font-size:.9rem}.approval-scene [data-approval-stage]{color:#fff;background:#064c48}.threshold-marker{margin-top:12px;font-size:.78rem}.filter-table{margin:12px 24px;overflow-x:auto}.filter-table table{min-width:460px}.filter-table td,.filter-table th{padding:10px 8px;font-size:.83rem}.filter-table tr[data-included=true]{background:#e5f3cf}.context-layer-list{gap:12px;padding:10px 24px;display:grid}.context-layer-list label{background:#edf5f0;border:1px solid #b4cdbb;border-radius:7px;gap:12px;padding:14px;font-size:.9rem;display:flex}.context-layer-list input{accent-color:#064c48;flex:none;width:22px;height:22px}.context-layer-list label>span>strong,.context-layer-list label>span>span,.context-layer-list label>span>small{display:block}.context-layer-list small{color:#446b58;margin-top:9px;font-size:.8rem}.context-window{border:2px solid #176b63;border-radius:8px;margin:14px 24px;padding:18px;box-shadow:5px 5px #cbe5ca}.context-window h4{border-bottom:1px solid #b4cdbb;padding-bottom:12px}.context-window p{margin:12px 0;font-size:.9rem}.context-window>p:last-child{font-size:.78rem}.audience-scene{grid-template-columns:125px 1fr;gap:24px;margin:14px 24px;display:grid}.audience-scene>div:first-child{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.audience-icon{color:#176b63;font-size:3rem;display:block}.audience-scene strong{font-size:.92rem}.audience-scene small{font-size:.8rem}.audience-sources{gap:12px;display:grid}.audience-sources>div{background:#edf5f0;border:1px solid #b4cdbb;border-radius:7px;padding:14px}.audience-sources>div[data-safe=false]{background:#fcf1e8;border-left:5px solid #a75a38}.audience-sources strong,.audience-sources small,.audience-sources span{display:block}.audience-sources span{margin-top:8px;font-size:.75rem;font-weight:700}.audience-sources [hidden]{display:none}.access-scene{grid-template-columns:125px 1fr;align-items:center;gap:20px;margin:20px 24px;display:grid}.access-job{color:#fff;text-align:center;aspect-ratio:1;background:#064c48;border-radius:50%;flex-direction:column;justify-content:center;padding:18px 14px;font-size:.95rem;display:flex}.access-job small{margin-top:10px;font-size:.7rem;display:block}.access-scene>div:last-child{border-left:3px solid #789e8d;gap:12px;padding-left:18px;display:grid}.access-scene [data-access-index]{opacity:.7;background:#f1f3ed;border:1px dashed #9cae9b;border-radius:6px;padding:12px;position:relative}.access-scene [data-active=true]{opacity:1;background:#d6efcb;border-style:solid}.access-scene strong,.access-scene small{font-size:.86rem;display:block}.access-scene small{margin-top:6px;font-size:.75rem}.access-port{background:#789e8d;width:21px;height:3px;position:absolute;top:35px;left:-20px}.release-evidence-path{grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 24px;padding:0;list-style:none;display:grid}.release-evidence-path button{width:100%;min-height:140px;font:inherit;cursor:pointer;color:#064c48;text-align:left;background:#f1f3ed;border:1px dashed #a4b69f;border-radius:7px;padding:15px 10px;display:block}.release-evidence-path button[aria-pressed=true]{color:#fff;background:#064c48;border-style:solid}.release-evidence-path span,.release-evidence-path strong,.release-evidence-path small{display:block}.release-evidence-path span{margin-bottom:14px;font-size:1.3rem}.release-evidence-path strong{font-size:.83rem;line-height:1.4}.release-evidence-path small{margin-top:10px;font-size:.7rem}.layout-schematic{width:100%;height:auto;padding:12px 24px;display:block}.layout-background{fill:#dcece1}.layout-quiet{fill:#f6f9ef}.layout-boundary{stroke:#064c48;stroke-width:2px;stroke-dasharray:6 5}.layout-schematic text{fill:#064c48;font-size:18px}.layout-burst{fill:#c8f346;opacity:.85}.layout-head{fill:#b89466;stroke:#836544;stroke-width:2px}.layout-person{fill:#176b63;stroke:#064c48;stroke-width:2px}.evidence-board{margin-top:18px}.board-help{color:#456354;font-size:.82rem!important}.board-tray,.board-zone{background:#fff;border:1px solid #b4cdbb;border-radius:10px;padding:14px}.board-tray{background:#ecf2ea;margin-bottom:18px}.board-tray h4,.board-zone h4{align-items:center;gap:10px;margin:0 0 12px;font-size:.95rem;line-height:1.4;display:flex}.board-tray [data-zone-count],.board-zone [data-zone-count]{background:#d6e9d1;border-radius:12px;flex:none;margin-left:auto;padding:2px 7px;font-size:.75rem}.board-card-list{gap:10px;min-height:42px;display:grid}.board-tray>.board-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.board-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.board-zone{border-top:4px solid #176b63;min-height:150px}.board-zone:nth-child(2){border-top-color:#809a3b}.board-zone:nth-child(3){border-top-color:#b76e45}.board-zone:nth-child(4){border-top-color:#637e89}.board-zone[data-drop-hover=true]{background:#edf5d9;outline:3px solid #649730}.evidence-card{cursor:grab;background:#fcfdf8;border:1px solid #a5c1b2;border-radius:6px;overflow:hidden;box-shadow:2px 2px #d6e9d1}.card-pick{color:#183f36;text-align:left;width:100%;font:inherit;cursor:grab;touch-action:pan-y;background:0 0;border:0;grid-template-columns:16px 1fr;gap:10px;padding:12px;font-size:.89rem;line-height:1.5;display:grid}.card-pick small{color:#456354;grid-column:2;font-size:.7rem}.drag-grip{touch-action:none;user-select:none;font-size:1.3rem}.card-pick[aria-pressed=true]{background:#d1f36f}.evidence-card [data-item-feedback]:empty{display:none}.evidence-card [data-item-feedback]{border-top:1px solid #bed1c4;margin:0;padding:10px 12px;font-size:.82rem}.evidence-card[data-result=supported]{border-color:#508447}.evidence-card[data-result=recheck]{border-color:#ad673e}.board-zone>button,.board-tray>button{font:inherit;color:#064c48;cursor:pointer;background:#edf5d9;border:1px solid #86aaa0;border-radius:5px;min-height:38px;margin-bottom:12px;padding:8px 10px;font-size:.74rem}.board-zone>button:disabled,.board-tray>button:disabled{opacity:.6;cursor:default}.board-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.board-actions button{color:#fff;font:inherit;cursor:pointer;background:#064c48;border:0;border-radius:6px;min-height:44px;padding:12px 16px;font-size:.88rem}.board-actions button:last-child{color:#064c48;background:#e5eedc;border:1px solid #86aaa0}.board-status{line-height:1.5;margin:16px 0!important;font-size:.86rem!important}.sequence-destinations{border-left:3px solid #86aaa0;grid-template-columns:1fr;margin-left:12px;padding-left:18px}.sequence-destinations .board-zone{border-top-width:1px;min-height:100px;position:relative}.step-node{color:#d1f36f;background:#064c48;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.75rem;display:flex;position:absolute;top:13px;left:-34px}.worked-arrangement{margin-top:18px}.drag-ghost{z-index:10000;pointer-events:none;color:#fff;max-width:230px;font:inherit;background:#064c48;border-radius:6px;padding:12px;font-size:.85rem;position:fixed;transform:translate(15px,15px);box-shadow:0 5px 20px #183f3650}.evidence-lens{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.lens-caption{text-transform:uppercase;letter-spacing:.07em;margin:12px 0;font-size:.68rem;font-weight:750;display:block}.lens-phrases{gap:12px;display:grid}.lens-claim{background:#fff;border:1px solid #a5c1b2;border-radius:6px;gap:12px;padding:14px;font-size:.9rem;line-height:1.6;display:flex}.lens-number{color:#476b55;padding-top:3px;font-size:.7rem;font-weight:700}.lens-evidence{background:#e4efd9;border-left:3px solid #176b63;border-radius:0 7px 7px 0;padding:16px;position:sticky;top:20px}.lens-evidence p{font-size:.95rem;line-height:1.6}.reasoning-comparison{margin:26px 0}.reasoning-comparison>p{font-size:.85rem}.reasoning-comparison>div{gap:12px;display:grid}.learning-studio .reasoning-card{background:#fff;padding:0;overflow:hidden}.reasoning-card>summary{align-items:start;gap:14px;padding:17px 18px;font-size:.97rem;line-height:1.6;display:flex}.reasoning-card>summary:after{content:"+";color:#176b63;flex:none;margin-left:auto}.reasoning-card[open]>summary:after{content:"−"}.reasoning-marker{color:#476b55;flex:none;padding-top:3px;font-size:.75rem}.learning-studio .reasoning-card p{margin:14px 0 18px;padding:0 18px}.learning-studio details.studio-repair{background:#f8faf3;margin:26px 0;padding:18px}.studio-repair>summary{font-size:.95rem}.studio-repair>h3{margin-top:20px}.learning-studio{background:#f7faf2;border-color:#bdd0c0}.studio-case{margin:20px 0}.studio-case>div{background:#fdfefa}.visual-explainer button:focus-visible,.evidence-board button:focus-visible,.lens-claim:focus-visible{outline-offset:3px;outline:3px solid #528838}@media (width<=700px){.visual-explainer>header,.visual-controls,.visual-explainer footer{padding-inline:16px}.visual-label{float:none;margin-top:5px;display:block}.visual-explainer h3{font-size:1.25rem!important}.visual-explainer>p,.visual-explainer>[data-visual-detail]{margin-inline:16px}.visual-controls{width:100%;display:grid}.visual-controls>label{min-width:0}.visual-switch{gap:6px}.visual-switch button{font-size:.8rem}.chart-value-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:16px}.chart-value-list>span{overflow-wrap:anywhere;min-width:0}.explainer-chart{padding-inline:0}.chart-tick,.chart-value{font-size:12px}.chart-label{font-size:11px}.carton-scene{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px}.word-diff{grid-template-columns:1fr}.word-diff>div{padding:16px}.word-diff>div:first-child{border-bottom:1px solid #b4cdbb;border-right:0}.visual-timeline{border-left:3px solid #759f8e;margin:18px 16px;padding-left:20px;display:block}.visual-timeline li{border-top:0;padding:0 0 18px}.visual-timeline li:before{top:4px;left:-28px}.visual-timeline li>span{min-height:0;margin-bottom:6px;font-size:.8rem}.visual-timeline button{min-height:60px;padding:12px}.visual-timeline strong{font-size:.95rem}.notice-track{grid-template-columns:1fr 1fr;margin-inline:16px;display:grid}.notice-track>span{grid-column:1/-1;padding:10px 0}.notice-track>div{min-height:80px}.filter-table{margin-inline:16px}.context-layer-list{padding-inline:16px}.context-window{margin-inline:16px}.audience-scene,.access-scene{grid-template-columns:85px 1fr;gap:12px;margin-inline:16px}.access-job{padding:12px 7px;font-size:.8rem}.access-job small{font-size:.6rem}.release-evidence-path{grid-template-columns:1fr 1fr;margin-inline:16px}.release-evidence-path button{min-height:120px}.layout-schematic{padding-inline:16px}.board-tray>.board-card-list,.board-destinations,.evidence-lens{grid-template-columns:1fr}.board-tray,.board-zone{padding:12px}.lens-evidence{position:static}.overlap-scene{max-width:290px;height:185px;margin-inline:8px}.theme-circle{width:170px;height:170px}.theme-a{padding-right:40px}.theme-b{padding-left:40px}.theme-circle strong,.theme-circle span{font-size:.75rem}.overlap-button{width:65px;font-size:.72rem}.sequence-destinations{padding-left:16px}.reasoning-card>summary{font-size:.91rem}}@media (prefers-reduced-motion:reduce){.visual-explainer *,.evidence-board *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.image-wipe-frame{aspect-ratio:1;border:1px solid #86aaa0;max-width:480px;margin:16px auto;position:relative;overflow:hidden}.image-wipe-frame img{object-fit:contain;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.image-wipe-treatment{clip-path:inset(0 50% 0 0)}.wipe-source-label,.wipe-treatment-label{color:#fff;background:#064c48;border-radius:4px;padding:6px 10px;font-size:.75rem;position:absolute;bottom:12px}.wipe-source-label{right:12px}.wipe-treatment-label{left:12px}.wipe-divider{background:#d1f36f;width:3px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #064c48}.time-budget-scene{margin:18px 24px}.time-budget-track{background:#fff;border:1px solid #7b9e8e;border-radius:8px;gap:3px;min-height:105px;display:flex;overflow:hidden}.time-budget-track>div{overflow-wrap:anywhere;text-align:center;min-width:0;padding:16px 9px;font-size:.84rem}.time-first{color:#fff;background:#064c48}.time-second{color:#064c48;background:#c7e5d4}.time-remaining{color:#064c48;background:#d1f36f}.time-budget-track strong{margin-top:12px;font-size:1rem;display:block}.time-reserve{margin:14px 0!important;font-size:.8rem!important}@media (width<=700px){.image-wipe-frame,.time-budget-scene{margin-inline:16px}.time-budget-track>div{padding-inline:6px;font-size:.72rem}}.route-diagram{border-bottom:1px solid #b4cdbb;margin:22px 0;padding-bottom:20px}.route-diagram>p{font-size:.76rem;font-weight:700}.route-diagram>div{align-items:start;gap:12px;display:flex}.route-column{flex:1;gap:12px;min-width:0;display:grid}.route-node{background:#f9fcf4;border:1px solid #a4b69f;border-radius:9px;padding:12px;font-size:.75rem;line-height:1.5}.route-node strong{font-size:.8rem}.route-node ul{margin-bottom:0;padding:0;list-style:none}.route-node li{border-top:1px solid #bed1c4;margin-top:8px;padding-top:8px}.route-node li>span:first-child{font-weight:650}.route-node small{margin-top:4px;font-size:.7rem;display:block}.route-node[data-route-state=current]{color:#fff;background:#064c48;border-color:#064c48;box-shadow:0 0 0 2px #d1f36f}.route-node[data-route-state=visited]{background:#d5ebcb}.route-result{border-left:4px solid #749934}.lesson-flow-stage{margin-top:24px}@media (width<=700px){.route-diagram>div{gap:15px;display:grid}.route-node{font-size:.84rem}.route-node strong{font-size:.9rem}.route-node small{font-size:.79rem}}.card-pick{user-select:none}.chart-bar.chart-selected{stroke:#b0d853;stroke-width:4px}.chart-value-list>.value-selected{background:#ecf6d2;border-color:#749934}.visual-explainer input:disabled,.visual-explainer button:disabled{opacity:.6;cursor:default}.learning-studio{color:#183f36;background:#eef5ec;border:1px solid #a8c7b4;border-radius:16px;margin:38px 0;padding:30px}.learning-studio .studio-heading h2{margin:0 0 15px;font-size:1.8rem;line-height:1.2}.learning-studio .studio-heading .eyebrow{margin-bottom:12px;font-size:.72rem}.learning-studio .studio-heading>p:last-child{color:#456e5b;font-size:.8rem}.learning-map ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;padding:0;list-style:none;display:grid}.learning-map li{color:#f5fff4;background:#064c48;border-radius:8px;padding:18px;font-size:.9rem;line-height:1.4;position:relative}.learning-map li span{color:#caf36d;margin-bottom:12px;font-size:1.25rem;font-weight:750;display:block}.studio-case{grid-template-columns:1fr 1fr;gap:18px;display:grid}.studio-case>div{background:#fff;border:1px solid #bfd1bd;border-radius:8px;padding:20px}.learning-studio h3{margin:0 0 14px;font-size:1.25rem;line-height:1.2}.studio-case p{white-space:pre-line;margin:0;font-size:.98rem}.studio-question{border:0;margin:28px 0;padding:0}.studio-question legend{margin-bottom:16px;font-size:1.1rem;font-weight:750}.studio-question label{cursor:pointer;background:#fff;border:1px solid #a7c4b3;border-radius:6px;align-items:start;gap:12px;margin-bottom:12px;padding:14px;font-size:1rem;line-height:1.5;display:flex}.studio-question input{accent-color:#064c48;flex-shrink:0;width:20px;height:20px;margin-top:3px}.studio-check{color:#fff;cursor:pointer;background:#064c48;border:0;border-radius:6px;min-height:48px;padding:12px 20px}.studio-feedback:empty{display:none}.studio-feedback{background:#f7faf5;border-left:4px solid #649730;margin:18px 0 0;padding:18px;font-size:.97rem}.studio-feedback[data-result=recheck]{border-color:#b06732}.studio-repair{border-top:1px solid #bdd2c0;padding:24px 0}.studio-repair label{margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.studio-repair textarea{font:inherit;color:#183f36;resize:vertical;background:#fff;border:1px solid #789e8d;border-radius:6px;width:100%;padding:14px;font-size:1rem;line-height:1.5}.studio-local-note{margin:8px 0 18px!important;font-size:.8rem!important}.learning-studio details{background:#f7faf5;border:1px solid #b5ceb9;border-radius:6px;padding:18px}.learning-studio summary{cursor:pointer;font-weight:700}.learning-studio details p{margin:18px 0 0;font-size:1rem}.studio-transfer{border-top:1px solid #bdd2c0;padding-top:24px}.studio-transfer p,.studio-transfer li{font-size:.98rem}.studio-transfer p:last-child{margin-bottom:0;font-size:.82rem}.learning-studio [hidden]{display:none!important}@media (width<=700px){.learning-studio{padding:18px}.learning-map ol,.studio-case{grid-template-columns:1fr}.learning-map li{grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.learning-map li span{margin:0}.learning-studio .studio-heading h2{font-size:1.55rem}.studio-case>div{padding:16px}}.studio-numbers{background:#f7faf5;border:1px solid #b5ceb9;border-radius:8px;margin:24px 0;padding:20px}.studio-numbers>div{grid-template-columns:1fr 1fr;gap:18px;display:grid}.studio-numbers label{gap:8px;font-size:.9rem;font-weight:700;display:grid}.studio-numbers input{color:#183f36;background:#fff;border:1px solid #789e8d;border-radius:6px;width:100%;min-height:48px;padding:10px}.studio-math-result{font-size:.95rem;line-height:1.6;margin:18px 0 0!important}@media (width<=700px){.studio-numbers>div{grid-template-columns:1fr}}.studio-bridge ul{padding:0;list-style:none}.studio-bridge li{grid-template-columns:110px 100px minmax(0,1fr);align-items:center;gap:12px;font-size:.9rem;display:grid}.bridge-bar{width:var(--bridge-width);background:#357255;border-radius:3px;min-width:2px;height:18px;display:block}.bridge-bar[data-sign=negative]{background:#a76039}@media (width<=700px){.studio-bridge li{grid-template-columns:1fr 1fr;gap:4px}.bridge-bar{grid-column:1/-1}}.studio-image-pair{background:#f7faf5;border:1px solid #b5ceb9;border-radius:8px;margin:26px 0;padding:18px}.studio-image-pair figcaption{margin-bottom:16px;font-size:.9rem;font-weight:700}.studio-image-pair>div{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-image-pair img{aspect-ratio:1;object-fit:contain;width:100%}.studio-image-pair span{margin:8px 0 16px;font-size:.85rem;display:block}.studio-image-pair label{align-items:center;gap:12px;font-size:.9rem;display:flex}.studio-image-pair input{accent-color:#064c48;width:20px;height:20px}.studio-image-pair p{margin:16px 0 0;font-size:.85rem}.studio-image-pair.profile-crop img{object-fit:cover;border-radius:50%}.studio-source-link{background:#f7faf5;border:1px solid #b5ceb9;border-radius:6px;padding:16px}.studio-line-scroll{overflow-x:auto}.studio-lines table{min-width:540px}.studio-lines th,.studio-lines td{padding:10px;font-size:.88rem}.studio-lines input{min-width:84px;max-width:130px}.studio-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-line-total{font-weight:700;margin:18px 0 0!important}.prompt-lab{padding:24px 0}.prompt-lab-provenance{color:#456e5b;font-size:.84rem!important}.prompt-lab-choices{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.prompt-lab-choices button{color:#064c48;cursor:pointer;background:#fff;border:1px solid #789e8d;border-radius:6px;min-height:48px;padding:12px 16px}.prompt-lab-choices button[aria-pressed=true]{color:#fff;background:#064c48}.prompt-lab-panel h4{margin:0 0 16px;font-size:1.2rem}.prompt-lab-response{background:#fff;border:1px solid #bfd1bd;border-radius:8px;margin:20px 0;padding:20px}.prompt-lab-response p{margin-bottom:12px;font-size:1rem}.prompt-lab-response p:last-child{margin-bottom:0}.response-part{color:#183f36;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #789e8d;margin-right:4px;padding:2px 0;line-height:1.8;display:inline}.response-part[data-inspected=true]{background:#caf36d}.prompt-lab-hint{margin:0 0 12px!important;font-size:.85rem!important}.prompt-lab-explanation:empty{display:none}.prompt-lab-explanation{background:#f7faf5;border-left:4px solid #649730;padding:18px;font-size:.95rem}.prompt-lab-explanation[data-verdict=gap],.prompt-lab-explanation[data-verdict=overstated]{border-color:#a76039}@media (width<=700px){.prompt-lab-choices{grid-template-columns:1fr;display:grid}.prompt-lab-choices button{text-align:left}.prompt-lab-response{padding:16px}}.evidence-exercise{border:1px solid var(--line,#d4ddd7);background:#f5f9f4;border-radius:1rem;margin-block:1.5rem;padding:1.2rem}.evidence-items{gap:1rem;padding-left:1.5rem;display:grid}.evidence-items li{padding:.5rem}.evidence-items label{font-weight:600;display:block}.evidence-items select{color:#163f3b;background:#fff;border:1px solid #77978f;border-radius:.35rem;width:100%;max-width:100%;padding:.6rem}.evidence-exercise button[data-check-evidence]{color:#fff;background:#164d46;border:0;border-radius:.5rem;padding:.7rem 1rem}.response-inspector p{line-height:2}.studio-case:has(+.prompt-lab){grid-template-columns:1fr}.evidence-items p[data-result=supported]{border-left:3px solid #426744;padding-left:.7rem}.evidence-items p[data-result=recheck]{border-left:3px solid #a3482f;padding-left:.7rem}.lesson-flow{background:#f5f9f4;border:1px solid #a8c7b4;border-radius:1rem;margin-block:1.5rem;padding:1.3rem}.lesson-flow h4{margin-block:.5rem 1rem;font-size:1.2rem;line-height:1.4}.lesson-flow-options{gap:.7rem;display:grid}.lesson-flow button{color:#164d46;cursor:pointer;text-align:left;background:#fff;border:1px solid #789e8d;border-radius:.5rem;min-height:48px;padding:.7rem 1rem}.lesson-flow-controls{gap:1rem;margin-top:1rem;display:flex}.lesson-flow button:disabled{opacity:.55;cursor:default}.lesson-flow-fallback details{margin-block:.7rem}.evidence-items select{font:inherit;margin-top:.6rem}.lesson-flow-fallback ul{padding-left:1.3rem}:root{--lab-ink:#153f39;--lab-muted:#556f65;--lab-line:#d8e3db;--lab-wash:#f3f7f3;--lab-selected:#e5f1e8;--lab-teal:#07574e;--lab-warning:#974627;--lab-warning-wash:#fff3e9}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map){border:1px solid var(--lab-line);color:var(--lab-ink);overflow-wrap:anywhere;background:#fff;border-radius:20px;margin:48px 0;padding:clamp(20px,3.5vw,36px);box-shadow:0 4px 24px #183f3605}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) :is(h2,h3,h4){color:var(--lab-ink);letter-spacing:-.025em;line-height:1.25}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) h2{margin:8px 0 14px;font-size:clamp(1.5rem,2.5vw,1.9rem)}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) h3{margin:24px 0 12px;font-size:1.2rem}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) :is(p,li){font-size:.95rem;line-height:1.65}.article :is(.r80-kicker,.practice-origin,.skill-provenance,.prompt-lab-provenance,.studio-local-note,.r80-mini){color:var(--lab-muted);font-size:.8rem;font-weight:500;line-height:1.55}.article .r80-kicker{color:var(--lab-teal);letter-spacing:.04em;align-items:center;gap:10px;margin:0 0 10px;font-weight:800;display:inline-flex}.article .r80-kicker:before{content:"";background:#c5f36d;border-radius:3px;width:9px;height:9px;box-shadow:-4px 4px #07574e}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) :is(button,select,input){font-family:Nunito Sans,Arial,sans-serif}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) button:where(:not(.response-part):not(.card-pick):not(.copy-button)){border:1px solid var(--lab-line);min-height:44px;color:var(--lab-teal);box-shadow:none;background:#fff;border-radius:10px;padding:12px 16px;font-size:.9rem;font-weight:700;line-height:1.4;transition:background .15s,border-color .15s}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) button:where(:not(:disabled):not(.response-part):not(.card-pick):not(.copy-button)):hover{background:var(--lab-wash);border-color:#8daa9a}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) button[aria-pressed=true]:where(:not(.response-part):not(.card-pick)){color:#064c48;background:var(--lab-selected);border-color:#628c77;box-shadow:inset 0 0 0 1px #628c77}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) :is(button,input,select,a,summary):focus-visible{outline-offset:4px;outline:3px solid #236d64}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:46px;color:var(--lab-ink);font:inherit;background:#fff;border:1px solid #b5cbbd;border-radius:10px;padding:11px 14px;font-size:.95rem}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) input[type=range]{accent-color:var(--lab-teal);min-height:36px}.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) :is(input[type=checkbox],input[type=radio]){accent-color:var(--lab-teal)}.article :is(.studio-case>div,.practice-workbench>div,.skill-brief,.skill-response,.practice-transfer,.practice-kit,.studio-image-pair,.studio-numbers,.context-placement,.context-window,.analysis-view,.skill-source){background:var(--lab-wash);border:1px solid var(--lab-line);box-shadow:none;border-radius:14px}.article :is(.practice-skill,.sample-output,.practice-status,.skill-feedback,.skill-takeaway,.studio-feedback,.prompt-lab-explanation,.lens-evidence){background:var(--lab-wash);color:var(--lab-ink);border-color:#7d9f87;border-left-width:3px;border-radius:0 10px 10px 0;padding:16px 18px}.article :is(.skill-counterexample,.draft-to-repair,.studio-feedback[data-result=recheck]){background:var(--lab-warning-wash);border-color:#b77b5e}.article :is(.studio-question label,.skill-controls label,.context-roles label,.brief-constraints label){border:1px solid var(--lab-line);background:#fff;border-radius:10px;padding:16px}.article :is(.studio-question label,.skill-controls label,.context-roles label,.brief-constraints label):has(input:checked){background:var(--lab-selected);border-color:#8aab92}.article :is(.practice-request,.practice-transfer,.practice-kit,.skill-brief) pre{border:1px solid var(--lab-line);box-shadow:none;color:var(--lab-ink)!important;background:#f5f8f4!important}.article .r80.r80 .r80-request{color:var(--lab-ink);border:1px solid var(--lab-line);background:#f5f8f4;max-height:300px;margin-top:16px;padding:18px;font-size:.85rem}.r80 .r80-reuse{border-top:1px solid var(--lab-line);margin-top:26px;padding-top:20px}.r80 .r80-reuse>summary{color:var(--lab-teal);cursor:pointer;min-height:44px;font-size:.95rem;font-weight:800}.r80 .r80-copy-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;display:flex}.article .r80.r80 .r80-copy-row>button{background:var(--lab-teal);color:#fff;border-color:var(--lab-teal)}.r80 .r80-copy-row .r80-copy-status{color:var(--lab-muted);flex:1;margin:0;font-size:.82rem}.article .r80.r80 .r80-downloads{border-top:1px solid var(--lab-line);gap:8px 20px;padding-top:16px;font-size:.86rem}.article .r80.r80 .r80-grid{gap:20px;margin-top:24px}.article .r80.r80 .r80-canvas{background:var(--lab-wash);border:1px solid #e5ece5;border-radius:14px}.article .r80.r80 .r80-feedback{background:var(--lab-wash);border:0;border-left:3px solid #8dad8e;border-radius:0 10px 10px 0;min-height:0;margin:24px 0;padding:16px 18px;font-size:.92rem}.article .r80.r80 .r80-controls{padding-top:2px}.article .r80.r80 .r80-choice-cards{gap:10px}.article .r80.r80 .r80-choice-cards button{border-color:var(--lab-line);background:#fff;font-weight:650}.article .r80.r80 .r80-choice-cards button[aria-pressed=true]{background:var(--lab-selected);border-color:#628c77}.article .r80.r80 .r80-field{color:var(--lab-muted);font-size:.85rem;line-height:1.5}.article .r80.r80 table th{font-size:.8rem;color:#245343!important;background:#eaf2eb!important}.article .r80.r80 table td{background:#fff;border-color:#e1e9e1;font-size:.9rem}.article .r80.r80 .r80-result{border-top:1px solid var(--lab-line);background:#e8f1e7;margin:0;padding:16px 20px;font-size:1rem}.article .r80.r80 .r80-visual-size{box-shadow:none;color:var(--lab-muted);background:0 0;border:0;margin:0 10px 8px;font-size:.8rem!important}.article .r80.r80 .r80-svg-viewport svg{max-width:760px;margin:auto}.article .visual-explainer{border-color:var(--lab-line);box-shadow:none;background:#fff;border-radius:16px}.article .visual-explainer>header{border-bottom:1px solid var(--lab-line);background:#fff;padding:24px}.article .visual-explainer h3{line-height:1.3;font-size:1.3rem!important}.article :is(.visual-explainer footer,.visual-result,.visual-explainer>[data-visual-result],.chart-value-list>span,.context-layer-list label,.audience-sources>div,.route-node,.visual-timeline button){background:var(--lab-wash);border-color:var(--lab-line)}.article .chart-value-list>span{border-radius:10px;padding:14px}.article :is(.visual-switch button,.visual-inspect button,.board-actions button,.board-zone>button,.board-tray>button){border-radius:9px;font-family:Nunito Sans,Arial,sans-serif}.article :is(.board-tray,.board-zone,.evidence-card,.reasoning-card,.lens-claim){border-color:var(--lab-line);box-shadow:none;background:#fff;border-radius:12px}.article .board-tray{background:var(--lab-wash)}.article .board-zone{border-top:3px solid #8fab96}.article .board-zone:nth-child(2){border-top-color:#a5b884}.article .board-zone:nth-child(3){border-top-color:#bc977a}.article .board-zone:nth-child(4){border-top-color:#86a4af}.article .card-pick[aria-pressed=true]{background:#e5f1e8}.article .card-pick{padding:15px;font-size:.9rem}.article .route-node{padding:16px;font-size:.85rem}.article .route-node strong{font-size:.94rem}.article .route-node small{font-size:.8rem}.article .route-node[data-route-state=current]{color:#fff;box-shadow:none;background:#07574e;border-color:#07574e}.article .route-node[data-route-state=visited]{background:#e5f1e8}.article .visual-timeline button[aria-pressed=true]{color:#153f39;background:#e5f1e8;border-color:#628c77}.article .learning-map li{color:#153f39;border:1px solid var(--lab-line);background:#f0f5ee;border-radius:12px}.article .learning-map li span{color:#476f54}.article .reasoning-card>summary{padding:18px 20px}.article .prompt-lab-response{border-color:var(--lab-line);background:#fff;border-radius:14px}.article .response-part[data-inspected=true]{background:#e1efcf}.article .studio-source-link{background:var(--lab-wash);border-color:var(--lab-line);border-radius:12px}.article .portrait-workshop{background:#fff}.article :is(.inline-graphic,.worked-result,.sample-sheet,.sample-chart){border-color:var(--lab-line);box-shadow:none;background:#fff;border-radius:14px}.article :is(.transform-card,.evidence-source,.evidence-output,.supplier-grid>div){background:var(--lab-wash);border:1px solid var(--lab-line);border-radius:10px}.article .worked-result figcaption{color:#244d3c;background:#eef4eb}.article .worked-result .worked-total{background:#e8f1e3}.article .agenda-strip>div{background:#edf3e8;border:1px solid #dae5d4;border-radius:10px}.article .agenda-strip>div:nth-child(2){background:#e2efcb;border-color:#c2d69d}.article .agenda-strip>div:nth-child(3){background:#e5f0e8;border-color:#c7d8c9}.article .sample-sheet-scroll{border-color:var(--lab-line);border-radius:8px}.article .sample-chart-track{box-shadow:none;border-left-color:#76947b}.article .beginner-task-map>header{color:var(--lab-ink);border-bottom:1px solid var(--lab-line);background:#fff;border-radius:0;padding:0 0 24px}.article .beginner-task-map>header .eyebrow{color:var(--lab-muted)}.article .task-map-controls{background:var(--lab-wash);border-color:var(--lab-line);border-radius:14px;padding:22px}.article .task-role-options label{border-color:var(--lab-line);background:#fff;border-radius:10px;font-size:.9rem}.article .task-role-options label:has(input:checked){background:var(--lab-selected);border-color:#628c77}.article .beginner-task-card{border-color:var(--lab-line);border-radius:12px}.article .beginner-task-card[open]>summary{background:var(--lab-wash);border-color:var(--lab-line)}.article .task-number{background:#edf3e9;border-radius:8px;font-size:.8rem}.article .task-details dl{background:var(--lab-wash);border-radius:10px;padding:18px}.article .feature-table-scroll{border-color:var(--lab-line);border-radius:12px}.article .comparison-exercise #seat-result{background:#edf4e8;border:1px solid #c6d8bf;border-radius:12px;padding:20px;font-size:1.05rem}.article .comparison-exercise #comparison-findings{background:var(--lab-wash);border-radius:12px;padding:20px}.article .decision-stage{background:var(--lab-wash);border:1px solid var(--lab-line);border-radius:12px}.article .decision-options button{border-color:var(--lab-line);min-height:48px;font:inherit;border-radius:10px;padding:14px 16px}.article .decision-options button:hover{background:var(--lab-selected)}@media (width<=700px){.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map){border-radius:16px;margin:32px 0;padding:22px 16px}.article .r80.r80 .r80-request{font-size:.82rem}.article .r80.r80 .r80-copy-row{gap:12px;display:grid}.article .r80.r80 .r80-grid{gap:18px}.article .visual-explainer>header{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.article :is(.r80,.workplace-practice,.learning-studio,.ai-skill-workshop,.portrait-workshop,.comparison-exercise,.decision-flow,.beginner-task-map) *{transition:none!important;animation:none!important}}.r80-learning-lab .r80-grid{flex-direction:column;gap:20px;display:flex!important}.r80-learning-lab .r80-grid>div{width:100%}.r80-learning-lab .lab-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.lab-segmented{border:0;min-width:0;margin:0;padding:0}.lab-segmented legend{color:var(--lab-muted);padding:0 0 10px;font-size:.84rem;font-weight:750;line-height:1.4}.lab-segmented-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.lab-segmented-row[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.article .r80.r80 .lab-segmented-row button{white-space:normal;flex:auto;padding:10px 12px;font-size:.84rem}.lab-controls>.lab-segmented:nth-child(3){grid-column:1/-1}.lab-controls>.lab-segmented:nth-child(3) .lab-segmented-row{max-width:450px}.article .r80.r80 .lab-stage{background:#f6f8f4;border-color:#e4eae2;border-radius:14px;padding:22px}.lab-caption{color:#526f62;letter-spacing:.035em;font-weight:750;margin:0 0 12px!important;font-size:.73rem!important;line-height:1.45!important}.lab-a11y{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"preview response""actions response""code response""check check";align-items:start;gap:18px;display:grid}.lab-a11y-stage{grid-area:preview;min-width:0}.lab-review-response{grid-area:response;min-width:0;padding:0 4px}.lab-preview-actions{grid-area:actions;gap:12px;display:grid}.lab-code-sample{grid-area:code;min-width:0}.lab-check-change{border-top:1px solid var(--lab-line);grid-area:check;padding-top:18px!important}.lab-page-preview{background:#fff;border:1px solid #d8e2d9;border-radius:12px;padding:20px;box-shadow:0 3px 12px #183f3606}.article .r80 .lab-page-brand{color:#4b7260;letter-spacing:.02em;margin:0 0 18px;font-size:.75rem;font-weight:850}.article .r80 .lab-page-preview h3{margin:0 0 12px;font-size:1.35rem}.article .r80 .lab-page-note{color:var(--lab-muted);margin-bottom:20px;font-size:.8rem;line-height:1.55}.lab-preview-data{border-top:1px solid #e2e9e0;gap:6px;padding:14px 0;font-size:.85rem;display:grid}.lab-preview-data span{color:var(--lab-muted);font-size:.75rem}.lab-notification{background:#eff6eb;border:1px solid #dbe7d9;border-radius:8px;align-items:center;gap:12px;min-height:50px;padding:10px 14px;font-size:.85rem;display:flex}.lab-notification[hidden]{display:none}.lab-status-dot{background:#2d7752;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.lab-icon-placeholder{margin-left:auto;padding:0 6px;font-size:1.3rem}.article .r80.r80 .lab-icon-button{background:#fff;min-width:44px;margin-left:auto;padding:6px 10px;font-size:1.25rem}.article .r80 .lab-preview-label{color:var(--lab-muted);margin:12px 0 0;font-size:.71rem;line-height:1.5}.article .r80.r80 .lab-primary{color:#fff;background:#07574e;border-color:#07574e;justify-self:start}.article .r80 .lab-observed{color:#36594c;margin:0;font-size:.82rem;line-height:1.55}.lab-observed:empty{display:none}.article .r80 .lab-response-block{border-bottom:1px solid #dfe7dc;margin-bottom:16px;padding:0 0 16px}.article .r80 .lab-response-block h4{letter-spacing:0;color:#557361;margin:0 0 8px;font-size:.8rem;font-weight:850}.article .r80 .lab-response-block p{margin:0;font-size:.9rem;line-height:1.6}.article .r80 .lab-response-block:first-of-type p{color:#153f39;font-size:1.05rem;font-weight:750;line-height:1.45}.article .r80 .lab-unresolved{background:#edf2e9;border-bottom:0;border-radius:8px;margin:0;padding:12px 14px}.article .r80 .lab-code-sample pre{color:#284b3e;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #d8e3db;border-radius:10px;margin:0;padding:16px;font-size:.8rem}.article .r80 .lab-code-sample pre code{white-space:pre-wrap}.article .r80 .lab-code-sample pre:has(.copy-button){padding-top:52px}.lab-time-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.article .r80 .lab-time-heading h3{margin:0;font-size:1.1rem}.lab-time-heading .lab-caption{margin:0!important}.lab-world-clocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lab-world-clock{background:#fff;border:1px solid #dfe7dc;border-radius:12px;min-width:0;padding:20px 16px}.article .r80 .lab-world-clock h4{margin:0 0 8px;font-size:1rem;font-weight:750;line-height:1.3}.lab-clock-time{letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#153f39;font-size:clamp(2rem,4vw,2.85rem);font-weight:850;line-height:1.15;display:block}.article .r80 .lab-clock-date{color:var(--lab-muted);margin:12px 0 8px;font-size:.76rem;line-height:1.5}.lab-zone-name{color:#596e61;overflow-wrap:anywhere;font-size:.68rem}.lab-clock-highlight{background:#e8f1e5;border-color:#b8ceae}.lab-clock-fault{background:#fff1e5;border-color:#d6b394}.lab-clock-fault .lab-clock-time{color:#8e4b2b}.lab-time-contrast{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.lab-time-answer{background:#fff;border:1px solid #dfe7dc;border-radius:10px;padding:16px}.lab-time-answer .lab-caption{min-height:2.8em;display:block;margin-bottom:8px!important}.lab-time-answer strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;display:block}.article .r80 .lab-time-answer p{color:var(--lab-muted);margin:4px 0 0;font-size:.78rem}.lab-time-answer.lab-answer-selected{border-color:#628c77;box-shadow:inset 0 0 0 1px #628c77}.lab-time-diagnosis{background:#e8f1e5;border-radius:10px;margin-bottom:22px;padding:16px 18px}.lab-time-diagnosis.lab-diagnosis-warning{background:#fff0e4}.article .r80 .lab-time-diagnosis h4{letter-spacing:-.01em;margin:0 0 8px;font-size:1rem}.article .r80 .lab-time-diagnosis p{margin:0;font-size:.9rem;line-height:1.6}.lab-test-strip{border-top:1px solid #d8e3db;padding-top:16px}.lab-test-strip strong{font-size:.85rem}.article .r80 .lab-test-strip p{color:#456354;margin:6px 0 0;font-size:.85rem}.lab-custom-instant{border-top:1px solid var(--lab-line);grid-column:1/-1;padding-top:12px}.lab-custom-instant>summary{cursor:pointer;color:var(--lab-muted);min-height:44px;font-size:.85rem;font-weight:650}.lab-custom-instant>button{margin-bottom:14px}.lab-custom-instant .r80-field{max-width:430px;margin-top:16px}.lab-error{background:#fff3e9;border-radius:10px;padding:24px 16px}.article .r80 .lab-error h3{margin-top:0;font-size:1.3rem}.article .r80 .lab-error p:last-child{margin-bottom:0}@media (width<=700px){.r80-learning-lab .lab-controls{grid-template-columns:1fr;gap:16px}.article .r80.r80 .lab-stage{padding:16px 12px}.lab-a11y{grid-template-columns:1fr;grid-template-areas:"preview""actions""code""response""check";gap:18px}.lab-world-clocks{grid-template-columns:1fr;gap:9px}.lab-world-clock{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:16px;display:grid}.article .r80 .lab-world-clock h4{margin:0;font-size:.95rem}.lab-clock-time{grid-area:1/2/3;font-size:2rem}.article .r80 .lab-clock-date{grid-column:1;margin:0;font-size:.72rem}.lab-zone-name{grid-column:1/-1;margin-top:4px;font-size:.69rem}.lab-time-heading{display:block}.article .r80 .lab-time-heading h3{margin-top:8px}.lab-time-answer{padding:12px}.lab-time-answer .lab-caption{font-size:.69rem!important;line-height:1.5!important}.lab-time-answer strong{font-size:1.75rem}.lab-time-diagnosis{padding:14px}.lab-time-contrast{margin:18px 0}}.example-output{color:#163e3c;text-align:left;background:#fff;border:1px solid #dbe3df;border-radius:20px;margin:2rem 0 1rem;padding:1.65rem;box-shadow:0 10px 35px #123e3b05}.example-output h2{letter-spacing:-.035em;margin:.35rem 0 .65rem;font-size:1.55rem;line-height:1.2}.output-heading>p:last-child{max-width:65rem;margin:0 0 1.2rem;font-size:.94rem;line-height:1.55}.output-kicker{letter-spacing:.13em;text-transform:uppercase;color:#51726c;margin:0;font-size:.73rem;font-weight:800}.output-stage{max-width:100%;overflow:hidden}.output-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.1rem 0 .25rem;display:flex}.output-actions :is(button,a){min-height:44px;font:inherit;border:1px solid #cddbd5;border-radius:9px;padding:.7rem 1rem;font-size:.85rem;font-weight:750;line-height:1.35;text-decoration:none}.output-actions button{color:#fff;cursor:pointer;background:#124e48}.output-actions a{color:#164d46;background:#f6f9f5}.example-output :is(a,button,summary):focus-visible,.creation-lab :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #1c7770}.output-copy-status{color:#47635c;min-height:1.3rem;margin:.4rem 0;font-size:.84rem}.output-prompt-details{border-top:1px solid #dde5df;margin-top:.5rem;padding-top:.85rem}.output-prompt-details summary{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-size:.88rem;font-weight:750;display:flex}.output-prompt-details summary:before{content:"▸"}.output-prompt-details[open] summary:before{content:"▾"}.example-output pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#153d39;background:#f3f7f3;border:1px solid #dbe3df;border-radius:12px;padding:1.25rem;font-size:.82rem;line-height:1.6}.output-small,.output-prompt-details>p{color:#557069;font-size:.83rem;line-height:1.55}.output-cell{background:#f5f8f3;border:1px solid #d8e3dc;border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.4;display:flex}.output-cell strong{font-weight:800}.output-cell>span{color:#547068;font-size:.8rem}.output-process{max-width:850px;margin:auto}.output-process>.output-cell{text-align:center;max-width:440px;margin:auto}.output-branch-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.output-arrow{text-align:center;color:#617f70;margin:.2rem 0;font-size:1.4rem;line-height:1.15;display:block}.output-process-note{text-align:center;color:#557069;margin:.8rem 0 0;font-size:.8rem}.output-review{background:#eaf3e9}.output-return{background:#fcfaf5}.output-condition{background:#edf4e8}.output-fault{background:#fff2e9;border-color:#bc6a51}.on-path{outline-offset:1px;background:#e4f2d3;outline:2px solid #286b5a}.output-simple-flow{max-width:550px;margin:auto}.output-simple-flow .output-cell{text-align:center}.output-unknown{background:#faf8f2;border-style:dashed}.output-table{border:1px solid #dce5de;border-radius:12px;overflow:auto}.output-table table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.output-table th{background:#eaf2e9}.output-table :is(th,td){vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e2e7e1;padding:.8rem .9rem}.output-table tr:last-child td{border:0}.output-file-preview{text-align:center;background:#f0f5ef;border:1px solid #dce5dd;border-radius:12px;padding:.5rem;display:block}.output-file-preview img{object-fit:contain;width:100%;height:auto;max-height:420px;margin:auto;display:block}.output-bars{background:#f3f7f1;border-radius:12px;padding:1.2rem}.output-bar-row{grid-template-columns:85px 1fr 100px;align-items:center;gap:.8rem;margin:1rem 0;font-size:.91rem;display:grid}.output-bar-track{background:#e3eae0;border-radius:5px;height:28px;overflow:hidden}.output-bar{background:#246e62;border-radius:5px;height:100%;display:block}.output-bar.b1{background:#98bc58}.output-bar.b2{background:#527f71}.output-bars>p{color:#557069;margin:1rem 0 0;font-size:.8rem}.output-months{grid-template-columns:repeat(5,1fr);gap:.55rem;display:grid}.output-months>div{text-align:center;background:#eef5ec;border-radius:9px;flex-direction:column;gap:.65rem;padding:1rem .45rem;display:flex}.output-months span{font-size:.85rem}.output-months strong{font-size:1.05rem}.output-months .output-unknown{background:#faf8f2;border:1px dashed #999b88}.output-sample{background:#f4f7f1;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem;padding:1.4rem;display:grid}.output-waffle{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.output-waffle span{aspect-ratio:1;border-radius:4px}.output-waffle .complete{background:#216d5f}.output-waffle .missing{background:#dfe8d6;border:1px solid #b9c9ac}.output-sample strong{letter-spacing:-.06em;font-size:2.4rem}.output-sample p{margin:.2rem 0;font-size:1rem}.output-sample div>span{font-size:.8rem}.output-icons{text-align:center;background:#f3f7f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.1rem;display:grid}.output-icons figure{margin:0}.output-icons svg{color:#216c60;max-height:140px;margin:auto;display:block}.output-icons figcaption{margin-top:.4rem;font-size:.9rem;font-weight:750}.output-storyboard{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.output-storyboard article{background:#f1f6ee;border:1px solid #d6e2d4;border-radius:12px;flex-direction:column;gap:.65rem;padding:1rem;display:flex}.output-storyboard article>span{color:#66856f;font-size:.75rem;font-weight:800}.output-storyboard strong{font-size:1rem}.output-storyboard p{margin:0;font-size:.85rem;line-height:1.45}.output-poster{background:#eef4e7;border:1px solid #c9d8c1;border-top:8px solid #1c6054;border-radius:10px;max-width:500px;margin:auto;padding:1.5rem 2rem}.output-poster h3{margin:.8rem 0;font-size:2rem}.output-poster>span{color:#65806c;font-size:.75rem}.output-poster p{margin:.45rem 0;font-size:1rem}.output-poster>strong{font-size:1.6rem}.output-poster>div{border-top:1px solid #ccd9c2;margin-top:1rem;padding-top:.8rem;font-size:.9rem}.output-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.8rem;display:grid}.output-stats strong{font-size:1.45rem}.output-calendar,.output-check-routes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.output-app{background:#f3f7f0;border:1px solid #d8e3d6;border-radius:12px;padding:1rem}.output-app>span,.output-app article>span{color:#637c6a;font-size:.75rem}.output-app h3{margin:.5rem 0 1rem;font-size:1.3rem}.output-app .output-result{background:#e0eccf;margin-top:.7rem}.output-app article{border-bottom:1px solid #d7e2d1;padding:.85rem 0}.output-app article:last-child{border:0}.output-app article p{margin:.35rem 0;font-size:.88rem;line-height:1.5}.output-search-label{background:#fff;border:1px solid #d9e4d5;border-radius:8px;justify-content:space-between;margin:.7rem 0;padding:.8rem;font-size:.85rem;display:flex}.output-placement{background:#e2eee5;border-radius:12px;min-height:260px;position:relative;overflow:hidden}.output-placement img{object-fit:contain;width:100%;height:310px;display:block}.output-placement>div{padding:1rem 1.25rem}.output-placement h3{margin:.35rem 0;font-size:1.45rem}.output-placement span{color:#65816e;font-size:.8rem}.mood-display{background:#eff5ee;border-radius:12px;overflow:hidden}.mood-display>img{object-fit:contain;width:100%;height:340px;display:block}.mood-display>p{margin:0;padding:.65rem 1rem;font-size:.88rem}.mood-directions{grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.75rem 0;display:grid}.mood-directions button{color:#163e3c;cursor:pointer;font:inherit;background:#f1f6ee;border:2px solid #0000;border-radius:10px;padding:0;overflow:hidden}.mood-directions button[aria-pressed=true]{background:#e4f0da;border-color:#1f7664}.mood-directions img{object-fit:cover;width:100%;height:85px;display:block}.mood-directions span{padding:.65rem .4rem;font-size:.85rem;font-weight:800;display:block}.mood-explanation{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.mood-explanation .output-cell{background:0 0;border:0;border-left:2px solid #bfd8c3;border-radius:0;padding:.25rem .8rem}.mood-explanation strong{font-size:.82rem}.mood-explanation span{font-size:.8rem}.example-output [data-mood-attach]{color:#526d62;margin:.9rem 0 0;font-size:.83rem}.creation-lab .output-process{width:100%}.creation-lab .output-case-result{background:#f1f7eb;border-left:3px solid #9dc476;margin-top:.9rem;padding:1rem}.creation-lab .output-case-result h4{margin:0 0 .4rem}.creation-lab .output-case-result p{margin:.4rem 0;font-size:.9rem}@media (width>=950px){.example-output[data-kind=moodboard] .output-stage{grid-template-columns:1.5fr 1fr;align-items:start;gap:1rem;display:grid}.example-output[data-kind=moodboard] .mood-directions{grid-template-columns:1fr;margin:0}.example-output[data-kind=moodboard] .mood-directions button{text-align:left;grid-template-columns:110px 1fr;align-items:center;display:grid}.example-output[data-kind=moodboard] .mood-explanation{grid-column:1/-1}.example-output[data-kind=moodboard] [data-mood-attach]{grid-column:1/-1;margin:0}}@media (width<=600px){.example-output{margin-top:1.25rem;padding:1rem}.example-output h2{font-size:1.3rem}.output-heading>p:last-child{font-size:.87rem}.mood-display>img{height:auto;max-height:250px}.mood-directions img{height:65px}.mood-directions span{font-size:.75rem}.mood-explanation{grid-template-columns:1fr 1fr}.output-cell{padding:.65rem .75rem;font-size:.83rem}.output-cell>span{font-size:.73rem}.output-branch-row{gap:.5rem}.output-months{gap:.3rem}.output-months strong{overflow-wrap:anywhere;font-size:.8rem}.output-months span{font-size:.75rem}.output-bar-row{grid-template-columns:64px 1fr 76px;gap:.35rem;font-size:.78rem}.output-bar-track{height:23px}.output-bars{padding:.65rem}.output-storyboard{grid-template-columns:1fr 1fr}.output-storyboard article{padding:.75rem}.output-storyboard strong{font-size:.89rem}.output-storyboard p{font-size:.77rem}.output-sample{gap:.85rem;padding:.8rem}.output-sample strong{font-size:1.75rem}.output-sample p{font-size:.8rem}.output-sample div>span{font-size:.72rem}.output-stats{gap:.4rem}.output-stats .output-cell{padding:.55rem}.output-stats strong{font-size:1.2rem}.output-table :is(th,td){padding:.6rem .55rem;font-size:.76rem}.output-calendar,.output-check-routes{grid-template-columns:1fr}.output-actions :is(button,a){padding:.65rem .8rem;font-size:.8rem}.output-file-preview img{max-height:340px}}@media (prefers-reduced-motion:reduce){.example-output *{scroll-behavior:auto;transition:none}}.article .creation-lab .r80-grid{display:block}.article .creation-lab .r80-controls{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem;display:grid}.output-gap-chart{width:100%;max-height:220px;margin-bottom:.7rem;display:block}.output-month-state{font-size:.65rem!important}@media (width<=600px){.article .creation-lab .r80-controls{grid-template-columns:1fr}}.output-first-guide .article-header h1{max-width:1100px;font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.08}.output-first-guide .article-header{padding-top:2.25rem}.example-output>button[data-example-copy]{min-height:44px;font:inherit;color:#fff;cursor:pointer;background:#124e48;border:1px solid #124e48;border-radius:9px;padding:.7rem 1rem;font-size:.85rem;font-weight:750;line-height:1.35}.article .creation-lab .r80-choice-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-self:start}.article .creation-lab .r80-choice-cards button{padding:.65rem .75rem;font-size:.82rem;line-height:1.35}.example-output [data-mood-reference]:not([hidden]){color:#1b6254;text-underline-offset:3px;grid-column:1/-1;align-items:center;min-height:44px;font-size:.85rem;font-weight:750;text-decoration:underline;display:inline-flex}.output-path-label{color:#537261;font-size:.75rem;line-height:1.4;display:block}.article h2#go-deeper{border:0;border-left:6px solid var(--lime);color:#173f39;letter-spacing:-.035em;background:#eaf2eb;border-radius:0 14px 14px 0;margin:3.5rem 0 1.4rem;padding:1.5rem 1.65rem;scroll-margin-top:1.5rem;font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.15}.article details.go-deeper-card{background:#fff;border:1px solid #d2dfd5;border-radius:14px;margin:1.2rem 0;padding:0 1.5rem 1.3rem;box-shadow:0 4px 18px #123f3505}.article details.go-deeper-card>summary{color:#194c43;cursor:pointer;align-items:flex-start;gap:1rem;min-height:48px;padding:1.4rem 0 .7rem;font-size:1.2rem;font-weight:750;line-height:1.4;list-style:none;display:flex}.article details.go-deeper-card>summary::-webkit-details-marker{display:none}.article details.go-deeper-card>summary:after{content:"+";background:#f2f6ef;border:1px solid #c2d4c9;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;margin-left:auto;font-size:1.2rem;font-weight:500;line-height:1;display:grid}.article details.go-deeper-card[open]>summary:after{content:"−"}.article details.go-deeper-card:not([open]){padding-bottom:.6rem}.article details.go-deeper-card>summary:focus-visible{outline-offset:5px;border-radius:4px;outline:3px solid #277568}.article details.go-deeper-card>p{margin:.75rem 0;font-size:1rem;line-height:1.75}.article details.go-deeper-card>:last-child{margin-bottom:0}.article details.go-deeper-card :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #277568}@media (width<=700px){.article h2#go-deeper{margin-top:2.75rem;padding:1.2rem 1.1rem;font-size:2rem}.article details.go-deeper-card{margin:1rem 0;padding:0 1.1rem 1.15rem}.article details.go-deeper-card>summary{gap:.7rem;padding-top:1.2rem;font-size:1.1rem}.article details.go-deeper-card>p{font-size:1rem;line-height:1.7}}.wrap .toc .toc-list{margin:0;padding-left:0;list-style:none}.wrap .toc .toc-list li{margin-bottom:12px}.wrap .try-it{border-top:2px solid #064c48;margin:48px 0 8px;padding-top:8px}.wrap .try-it>h2{margin-top:24px}.wrap .try-it .r80,.wrap .try-it .learning-studio,.wrap .try-it .portrait-workshop{margin-top:12px}.wrap .task-kit-line{background:#edf4e5;border:1px solid #b9d2c4;border-radius:8px;margin:24px 0 36px;padding:12px 16px;font-size:.95rem}.wrap .r80-request-visible{white-space:pre-wrap;background:#e6efe6;border:1px solid #b3cab8;border-radius:6px;margin:16px 0 8px;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem}.wrap .related-guides h2{margin:40px 0 14px;font-size:1.5rem}.wrap .related-guides ul{padding-left:20px}.wrap .pill{font-size:.75rem}@media (width<=700px){.wrap .toc .toc-list{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.wrap .article table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.wrap .article th,.wrap .article td{overflow-wrap:normal;word-break:normal;hyphens:manual;min-width:7.5em;font-size:.875rem;line-height:1.45}.wrap .article th:first-child,.wrap .article td:first-child{min-width:6em}.wrap .article pre,.wrap .article pre code{font-size:.875rem}.wrap .copy-button{font-size:.8rem}.wrap .beginner-feature-map table,.wrap .beginner-feature-map tbody,.wrap .beginner-feature-map tr,.wrap .beginner-feature-map th,.wrap .beginner-feature-map td{width:100%;min-width:0;display:block}.wrap .beginner-feature-map thead{display:none}.wrap .beginner-feature-map tr{background:#fffdf8;border:1px solid #bdcdbc;border-radius:8px;margin-bottom:12px;padding:8px 12px}.wrap .beginner-feature-map th,.wrap .beginner-feature-map td{border:0;padding:4px 0}.wrap .beginner-feature-map td:before{content:attr(data-label) ": ";font-weight:700}.wrap .feature-table-scroll{overflow:visible}}.wrap .article :not(pre)>code{overflow-wrap:anywhere}.wrap .article p,.wrap .article li,.wrap .article td,.wrap .article dd{overflow-wrap:break-word}