/* 포트폴리오는 문서 원문 대신 수행 이력을 보여준다.
   상자보다 괘선과 여백으로 시기, 맡은 일, 만든 것, 공개 범위를 가른다.
   글자 사다리는 site-v2.css v3.1 을 따른다 — 쪽 제목 60 › 「수행 이력」 44 › 항목 제목 40 › 요약 17~19 › 사실 15. */
.portfolio-records{padding-top:clamp(72px,8vw,112px)}
.history-intro p{max-width:42rem}
.history-list{margin:44px 0 0;padding:0;border-top:1px solid var(--line-strong);list-style:none}
.history-entry{display:grid;grid-template-columns:minmax(128px,.26fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:clamp(36px,5vw,60px) 0;border-bottom:1px solid var(--line)}
.history-side{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px}
.history-side time{color:var(--text-100);font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}
.history-side>span{color:var(--text-400);font-size:.8125rem;font-weight:650;letter-spacing:.03em}
.history-mark{display:block;width:88px;height:88px;margin-top:22px;border-radius:50%}
.history-body{min-width:0}
.history-body .case-meta{margin:0}
.history-body h2{max-width:16em;margin:8px 0 14px;color:var(--text-100);font-size:clamp(1.75rem,2.9vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.18;text-wrap:balance}
.history-summary{max-width:42rem;margin:0;color:var(--text-300);font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.75;word-break:keep-all;text-wrap:pretty}
.history-facts{margin:28px 0 0;border-top:1px solid var(--line)}
.history-facts>div{display:grid;grid-template-columns:minmax(112px,.22fr) minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.history-facts dt{padding-top:2px;color:var(--text-400);font-size:.8125rem;font-weight:700;letter-spacing:.02em}
.history-facts dd{min-width:0;margin:0;color:var(--text-300);font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere;word-break:keep-all}
.history-facts a{color:var(--teal-hover);text-decoration:underline;text-decoration-color:rgb(57 189 147 / .45);text-underline-offset:4px}
.history-facts a:hover{color:var(--text-100);text-decoration-color:currentColor}

@media(max-width:720px){
  .history-facts a{display:inline-flex;align-items:center;min-height:44px}
  .history-list{margin-top:36px}
  .history-entry{grid-template-columns:minmax(0,1fr);gap:22px;padding:36px 0}
  .history-side{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px 16px}
  .history-side>span{align-self:center}
  .history-mark{grid-column:1/-1;width:72px;height:72px;margin-top:8px}
  .history-body h2{font-size:clamp(1.625rem,7.5vw,2.125rem)}
  .history-facts>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0}
}

@media(max-width:360px){
  .history-entry{padding:30px 0}
  .history-summary{font-size:1rem}
}

@media print{
  .history-entry{break-inside:avoid;grid-template-columns:100px minmax(0,1fr);gap:24px;padding:24px 0}
  .history-mark{width:64px;height:64px}
  .history-body h2,.history-side time{color:#111}
  .history-summary,.history-facts dd,.history-side>span,.history-facts dt{color:#222}
  .history-facts a{color:#16684f}
}