:root{color-scheme:light dark;--bg: #fcfcfc;--fg: #1f2937;--muted: #737373;--border: #e5e5e5;--measure: 640px}@media(prefers-color-scheme:dark){:root{--bg: #0d0d0d;--fg: #e5e5e5;--muted: #8a8a8a;--border: #262626}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:40px 0;background:var(--bg);color:var(--fg);font:clamp(16px,.9rem + .3vw,18px)/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;overflow-wrap:break-word}.shell{max-width:var(--measure);margin:0 auto;padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}a{color:var(--muted);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--fg);outline-offset:4px}a:is([href^="https://" i],[href^="http://" i],[href^="//"]):not([href="https://sonpiaz.com" i],[href^="https://sonpiaz.com/" i],[href^="https://sonpiaz.com?" i],[href^="https://sonpiaz.com#" i],[href="http://sonpiaz.com" i],[href^="http://sonpiaz.com/" i],[href^="http://sonpiaz.com?" i],[href^="http://sonpiaz.com#" i],[href="//sonpiaz.com" i],[href^="//sonpiaz.com/" i],[href^="//sonpiaz.com?" i],[href^="//sonpiaz.com#" i],[href="https://www.sonpiaz.com" i],[href^="https://www.sonpiaz.com/" i],[href^="https://www.sonpiaz.com?" i],[href^="https://www.sonpiaz.com#" i],[href="http://www.sonpiaz.com" i],[href^="http://www.sonpiaz.com/" i],[href^="http://www.sonpiaz.com?" i],[href^="http://www.sonpiaz.com#" i],[href="//www.sonpiaz.com" i],[href^="//www.sonpiaz.com/" i],[href^="//www.sonpiaz.com?" i],[href^="//www.sonpiaz.com#" i]):after{content:" ↗"}p{margin:20px 0}h1{font-size:24px;line-height:32px;font-weight:700;margin:0 0 4px}h2{font-size:20px;line-height:28px;font-weight:700;margin:40px 0 20px}.heading-anchor{font-size:.8em;font-weight:400;color:var(--muted)}blockquote{margin:20px 0;padding-left:16px;border-left:2px solid var(--border);font-size:19px;font-style:normal}.product-mapping{margin-top:40px;border-top:1px solid var(--border)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:36px;margin-bottom:40px;font-size:16px;gap:20px}.site-name{color:var(--fg);white-space:nowrap}.site-header nav{display:flex;flex-wrap:wrap;gap:20px}.site-header nav a[aria-current=page]{color:var(--fg)}.site-header a,.site-footer a,.read-next-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.section-label{margin:40px 0 20px;font-size:13px;line-height:1.6;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.meta{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.intro-links{font-size:16px}.project-list,.writing-list ul,.timeline{list-style:none;padding:0;margin:0}.project-list>li{margin:0 0 24px}.project-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.project-title>a{font-weight:600}.project-title>a,.writing-list li>a,.prose ul a[href^="/writing/"],.read-next-title,.prose a:not(.heading-anchor):not(.meta a){color:var(--fg);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:3px}.project-title>a:hover,.writing-list li>a:hover,.prose ul a[href^="/writing/"]:hover,.read-next-title:hover,.prose a:not(.heading-anchor):not(.meta a):hover{text-decoration-color:currentColor}.project-list .one-liner{margin:4px 0}.evidence-summary{margin:4px 0;font-size:13px;color:var(--muted)}.project-intro{margin-top:4px}.project-meta{margin-top:12px}.writing-list{margin:20px 0;font-size:14px}.writing-year{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;margin:20px 0}.writing-year .year{margin:0}.writing-list li{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.writing-list time{white-space:nowrap}.timeline li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;margin:20px 0}.timeline time{padding-top:4px}.timeline p{margin:0}.timeline a{color:var(--fg)}.prose li{margin:12px 0}.prose ul,.prose ol{padding-left:24px}pre{overflow-x:auto}img{max-width:100%;height:auto}figure.diagram{margin:32px 0;overflow-x:auto}figure.diagram svg{min-width:382px;max-width:100%;height:auto;display:block;margin:0 auto}figure.diagram figcaption{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.back-to-top{margin-left:auto}.read-next{margin-top:40px;border-top:1px solid var(--border)}.read-next-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.read-next-links>:only-child{grid-column:1 / -1}.read-next-links time{display:block}.read-next-newer{text-align:right}@media(max-width:599px){.read-next-links{display:flex;flex-direction:column}.read-next-newer{order:-1;text-align:left}}@media(horizontal-viewport-segments:2){.shell{width:min(var(--measure),env(viewport-segment-width 0 0));margin-left:calc(env(viewport-segment-left 0 0) + max(0px,(env(viewport-segment-width 0 0) - var(--measure)) / 2));margin-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:400px){.site-header nav{gap:8px}.site-header{gap:8px}.writing-list li{flex-wrap:wrap;gap:4px 12px}}
