.pdetail{max-width:var(--container-page);margin-inline:auto;padding-inline:var(--gutter);padding-block:var(--space-7)}.pdetail__back{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-6)}.pdetail__back:hover{color:var(--color-accent)}.project{display:flex;flex-direction:column;gap:var(--space-5)}.project__header{display:flex;flex-direction:column;gap:var(--space-2)}.project__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.project__outcome{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}.badge{display:inline-block;padding:.2em .65em;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full)}.badge--success{background:color-mix(in srgb,var(--color-success, #16a34a) 15%,transparent);color:var(--color-success, #16a34a);border:1px solid color-mix(in srgb,var(--color-success, #16a34a) 30%,transparent)}.badge--info{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 28%,transparent)}.project__title{font-size:var(--text-3xl);line-height:1.15;max-width:20ch}.project__links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.project__link{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.project__link:hover{text-decoration:underline}.metrics-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:600px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.project__layout{display:grid;gap:var(--space-6);align-items:start}@media(min-width:1000px){.project__layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:var(--space-7)}}.project__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}.project__aside{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.project__body{display:flex;flex-direction:column;gap:var(--space-4)}.project__body h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-1);margin-top:var(--space-3)}.project__body h4{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-1);margin-top:var(--space-2)}.project__body p{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:72ch}.project__body p+p{margin-top:var(--space-3)}.project__body ul.body-list{list-style:disc;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);max-width:72ch}.project__body ul.body-list li{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal)}.project__body ol.body-list{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);max-width:72ch}.project__body ol.body-list li{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal)}.project__body .body-list strong,.project__body p strong{color:var(--color-text);font-weight:var(--weight-semibold)}.project__body a{color:var(--color-accent);text-decoration:none}.project__body a:hover{text-decoration:underline}.project__body code{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);padding:.15em .4em;border-radius:var(--radius-xs)}.project__body pre{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5}.project__body pre code{background:none;padding:0;font-size:inherit}.project__body blockquote{border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);background:var(--color-bg-subtle);border-radius:var(--radius-sm);max-width:72ch}.data-table-wrap{overflow-x:auto;margin-block:var(--space-3)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border:var(--border-width) solid var(--color-border);color:var(--color-text-muted);line-height:var(--leading-normal)}.data-table thead th{background:var(--color-bg-subtle);color:var(--color-text);font-weight:var(--weight-semibold);font-size:var(--text-xs)}.data-table tbody tr.is-highlight{background:color-mix(in srgb,var(--color-success, #16a34a) 8%,transparent)}.data-table strong{color:var(--color-text)}.pub-list{padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);max-width:68ch}.pub-list li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.pub-list a{color:var(--color-accent);text-decoration:none}.pub-list a:hover{text-decoration:underline}.stack-table-wrap{overflow-x:auto;margin-top:var(--space-3)}.stack-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.stack-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);border-bottom:var(--border-width) solid var(--color-border)}.stack-table td{padding:var(--space-3);vertical-align:top;border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.stack-table__layer{font-weight:var(--weight-medium);color:var(--color-text);width:13ch}.stack-table__tool{font-family:var(--font-mono);font-size:var(--text-xs);width:20ch}.stack-table__why{line-height:var(--leading-normal)}.shot{margin:0}.shot img{display:block;width:100%;height:auto;border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface)}.shot--pad img{padding:var(--space-3)}.shot img+img{margin-top:var(--space-3)}.shot figcaption{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-subtle);line-height:var(--leading-normal)}.project__hero{margin-block:var(--space-2) var(--space-3)}.project__hero img{box-shadow:var(--shadow-sm)}.tech-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pdetail__nav{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-9);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border)}.project__plain{max-width:62ch;margin-block:var(--space-5) var(--space-6);padding-inline-start:var(--space-4);border-inline-start:3px solid var(--color-accent);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--color-text)}