@charset "UTF-8";
/* About details use readable paragraphs inside the existing stone panels. */
.about-page .profile-details.about-detail-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:stretch; gap:24px; }
.about-page .about-detail-layout > .profile-card { min-width:0; min-height:0; padding:28px; }
.about-page .about-detail-layout .card-number { display:block; width:100%; line-height:1.7; }
.about-page .about-detail-layout > .profile-card > h2 { margin:22px 0 24px; font-size:26px; line-height:1.65; }
.about-page .about-experience-content { width:100%; min-width:0; }
.about-page .about-experience-company { margin:0 0 15px; color:#e0e8ca; font:400 20px/1.75 var(--px-display,monospace); letter-spacing:0; overflow-wrap:anywhere; white-space:pre-line; }
.about-page .about-experience-content .about-experience-period { margin:0 0 26px; padding:12px 14px; border-left:2px solid #b8b47b; background:#b8b47b09; color:#c7cea7; font-size:12px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
.about-page .about-experience-detail { margin:0 0 24px; padding-left:16px; border-left:1px solid #7c956858; }
.about-page .about-experience-detail:last-child { margin-bottom:0; }
.about-page .about-experience-detail h4 { margin:0 0 9px; color:#d2dfb6; font-size:13px; font-weight:500; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.about-page .about-experience-detail p { margin:0; color:#b9cdb0; font-size:13px; line-height:2; white-space:pre-line; overflow-wrap:anywhere; }
.about-page .about-skill-list { width:100%; min-width:0; margin:0; padding:0; list-style:none; color:#b9cdb0; }
.about-page .about-skill-row { display:grid; grid-template-columns:minmax(96px,.28fr) minmax(0,1fr); align-items:baseline; gap:16px; margin:0; padding:19px 0; border-bottom:1px solid #7d91604d; min-width:0; }
.about-page .about-skill-row:first-child { padding-top:0; }
.about-page .about-skill-row:last-child { padding-bottom:0; border-bottom:0; }
.about-page .about-skill-row h3 { min-width:0; margin:0; color:#d5dfb9; font-size:13px; font-weight:500; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
.about-page .about-skill-row p { min-width:0; margin:0; color:#b9cdb0; font-size:13px; line-height:2; white-space:pre-line; overflow-wrap:anywhere; }
.about-page .about-skill-row.is-unlabelled { grid-template-columns:minmax(0,1fr); }
.about-page .about-detail-layout > .about-resume-card { grid-column:1 / -1; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:32px; padding:25px 28px; }
.about-page .about-resume-copy { flex:1; min-width:0; }
.about-page .about-resume-copy h2 { margin:18px 0 10px; color:#e0e8ca; font-size:26px; line-height:1.6; }
.about-page .about-resume-copy p { margin:0; color:#b9cdb0; font-size:13px; line-height:1.9; overflow-wrap:anywhere; }
.about-page .about-resume-card .button { flex-shrink:0; min-height:46px; max-width:100%; margin:0; padding:12px 17px; font-size:12px; line-height:1.7; }
@media(max-width:1000px) {
  .about-page .about-detail-layout > .profile-card { padding:24px; }
  .about-page .about-skill-row { grid-template-columns:minmax(0,1fr); align-items:start; gap:6px; }
  .about-page .about-skill-row h3 { font-size:12px; }
}
@media(max-width:850px) {
  .about-page .profile-details.about-detail-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
  .about-page .about-detail-layout > .about-resume-card { grid-column:auto; }
  .about-page .about-skill-row { grid-template-columns:minmax(110px,.25fr) minmax(0,1fr); gap:20px; }
}
@media(max-width:600px) {
  .about-page .profile-details.about-detail-layout { gap:18px; }
  .about-page .about-detail-layout > .profile-card { padding:22px; }
  .about-page .about-detail-layout > .profile-card > h2 { font-size:24px; margin:19px 0 22px; }
  .about-page .about-experience-company { font-size:18px; margin-bottom:13px; }
  .about-page .about-experience-content .about-experience-period { padding:10px 12px; font-size:12px; margin-bottom:22px; }
  .about-page .about-experience-detail { padding-left:13px; margin-bottom:22px; }
  .about-page .about-experience-detail h4 { font-size:12px; }
  .about-page .about-experience-detail p { font-size:12px; line-height:2; }
  .about-page .about-skill-row { grid-template-columns:minmax(0,1fr); gap:6px; padding:17px 0; }
  .about-page .about-skill-row h3,.about-page .about-skill-row p { font-size:12px; }
  .about-page .about-detail-layout > .about-resume-card { flex-direction:column; align-items:stretch; gap:23px; }
  .about-page .about-resume-copy h2 { margin-top:18px; font-size:24px; }
  .about-page .about-resume-copy p { font-size:12px; }
  .about-page .about-resume-card .button { width:100%; justify-content:space-between; min-height:45px; font-size:12px; }
}