.page-header.page-header--about{align-items:flex-end}.page-header.page-header--about .page-actions{align-self:flex-end;margin-left:6px;margin-right:0;gap:6px;transform:translateY(2px)}.page-header.page-header--about .icon-link .icon{width:18px;height:18px}.about-intro-line{margin:30px 0 0;font-family:var(--font-accent)}.about-section-title{margin-top:32px}.site-friends{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-friends-empty{margin:0;color:var(--muted);font-size:15px;line-height:1.75;font-family:var(--font-accent)}.friend-link-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--panel) 78%,transparent) 0%,transparent 72%),var(--panel);transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.friend-link-card:hover{transform:translateY(-2px);border-color:var(--text)}.friend-link-card__avatar{width:58px;height:58px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--panel) 74%,var(--text));color:var(--text);border:1px solid color-mix(in srgb,var(--border) 85%,var(--text))}.friend-link-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-link-card__fallback{font-size:18px;font-weight:700}.friend-link-card__meta{min-width:0;display:grid;gap:4px}.friend-link-card__name{font-size:16px;line-height:1.4}.friend-link-card__bio{color:var(--muted);font-size:13px;line-height:1.5}.qa-list{margin-top:12px;display:grid;gap:18px}.qa-item{padding:0}.qa-item>summary{list-style:none;cursor:pointer}.qa-item>summary::-webkit-details-marker{display:none}.qa-question{margin:0;display:flex;align-items:center;gap:10px;color:var(--text);font-size:16px;line-height:1.75;font-weight:400;font-family:var(--font-accent)}.qa-icon{width:22px;height:22px;border:1px solid var(--border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--muted);flex:0 0 22px}.qa-answer{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.75;font-family:var(--font-accent)}.contact-block{margin-top:12px}.contact-note{margin:0 0 10px;color:var(--text);font-size:16px;line-height:1.75;font-family:var(--font-accent)}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 34px}.contact-list li{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;color:var(--text);font-size:16px;line-height:1.75;font-family:var(--font-accent)}.contact-link-head{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.contact-icon{width:16px;height:16px;display:block}.focus-list{list-style:none;padding:0;margin:10px 0 30px;display:grid;gap:8px}.focus-list li{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--muted)}.focus-list li:before{content:"•";color:var(--faint)}.tech-stack{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.tech-group-title{font-size:12px;color:var(--faint);letter-spacing:.6px}.tech-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}.tech-item{display:grid;gap:4px}.tech-item-head{display:inline-flex;align-items:baseline;gap:8px}.tech-item-title{font-size:15px;font-weight:600}.tech-item-desc{font-size:13px;color:var(--muted)}.site-guide{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}.site-guide-item{padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);transition:background .2s ease,border-color .2s ease}.site-guide-item:hover{background:#f7f7f5;border-color:#e0dedc}:root[data-theme=dark] .site-guide-item:hover{background:#2f2f2f;border-color:#3b3b3b}.site-guide-head{display:inline-flex;align-items:baseline;gap:8px}.site-guide-link{font-size:12px;color:var(--faint);font-family:var(--font-mono)}.site-guide-title{margin:0;font-size:16px;font-weight:600}.site-guide-desc{margin:4px 0 0;font-size:13px;color:var(--muted)}@media(max-width:900px){.page-header.page-header--about{flex-direction:row;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap}.page-header.page-header--about .page-actions{margin-left:6px;margin-right:0;align-self:flex-end;transform:none}.site-guide{grid-template-columns:1fr;gap:16px}.site-friends,.tech-stack{grid-template-columns:1fr}}