/* ============================================
   關於 / 技能 / 經歷 — index.html 與 about.html 共用
   (原內嵌於 index.html,抽出以供兩頁共用)
   ============================================ */

  /* ── 關於精簡 ── */
  .about-lite{padding:120px 0;}
  .about-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start;}
  .about-portrait{position:relative;}
  .about-portrait img{
    width:100%;border-radius:12px;display:block;
    border:1px solid var(--line-soft);
    box-shadow:0 30px 60px -30px rgba(29,26,21,.42);
  }
  .about-body{display:flex;flex-direction:column;gap:40px;}
  .about-lite p{
    font-family:var(--serif);font-weight:300;
    font-size:clamp(1.15rem,2.3vw,1.5rem);line-height:1.85;
  }
  .about-lite p + p{margin-top:22px;}
  .about-lite p em{font-style:italic;color:var(--accent);}
  .skills{display:flex;flex-direction:column;gap:24px;}
  .skill-row{border-top:1px solid var(--line);padding-top:13px;}
  .skill-row .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;}
  .skill-row .v{font-size:.94rem;color:var(--ink-soft);line-height:1.7;}

  /* ── 經歷 ── */
  .exp{padding:120px 0 20px;}
  .exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
  .exp-col-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
  .exp-item{display:flex;gap:26px;padding:22px 0;border-top:1px solid var(--line);}
  .exp-when{font-family:var(--mono);font-size:.74rem;color:var(--ink-faint);letter-spacing:.04em;flex-shrink:0;min-width:88px;padding-top:4px;}
  .exp-role{font-family:var(--serif);font-weight:500;font-size:1.18rem;line-height:1.4;}
  .exp-note{font-size:.92rem;color:var(--ink-soft);margin-top:6px;line-height:1.65;}
  .exp-todo{color:var(--ink-faint);font-style:italic;}
  .exp-stints{list-style:none;margin:8px 0 0;padding:0;}
  .exp-stints li{font-family:var(--mono);font-size:.76rem;color:var(--ink-soft);letter-spacing:.02em;padding:3px 0;}
  .exp-stints li .yr{color:var(--accent);}
  .exp-other{margin-top:64px;padding-top:40px;border-top:1px solid var(--line);}
  .exp-other-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 56px;margin-top:6px;}
  .exp-other-item{font-size:.92rem;color:var(--ink-soft);line-height:1.7;}
  .exp-other-item .t{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:4px;}

  @media(max-width:860px){
    .about-grid{grid-template-columns:1fr;gap:36px;}
    .about-portrait{max-width:260px;}
    .exp-grid{grid-template-columns:1fr;gap:40px;}
    .exp-other-grid{grid-template-columns:1fr;}
  }