/* Phase 11: My Work pages only. Home and About Me keep their approved styles. */
.work-prototype { --page-background:#F5F7FA; --ink:#25282B; --muted:#647081; --line:#DCE3EB; --surface:#F5F7FA; --brand-canvas:#fff; --brand-ivory:#F5F7FA; background:#F5F7FA; color:#25282B; }
.work-prototype h1,.work-prototype h2,.work-prototype h3 { color:#203D58; }
.work-prototype p { color:#647081; }
.work-prototype .button { background:#203D58; border-color:#203D58; color:#fff; }
.work-prototype .button.light { background:#fff; color:#203D58; }
.work-prototype .filter-row button[aria-pressed="true"] { background:#203D58; border-color:#203D58; color:#fff; }
.work-prototype .work-navigation { background:#fff; border-radius:12px; margin-top:4px; }
.work-prototype .work-navigation a { color:#203D58; }
.work-prototype .work-navigation nav { gap:12px 24px; }
.work-prototype .breadcrumbs a { color:#203D58; }
.work-prototype a:focus-visible,.work-prototype button:focus-visible,.work-prototype summary:focus-visible { outline:3px solid #203D58; outline-offset:5px; }
.work-prototype [hidden] { display:none!important; }
.w11-page { padding-bottom:70px; }
.w11-heading { padding-block:42px 36px; max-width:920px; }
.w11-heading h1 { font-size:clamp(2.5rem,4.6vw,4.2rem); margin-bottom:24px; line-height:1.08; }
.w11-heading>p { max-width:750px; font-size:1.125rem; margin-bottom:0; }
.w11-link { display:inline-flex; align-items:center; gap:20px; padding:10px 0; text-decoration:underline; text-underline-offset:5px; color:#203D58; font-size:.875rem; }
.w11-link>span { margin-left:auto; }
.w11-actions { display:flex; align-items:start; flex-wrap:wrap; gap:8px 30px; }
.w11-return { display:flex; flex-wrap:wrap; gap:8px 24px; margin-block:30px; }
.w11-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.w11-section-tile { display:block; position:relative; min-width:0; padding:32px; border:1px solid #DCE3EB; border-radius:16px; background:#fff; transition:border-color .15s,transform .15s; }
.w11-section-tile:hover { border-color:#203D58; transform:translateY(-2px); }
.w11-section-tile .p10-icon {width:56px;height:56px}
.w11-section-index { position:absolute; right:32px; top:32px; color:#647081; font-size:.875rem; }
.w11-section-tile h2 { font-size:2rem; margin-block:24px 16px; }
.w11-section-tile p { font-size:1rem; max-width:430px; }
.w11-next { display:flex; gap:18px; justify-content:space-between; color:#203D58; font-size:.875rem; border-top:1px solid #DCE3EB; padding-top:18px; }
.w11-next-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; border-top:1px solid #DCE3EB; padding-top:32px; margin-top:44px; }
.w11-next-section h2 { font-size:1.75rem; margin-bottom:20px; }
.w11-next-section .w11-actions { align-content:start; }
.w11-system-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.w11-system-card { min-width:0; padding:30px; border:1px solid #DCE3EB; border-radius:16px; background:#fff; }
.w11-system-card>.p10-kicker { margin-top:20px; }
.w11-system-card h2 { font-size:1.75rem; margin-bottom:18px; }
.w11-system-card>p { font-size:1rem; }
.w11-system-card .w11-visual { margin-block:24px; padding:20px; }
.w11-system-card .w11-visual strong { font-size:1rem; }
.w11-system-card .w11-visual figcaption { font-size:.6875rem; }
.work-prototype .w11-limit { border-left:3px solid #A46637; padding:12px 16px; font-size:.8125rem; line-height:1.75; background:#F3E5D780; color:#4B525B; }
.w11-demonstrated { font-size:.875rem!important; }
.w11-caption { font-size:.75rem; line-height:1.7; margin-top:18px; }
.w11-project-heading { padding-block:4px 30px; }
.w11-project-heading>.p10-icon {vertical-align:middle;margin-right:16px}
.w11-status { display:inline-flex; vertical-align:middle; padding:5px 12px; border:1px solid #C6D2DE; border-radius:20px; color:#203D58; background:#E6F1FB; font-size:.75rem; }
.w11-project-heading>.p10-kicker { margin-top:22px; }
.w11-project-heading h1 { margin-block:24px; max-width:1000px; font-size:clamp(2.3rem,4.4vw,4rem); }
.w11-project-heading>p { max-width:750px; font-size:1.125rem; margin-bottom:0; }
.w11-project-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:38px; align-items:start; }
.w11-project-story h2 { font-size:1.5rem; margin-bottom:18px; }
.w11-project-story p { font-size:1rem; }
.work-prototype .w11-contribution { color:#25282B; }
.w11-flow { margin:28px 0 0; padding:24px; background:#fff; border:1px solid #DCE3EB; border-radius:14px; }
.w11-flow figcaption,.w11-visual figcaption { font-size:.75rem; letter-spacing:.06em; line-height:1.6; color:#647081; margin-bottom:20px; }
.w11-flow ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; list-style:none; margin:0; padding:0; }
.w11-flow li { position:relative; min-width:0; }
.w11-node { display:inline-flex; align-items:center; justify-content:center; background:#E6F1FB; color:#203D58; width:32px; height:32px; border-radius:50%; font-size:.75rem; }
.w11-flow strong { display:block; color:#203D58; font-size:.9375rem; font-weight:500; line-height:1.5; margin-top:14px; }
.w11-flow-arrow { position:absolute; right:-16px; top:0; font-size:1.25rem; color:#647081; }
.w11-visual { margin:0; border:1px solid #DCE3EB; background:#EAF0F6; padding:28px; border-radius:14px; min-width:0; }
.w11-visual>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.w11-visual-cell { background:#fff; border-top:3px solid #336BA3; padding:20px; min-width:0; }
.w11-visual-cell:nth-child(even) { border-color:#744BC4; }
.w11-visual-cell small { display:block; color:#647081; font-size:.6875rem; letter-spacing:.04em; margin-bottom:16px; }
.w11-visual-cell strong { font-size:1.2rem; font-weight:500; color:#203D58; line-height:1.4; display:block; }
.w11-visual-cell.protected { background:#203D58; border-color:#203D58; }
.w11-visual-cell.protected strong,.w11-visual-cell.protected small { color:#fff; }
.w11-visual>div>p { grid-column:1/-1; font-size:.8125rem; margin:0; }
.w11-destinations { grid-column:1/-1; display:flex; flex-direction:column; gap:10px; padding:18px; border:1px dashed #647081; color:#203D58; font-size:.8125rem; }
.w11-visual-calculator>div { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
.w11-not-equal { align-self:center; color:#647081; font-size:2rem; font-weight:400; }
.w11-visual-presentation>div { grid-template-columns:1fr; }
.w11-paper { background:#fff; padding:18px; box-shadow:4px 4px 0 #C6D2DE; display:flex; gap:18px; align-items:center; border:1px solid #C6D2DE; }
.w11-paper small { color:#647081; font-size:.6875rem; flex-shrink:0; }
.w11-paper strong { font-size:1.125rem; color:#203D58; font-weight:500; }
.w11-paper:nth-child(2) { margin-left:12px; }
.w11-paper:nth-child(3) { margin-left:24px; }
.w11-visual-browser .w11-visual-cell:nth-child(2) { background:#EEE7FF; }
.w11-visual-research .w11-visual-cell { border-top-style:dashed; }
.w11-visual-workflow>div.w11-workflow-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.w11-workflow-page{min-width:0;background:#fff;border:1px solid #ccd8e3;border-top:3px solid #16816f;border-radius:9px;padding:17px;color:#203d58}
.w11-workflow-page>small{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;color:#4d6074;margin-bottom:8px}
.w11-workflow-page>strong{display:block;font-size:17px;line-height:1.3;margin-bottom:13px}
.w11-workflow-page p{font-size:12px;line-height:1.55;margin:9px 0;color:#354e65}
.w11-grid-table{font-size:11px;font-variant-numeric:tabular-nums;line-height:1.4}
.w11-grid-table>[role=row]{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr));gap:4px;border-top:1px solid #dce4ed;padding:7px 0}
.w11-grid-table>[role=row]:first-child{font-weight:700;color:#526980}
.w11-grid-table span:not(:first-child){text-align:right}
.w11-visual-workflow figcaption{font-weight:700;color:#2c5367}
@media(max-width:650px){.w11-visual-workflow>div.w11-workflow-pages{grid-template-columns:1fr}.w11-workflow-page{padding:15px}.w11-grid-table{font-size:11px}}
.w11-proof { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; margin-block:30px; }
.w11-proof>section { border-top:2px solid #16816F; padding:20px 24px; background:#fff; border-radius:0 0 12px 12px; }
.w11-proof>section:last-child { border-color:#A46637; }
.w11-proof h2 { font-size:1.25rem; margin-bottom:14px; }
.w11-proof p { font-size:.9375rem; margin:0; }
.w11-source,.w11-record { border-block:1px solid #DCE3EB; margin-block:26px; }
.w11-source>summary,.w11-record>summary { min-height:48px; padding:18px 0; color:#203D58; font-size:.9375rem; }
.w11-source p { font-size:.8125rem; max-width:900px; }
.w11-record>div { padding-block:20px; }
.w11-gallery-filters { display:flex; gap:12px; flex-wrap:wrap; margin-block:0 22px; }
.w11-gallery-filters button { background:#fff; color:#203D58; border:1px solid #C6D2DE; border-radius:24px; padding:10px 18px; min-height:44px; font-size:.875rem; }
.w11-gallery-filters button[aria-pressed="true"] { background:#203D58; color:#fff; }
#tool-count { font-size:.8125rem; }
.w11-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.w11-tool-card { display:flex; flex-direction:column; background:#fff; border:1px solid #DCE3EB; border-radius:16px; padding:28px; min-width:0; }
.w11-tool-card>.p10-icon {margin-bottom:18px}
.w11-tool-card>.w11-status { align-self:start; margin-bottom:22px; }
.w11-tool-card h2 { font-size:1.5rem; margin-bottom:18px; line-height:1.25; }
.w11-tool-card>p { font-size:.9375rem; }
.w11-preview-link { display:flex; justify-content:space-between; background:#203D58; color:#fff; border-radius:9px; padding:12px 18px; margin-top:auto; min-height:46px; font-size:.875rem; }
.w11-preview-link:focus-visible { outline-offset:5px; }
.w11-tool-card>.w11-caption { margin:12px 0 0; }
.w11-gallery-boundary { margin-top:38px; padding:28px; border-radius:14px; background:#ECEFF2; }
.w11-gallery-boundary h2 { font-size:1.75rem; margin-bottom:18px; }
.w11-gallery-boundary .w11-link { margin-right:24px; }
.w11-preview { max-width:1100px; }
.w11-preview-problem h2 { font-size:1.5rem; margin-bottom:16px; }
.w11-preview-problem p { max-width:780px; }
.w11-preview>.w11-flow { padding:32px; }
.w11-asset-request { font-size:.8125rem; padding:18px 22px; background:#ECEFF2; border-radius:10px; }
.w11-results-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.w11-results-grid>article { min-width:0; background:#fff; border:1px solid #DCE3EB; border-radius:16px; padding:28px; }
.w11-results-grid h2 { font-size:1.65rem; margin-block:22px; }
.w11-case-flow { list-style:none; padding:0; margin:26px 0; }
.w11-case-flow>li { display:flex; align-items:start; gap:18px; position:relative; padding-bottom:22px; }
.w11-case-flow>li+li:before { content:''; position:absolute; top:-22px; left:23px; height:22px; border-left:2px solid #DCE3EB; }
.w11-case-flow .p10-kicker { font-size:.6875rem; margin-bottom:8px; }
.w11-case-flow p { margin:0; font-size:.9375rem; }
.w11-case-flow .p10-icon {width:46px;height:46px}
.w11-collection { margin-top:44px; padding-top:32px; border-top:1px solid #DCE3EB; }
.w11-collection h2 { font-size:1.75rem; margin-bottom:24px; }
.w11-case-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 30px; margin-bottom:26px; }
.w11-case-index>a { border-bottom:1px solid #DCE3EB; padding-block:16px; }
.w11-case-page { max-width:1120px; }
.w11-case-page>.w11-case-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.w11-case-page>.w11-case-flow>li { background:#fff; padding:24px; border:1px solid #DCE3EB; border-radius:14px; display:block; }
.w11-case-page>.w11-case-flow>li+li:before { display:none; }
.w11-case-page>.w11-case-flow .p10-icon {margin-bottom:24px}
.w11-evidence-tag { display:inline-block; font-size:.75rem; color:#647081; }
.w11-important { border-left:3px solid #A46637; padding:24px; background:#F3E5D770; border-radius:0 12px 12px 0; }
.w11-important h2 { font-size:1.25rem; margin-bottom:16px; }
.w11-important p { font-size:.9375rem; }
.w11-important p:last-child { margin-bottom:0; }
.w11-journey-lead { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:60px; align-items:center; margin-bottom:40px; }
.w11-journey-lead>p { font-size:1.25rem; max-width:650px; }
.w11-journey-lead figure { margin:0; }
.w11-journey-lead img { width:100%; aspect-ratio:1; object-fit:cover; object-position:50% 0; border-radius:16px; }
.w11-journey-lead figcaption { font-size:.6875rem; color:#647081; margin-top:12px; }
.w11-journey-line { list-style:none; padding:0; margin:0; }
.w11-journey-line>li { display:grid; grid-template-columns:56px minmax(0,1fr); gap:28px; position:relative; padding-bottom:24px; }
.w11-journey-line>li:before { content:''; position:absolute; top:48px; bottom:0; left:23px; border-left:2px solid #C6D2DE; }
.w11-journey-line>li:last-child:before { display:none; }
.w11-journey-line article { background:#fff; padding:28px; border:1px solid #DCE3EB; border-radius:14px; }
.w11-journey-line h2 { font-size:1.75rem; margin-block:10px 18px; }
.w11-journey-line .p10-kicker { font-size:.6875rem; }
.w11-journey-line article>strong { color:#203D58; font-weight:500; }
.w11-journey-line .w11-caption { margin-bottom:0; }
.w11-journey-highlights { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:28px; border:1px solid #DCE3EB; background:#fff; border-radius:14px; margin-block:32px; }
.w11-journey-highlights>div>strong { display:block; font-size:2rem; color:#203D58; font-weight:500; }
.w11-journey-highlights span { font-size:.8125rem; color:#647081; }
.w11-journey-highlights figure { margin:0; }
.w11-journey-highlights img { height:88px; width:auto; object-fit:contain; }
.w11-journey-highlights figcaption { margin-top:14px; font-size:.75rem; color:#647081; }
.w11-journey-highlights>.w11-caption { grid-column:1/-1; margin:0; }
.w11-journey-history>.wrap { padding:20px 0; }
.w11-journey-history .page-heading h2 { font-size:2rem; }
.w11-page * { min-width:0; }
@media(max-width:1050px) { .w11-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .w11-system-card { padding:24px; } }
@media(max-width:800px) {
 .w11-system-grid,.w11-results-grid { grid-template-columns:1fr; }
 .w11-project-story { grid-template-columns:1fr; }
 .w11-case-page>.w11-case-flow { grid-template-columns:1fr; }
 .w11-case-page>.w11-case-flow>li { display:flex; gap:22px; }
 .w11-case-page>.w11-case-flow .p10-icon {margin:0}
 .w11-journey-lead { gap:30px; grid-template-columns:minmax(0,1fr) 180px; }
 .w11-journey-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .w11-section-tile { padding:26px; }
 .w11-section-tile h2 { font-size:1.75rem; }
 .w11-next-section { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:560px) {
 .w11-heading { padding-top:30px; }
 .w11-heading h1 { font-size:2.5rem; }
 .w11-heading>p,.w11-project-heading>p { font-size:1rem; }
 .w11-section-grid,.w11-tools-grid,.w11-proof,.w11-case-index { grid-template-columns:1fr; }
 .w11-system-card,.w11-tool-card,.w11-results-grid>article { padding:23px; }
 .w11-project-heading h1 { font-size:2.3rem; }
 .w11-flow { padding:20px; }
 .w11-flow ol { grid-template-columns:1fr; gap:20px; }
 .w11-flow li { display:flex; align-items:center; gap:16px; }
 .w11-flow strong { margin:0; flex:1; }
 .w11-node { flex-shrink:0; }
 .w11-flow-arrow { display:none; }
 .w11-visual,.w11-system-card .w11-visual { padding:20px; }
 .w11-visual-cell { padding:16px; }
 .w11-visual-cell strong { font-size:1rem; }
 .w11-visual-cell small { margin-bottom:12px; }
 .w11-visual-calculator>div { grid-template-columns:1fr; }
 .w11-not-equal { text-align:center; }
 .w11-paper { flex-wrap:wrap; gap:8px; padding:16px; }
 .w11-paper small { flex-basis:100%; }
 .w11-preview>.w11-flow { padding:24px; }
 .w11-journey-lead { grid-template-columns:1fr; gap:16px; }
 .w11-journey-lead figure { width:180px; }
 .w11-journey-line>li { grid-template-columns:40px minmax(0,1fr); gap:16px; }
 .w11-journey-line>li>.p10-icon {width:40px;height:40px}
 .w11-journey-line>li:before { left:19px; top:40px; }
 .w11-journey-line article { padding:22px; }
 .w11-journey-line h2 { font-size:1.5rem; }
 .w11-journey-highlights { padding:22px; gap:24px 14px; }
 .w11-journey-highlights>div>strong { font-size:1.75rem; }
 .w11-journey-highlights img { height:75px; }
 .w11-record>summary,.w11-source>summary { font-size:.875rem; }
 .work-prototype .work-navigation nav { gap:4px 18px; }
 .w11-page { padding-bottom:48px; }
}
@media(prefers-reduced-motion:reduce) { .w11-section-tile { transition:none; } .w11-section-tile:hover { transform:none; } }