:root{--accent:#24776e;--accent-soft:#eaf3f1;--paper:#fff;--radius:8px;--ink:#26312f;--muted:#64716f;--line:#dce4e1;--page-gutter:28px;--sidebar-width:310px;--column-gap:24px}
body{background:#fafbf9;font-family:Inter,Arial,sans-serif}
/* Same 48px top inset and 44px link height as the profile's Projects view. */
.web-header{position:static;height:auto;max-width:1660px;margin:auto;padding:48px var(--page-gutter) 0;border:0;display:flex;align-items:center;background:transparent}
.web-header a{text-decoration:none}
.web-header .back-btn{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;font-size:.875rem;line-height:1.25rem;letter-spacing:-.011rem;color:var(--muted);transition:color .3s cubic-bezier(.4,0,.2,1)}
.web-header .back-btn:hover{color:var(--accent)}
.web-header .back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* One column definition for the introduction and the controls/results below. */
.layout,.web-intro{grid-template-columns:var(--sidebar-width) minmax(0,1fr);column-gap:var(--column-gap);max-width:1660px;padding-inline:var(--page-gutter)}
.web-intro{display:grid;margin:0 auto 4px;padding-block:0;text-align:left;align-items:start}
.web-intro-main{grid-column:2;min-width:0;container-type:inline-size}
.web-intro-text{width:fit-content;max-width:100%}
.web-intro h1{font-family:"EB Garamond",Georgia,serif;font-weight:500;font-size:42px;margin:0 0 10px}
/* Preserve the requested 1.3x heading measure on larger screens. */
.web-intro p{width:0;min-width:100%;min-width:min(130%,100cqw);margin:6px 0;font-size:13px;line-height:1.7;color:var(--muted)}
.web-intro .browser-note{font-size:11px}#browserStatus{color:var(--accent)}
@media(min-width:1350px){:root{--page-gutter:34px;--sidebar-width:320px;--column-gap:30px}}
@media(max-width:1050px){:root{--page-gutter:18px;--sidebar-width:270px;--column-gap:17px}}
@media(max-width:720px){
  :root{--page-gutter:12px}
  .web-header{padding-inline:20px}
  .web-intro{display:block}
  /* Align with the Experiment heading inside the card, including its 20px inset. */
  .web-intro-main{padding-inline:20px;border-inline:1px solid transparent}
  .web-intro h1{font-size:34px}
  .web-intro-text{width:100%}
  .web-intro p{width:auto;min-width:0;max-width:100%}
}