.site-wrapper{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-16) var(--sp-6)}.site-container{width:100%;max-width:860px}.page-grid{display:grid;grid-template-columns:1fr 260px;gap:var(--sp-16);align-items:start}.site-name{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;color:var(--text);margin-bottom:var(--sp-6);letter-spacing:-.01em}.intro-text{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--sp-8);max-width:400px}.nav-entries{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-8);list-style:none}.nav-entries li{display:flex;align-items:center;gap:var(--sp-2)}.nav-entries .em-dash{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.nav-entries a,.nav-entries button{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition)}.nav-entries a:hover,.nav-entries button:hover{color:var(--text-secondary);text-decoration:none}.email-revealed{display:inline-flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.email-revealed .email-address{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text)}.copy-btn{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius);padding:1px var(--sp-2);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.copy-btn:hover{color:var(--text);border-color:var(--text-muted)}.copy-btn.copied{color:#5c8c5c;border-color:#b8d4b8}.shortcuts-hint{display:flex;flex-direction:column;gap:var(--sp-2)}.shortcut-line{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-2)}.kbd{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border);border-radius:3px;background:var(--bg-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--text-secondary);line-height:1}.col-aside{padding-top:4px}.aside-section{margin-bottom:var(--sp-8)}.aside-section:last-child{margin-bottom:0}.aside-content{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.aside-content a{color:var(--text);font-weight:500;text-decoration-color:var(--border)}.aside-content a:hover{text-decoration-color:var(--text)}.published-entry{margin-top:var(--sp-1)}.published-entry .entry-title{display:block;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);text-decoration:none;font-weight:400;line-height:1.5;text-decoration-color:var(--border);text-decoration:underline;text-underline-offset:3px}.published-entry .entry-title:hover{text-decoration-color:var(--text)}.published-entry .entry-meta{display:block;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-1)}.published-entry .entry-teaser{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-1);line-height:1.55}@media(max-width:640px){.site-wrapper{padding:var(--sp-12) var(--sp-6)}.page-grid{grid-template-columns:1fr;gap:var(--sp-12)}.col-aside{padding-top:0;border-top:1px solid var(--border);padding-top:var(--sp-8)}.shortcuts-hint{display:none}}@media(min-width:641px){.shortcuts-hint{display:flex}}