#orin-pages{background:#18263a;min-height:100svh}.page-shell{width:calc(100% - clamp(48px,9vw,224px));max-width:1664px;margin:auto;padding:68px 0 76px;min-height:calc(100svh - 190px)}.page-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding-bottom:48px;border-bottom:1px solid #40536b}.page-kicker{font-size:12px;letter-spacing:.1em;color:#b0c6e1;margin-bottom:18px}.page-heading h1{font-weight:500;letter-spacing:-.035em;font-size:clamp(36px,4vw,58px);line-height:1.4}.page-intro{font-size:16px;color:#a8bcd5;margin-top:19px}.page-count{display:flex;align-items:baseline;gap:10px;color:#9db4ce;font-size:12px}.page-count strong{font-size:42px;font-weight:350;color:#cedff3;font-variant-numeric:tabular-nums}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0}.author-filters{display:flex;gap:9px}.author-filters button{background:transparent;padding:5px 17px;min-height:44px;border:1px solid #405771;border-radius:4px;color:#aabed8;font-size:13px}.author-filters button.active{color:#e5f0ff;background:#23374f;border-color:#4a6583}.list-search{width:260px}.list-search input{font-size:13px}.entry{display:grid;grid-template-columns:148px minmax(0,1fr) 44px;gap:32px;padding:32px 24px;border-top:1px solid #35495f;transition:background-color 160ms}.entry-side{display:grid;align-content:start;gap:8px;color:#a9bdd5;font-size:12px;padding-top:5px}.entry-number{font:24px/1.4 Georgia,serif;color:#8faacb;margin-bottom:8px}.entry-body h2{font-size:clamp(23px,2.5vw,32px);font-weight:500;line-height:1.5;overflow-wrap:anywhere}.entry-body p{max-width:820px;font-size:15px;line-height:1.9;color:#aebfd6;margin-top:13px;overflow-wrap:anywhere}.entry-labels{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:11px;color:#afcdec;margin-top:20px}.entry-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #48617e;border-radius:4px;font-size:23px;color:#b7d5f7;transition:background-color 160ms,border-color 160ms}.archive-year{font:38px/1.5 Georgia,serif;color:#b1cae7;padding-top:35px;padding-bottom:20px;font-weight:400}.archive-year[hidden]{display:none}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.project-list .entry{grid-template-columns:minmax(0,1fr) 44px;gap:16px}.project-list .entry-side{grid-column:1/-1;display:flex;gap:20px}.journal-list .entry{grid-template-columns:170px minmax(0,1fr) 44px}.journal-list .entry-body{max-width:850px}.page-empty{padding:58px 0 64px}.empty-mark{font-size:38px;color:#7796b8;line-height:1.5}.page-empty h2{font-size:25px;font-weight:450;margin:14px 0}.page-empty p{font-size:15px;color:#adbed3}.page-action{display:inline-flex;align-items:center;min-height:48px;padding:8px 16px;border:1px solid #627d9e;border-radius:4px;gap:28px;margin-top:26px;font-size:14px;color:#d0e1f6}.section-links{border-top:1px solid #40536b;margin-top:58px;display:flex;gap:40px;padding-top:22px}.section-links a{flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 16px;border-bottom:1px solid #405771;font-size:16px;color:#c0d3eb}.section-links a span:last-child{color:#96b7dd;font-size:22px}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:120px;padding-top:52px}.about-main h2{font-size:30px;font-weight:450;margin-bottom:22px}.about-main>p{font-size:18px;line-height:1.9;max-width:720px;color:#bdcfe5}.about-notes{margin-top:34px}.about-notes p{display:flex;gap:28px;padding:16px 0;font-size:15px;color:#aebfd4}.about-notes span{font:12px/2 Georgia,serif;color:#8da8c7}.author-panel{border-left:1px solid #40536b;padding-left:38px}.author-panel h2{font-size:13px;font-weight:400;color:#a9bed7;letter-spacing:.07em;margin-bottom:26px}.person-row{display:flex;align-items:center;gap:20px;padding:16px 0;font-size:20px}.person-row img{width:56px;height:56px;object-fit:cover;border-radius:50%}.friend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px;padding-top:36px;align-items:start}.friend{display:flex;flex-direction:column;gap:20px;min-width:0;aspect-ratio:1;padding:24px;border:1px solid #48617b;border-radius:8px;background:#1c2d43;transition:background-color 180ms,border-color 180ms}.friend h2{font-size:23px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.friend p{font-size:14px;line-height:1.8;color:#b7c7dc;margin-top:12px;overflow-wrap:anywhere}.friend-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.friend-mark{display:grid;place-items:center;min-width:48px;height:48px;padding:0 8px;border:1px solid #617994;border-radius:4px;background:#29415a;color:#d8e8fa;font:500 23px/1 Georgia,serif}.friend:nth-child(even) .friend-mark{background:#343d48;border-color:#78818a;color:#e9ddca}.friend-info{flex:1}.friend-domain{display:block;margin-top:6px;font-size:12px;color:#a5bad3;overflow-wrap:anywhere}.friend-visit{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding-top:12px;border-top:1px solid #405771;color:#c1daf7;font-size:13px}.friend-arrow{font-size:23px;line-height:1;transition:transform 180ms}.filter-empty{padding:38px 0;color:#aebfd5}.page-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:34px}.page-pagination a,.page-pagination span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px}.page-pagination [aria-current],.page-pagination .current{background:#bdd4ef;color:#17283d}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page-heading{animation:arrive 400ms var(--ease) both}@media(hover:hover) and (pointer:fine){.entry:hover{background:#203249}.entry:hover .entry-arrow{background:#2c4561;border-color:#90b3d8}.section-links a:hover,.page-action:hover{color:#eef5ff;background:#23374f}.friend:hover{border-color:#89a8c9;background:#23374e}.friend:hover .friend-arrow{transform:translate(2px,-2px)}}@media(max-width:900px){.page-shell{padding-top:42px}.about-layout{grid-template-columns:1fr;gap:38px}.author-panel{border-left:0;border-top:1px solid #40536b;padding:28px 0 0}.friend-list{grid-template-columns:repeat(2,minmax(0,1fr))}.entry,.journal-list .entry{grid-template-columns:110px minmax(0,1fr) 44px;gap:24px}}@media(max-width:600px){.page-shell{width:calc(100% - 40px);padding-block:30px 44px}.page-heading{padding-bottom:29px;gap:16px}.page-kicker{font-size:10px;margin-bottom:13px}.page-heading h1{font-size:34px}.page-intro{font-size:14px;line-height:1.8;margin-top:14px}.page-count{flex:none;font-size:10px;gap:6px}.page-count strong{font-size:28px}.list-tools{flex-wrap:wrap;gap:12px;padding-block:18px}.list-search{width:100%}.author-filters button{padding-inline:16px}.entry,.journal-list .entry{grid-template-columns:minmax(0,1fr) 44px;gap:12px;padding:24px 16px}.entry-side{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:15px;font-size:11px}.entry-number{font-size:16px;margin:0}.entry-body h2{font-size:24px}.entry-body p{font-size:14px}.entry-labels{margin-top:14px}.project-list,.friend-list{grid-template-columns:1fr}.page-empty{padding-block:32px}.page-empty h2{font-size:22px}.page-empty p{font-size:13px}.section-links{gap:18px;flex-wrap:wrap;margin-top:34px;padding-top:14px}.section-links a{font-size:14px;flex-basis:40%;padding-inline:12px}.about-main h2{font-size:25px}.about-main>p{font-size:16px}.about-notes p{font-size:14px;gap:18px}.about-layout{padding-top:32px}.archive-year{font-size:30px}.page-action{font-size:13px}}@media(prefers-reduced-motion:reduce){.page-heading{animation:none}}

/* Visible controls and equal gutters in every interaction state. */
.entry-body{min-width:0}
.entry-read{margin-left:auto;color:#c1daf7;text-decoration:underline;text-underline-offset:4px}
.entry:focus-visible{background:#203249;outline-offset:3px}
.entry:focus-visible .entry-arrow{background:#2c4561;border-color:#90b3d8}
.friend:focus-visible{border-color:#b8d4f4;background:#23374e}
.friend:focus-visible .friend-visit,.entry:is(:hover,:focus-visible) h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.author-filters button:focus-visible,.section-links a:focus-visible,.page-action:focus-visible{background:#23374f}
.page-pagination a{border:1px solid #48617e;border-radius:4px}
@media(hover:hover) and (pointer:fine){.author-filters button:hover,.page-pagination a:hover{border-color:#829fbe;background:#2a405a}}
@media(min-width:601px) and (max-width:900px){.project-list{gap:24px}.project-list .entry{grid-template-columns:minmax(0,1fr) 44px;padding-inline:20px}}
@media(max-width:600px){.project-list .entry{grid-template-columns:minmax(0,1fr) 44px}.entry-read{margin-left:0}.friend{max-width:440px;width:100%}.friend-list{justify-items:start}}