@layer theme,base;@layer components{@media (horizontal-viewport-segments:2){:root{--duo-a:calc(env(viewport-segment-width 0 0) - 2 * var(--gutter));--duo-b:calc(env(viewport-segment-width 1 0) - 2 * var(--gutter));--duo-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0) + 2 * var(--gutter))}.duo-split{--duo-inset:0px;grid-template-columns:calc(var(--duo-a) - 2 * var(--duo-inset)) calc(var(--duo-b) - 2 * var(--duo-inset))!important;column-gap:calc(var(--duo-gap) + 2 * var(--duo-inset))!important;display:grid!important}.duo-split>*{min-width:0}.duo-book>.wrap{grid-template-columns:var(--duo-a) var(--duo-b);column-gap:var(--duo-gap);align-items:start;display:grid}.duo-book>.wrap>header{top:calc(var(--header-h) + env(safe-area-inset-top) + 1.5rem);grid-area:1/1/span 12;position:sticky}.duo-book>.wrap>:not(header){grid-column:2;min-width:0}section>.wrap>header>.min-w-0:first-child{max-width:var(--duo-a)!important}}}@layer utilities;