.idea-section{padding-top:var(--section-gap)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.section-heading>p{max-width:34ch;color:var(--color-muted)}.example-controls{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-rule);display:flex}.example-controls>p{font-size:var(--text-sm);color:var(--color-muted)}.example-tabs{gap:var(--space-xs);display:flex}.example-tabs button{border-radius:var(--radius-control);color:var(--color-muted);min-height:48px;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:1px solid #0000}.example-tabs button:hover{background:var(--color-paper-2);color:var(--color-ink)}.example-tabs button[aria-selected=true]{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink)}.example-tabs button:active{transform:translateY(1px)}.example-panel{column-gap:var(--gap-columns);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;display:grid}.example-panel figure{min-width:0;margin:0}.example-panel+.example-panel{margin-top:var(--space-xl)}.example-panel[role=tabpanel]{margin-top:0}.example-copy{padding-right:var(--space-xl)}.example-copy h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:clamp(2rem,2.5vw,2.75rem);line-height:1.1}.example-copy dl{margin:var(--space-lg) 0 var(--space-sm)}.example-copy dt{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-lg)}.example-copy dd{margin:var(--space-xs) 0 0;max-width:36ch}.example-panel img{aspect-ratio:1.5;object-fit:cover;border-radius:var(--radius-card);width:100%}.example-panel figcaption{justify-content:space-between;gap:var(--space-md);padding-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);display:flex}@media (width<=60rem){.example-controls{align-items:start;gap:var(--space-sm);flex-direction:column}.example-copy{padding-right:0}.example-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.example-panel figcaption{flex-direction:column;gap:0}}@media (width<=40rem){.section-heading{align-items:start;gap:var(--space-lg);flex-direction:column}.example-tabs{gap:var(--space-2xs);flex-wrap:wrap}.example-tabs button{padding-inline:var(--space-sm)}.example-panel{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.example-panel figure{grid-row:1}.example-panel figcaption{gap:var(--space-xs);flex-flow:wrap}.example-copy dd{max-width:100%}}.guides-section{padding-top:var(--section-gap)}.guide-handoff{column-gap:var(--gap-columns);padding-top:var(--section-gap);border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.guide-copy{padding-right:var(--space-2xl)}.guide-copy>p{color:var(--color-muted);margin-top:var(--space-lg);max-width:42ch}.guide-copy .quiet-link{margin-top:var(--space-md)}.guide-copy .draft-note{font-size:var(--text-sm);margin-top:var(--space-sm);max-width:42ch}.guide-document{padding:var(--space-xl);border-radius:var(--radius-card);background:var(--color-paper-2)}.document-title{justify-content:space-between;align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule);font-size:var(--text-sm);display:flex}.document-title>span:last-child{color:var(--color-muted)}.guide-document h3{font-family:var(--font-display);margin-top:var(--space-lg);font-size:2rem}.guide-document ul{padding-left:var(--space-md);margin-block:var(--space-lg)}.guide-document li{padding-left:var(--space-xs);margin-block:var(--space-sm)}.guide-document>a{font-size:var(--text-sm);align-items:center;min-height:44px;display:inline-flex}.styles-heading{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-block:var(--space-2xl) var(--space-lg);display:flex}.styles-heading h3{font-size:var(--text-lg)}.style-options{gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.style-option{text-decoration:none}.style-option img{aspect-ratio:1.5;object-fit:cover;border-radius:var(--radius-card);width:100%}.style-name{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.style-name h3{font-size:var(--text-md);font-weight:500}.style-name>span{font-size:var(--text-sm);color:var(--color-muted)}.style-option>p{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-xs);max-width:40ch}.style-option:hover h3{text-underline-offset:.22em;text-decoration:underline}@media (width<=60rem){.guide-copy{padding-right:var(--space-lg)}.guide-document{padding:var(--space-lg)}.style-name{gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap}}@media (width<=40rem){.guide-handoff{gap:var(--space-xl);padding-top:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.guide-copy{padding-right:0}.document-title,.styles-heading{align-items:start;gap:var(--space-xs);flex-direction:column}.style-options{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}