.page{width:100%;max-width:none;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}main{padding-top:22px}.entry{min-width:0}.entry p{line-height:1.8}.entry-note{line-height:1.6}.guide-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.guide-nav a{border:1px solid var(--line);border-radius:7px;padding:10px 14px;text-decoration:none;color:var(--text);font-size:14px;background:var(--surface)}.guide-note{color:var(--muted);font-size:14px;line-height:1.8}.guide-index{color:var(--tech);font-size:12px;display:block;margin-bottom:10px}.surface{scroll-margin-top:18px}.guide-item{border-top:1px solid var(--line);padding:16px 0}.guide-item:last-child{padding-bottom:0}summary{cursor:pointer;font-size:17px;line-height:1.7}summary:focus-visible,a:focus-visible{outline:2px solid var(--tech);outline-offset:4px}.guide-item p{margin:8px 0}.guide-item h3{color:var(--accent)}.four-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.guide-sources li{margin:12px 0;line-height:1.8}.guide-sources a,.title-row a{color:var(--tech)}@media(max-width:480px){.entry-grid{gap:12px}.entry{padding:20px 14px;min-height:300px}.entry-note{font-size:12px}.four-grid{grid-template-columns:1fr}}@media(min-width:900px){.page{padding-left:36px;padding-right:36px}.entry{min-height:350px}}
.layouts-controls{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.layouts-controls label{display:flex;flex:1 1 200px;flex-direction:column;gap:8px;font-size:14px}.layouts-controls input,.layouts-controls select{width:100%;min-width:0;font:inherit;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--surface)}.layout-number{display:inline-block;color:var(--tech);font:13px ui-monospace,monospace;margin-right:12px}.layout-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:14px;color:var(--accent)}.layout-item[hidden]{display:none}.layout-item summary{font-size:16px}.layout-item p{max-width:80ch}