@layer layout-desktop{.layout>*,div.island-holder>*{min-width:0}.layout>article aside{position:sticky;top:0;height:100vh}.layout>article h1{margin-block-end:2.500rem;font:500 italic 3.000rem/1.2 Sofia Sans Extra Condensed;text-transform:uppercase;letter-spacing:0.03em}.layout>article{grid-column:2 / 3;margin-block-start:80px;display:grid;grid-template-columns:2fr 1fr;grid-column-gap:80px;align-items:start}.layout.search>article .debug{font-size:12px;display:flex;flex-wrap:wrap;color:var(--ink-light)}.layout.search>article h1 .page-count{margin-inline-start:2ch;text-transform:none;letter-spacing:0;font:500 16px/1.2 var(--sans)}.layout.search>article aside .Histogram{margin-block-start:6.100rem;flex-grow:1}.layout.search>article aside{display:flex;flex-direction:column;gap:40px;height:calc(100vh - 80px - 22px);top:80px}.layout.search>article{margin-block-start:80px;display:grid;grid-template-columns:2fr 1fr;grid-column-gap:80px}.layout.home h1 span:nth-child(2){background-color:red;color:white}.layout.home h1 span{flex:1;display:flex;align-items:center;justify-content:center;padding-inline:0.500rem}.layout.home h1{margin-block:40px;display:inline-flex;flex-direction:column;aspect-ratio:1;background-color:white;color:black;border:3px solid black;text-transform:uppercase;font:600 italic 3.375rem/1.2 Sofia Sans Extra Condensed;letter-spacing:-0.03em;line-height:1}.layout.calendar.month>article{grid-template-columns:1fr}.layout.person>article header{grid-area:header}.layout.person>article main{grid-area:main}.layout.person>article aside{grid-area:aside}.layout.person>article{grid-template-areas:"header header" "main aside"}.layout{display:grid;grid-template-columns:minmax(40px,auto) minmax(auto,1400px) minmax(40px,auto);min-height:calc(100% - var(--island-height) - 40px - 22px)}div.island-holder>div .Island{grid-column:1 / 2}div.island-holder>div{grid-column:2 / 3;display:grid;justify-items:center;grid-template-columns:1fr 0fr;grid-column-gap:80px;transition:grid-template-columns 0.2s ease-in-out}div.island-holder{display:grid;grid-template-columns:minmax(40px,auto) minmax(auto,1400px) minmax(40px,auto);width:100%;position:fixed;bottom:22px}div#island-placeholder{height:calc(var(--island-height) + 40px)}body:has(div.layout.search.results) div.island-holder>div{grid-template-columns:2fr 1fr}body>footer .Eof{grid-column:2 / 3}body>footer{display:grid;grid-template-columns:minmax(40px,auto) minmax(auto,1400px) minmax(40px,auto)}}
