/* 발전 기록: 날짜 축과 설명을 나누고 기존 사이트의 색·표면을 사용한다. */
.llt-section{scroll-margin-top:120px}
.llt-intro{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin:26px 0 32px}
.llt-intro>p{max-width:750px;color:var(--read);font-size:14px;line-height:1.9}
.llt-intro>span{flex-shrink:0;color:var(--amber);font-size:11px;font-variant-numeric:tabular-nums}
.llt-overview{padding:27px 28px 24px;background:var(--glass);border:1px solid var(--glass-line);border-radius:13px;backdrop-filter:blur(14px)}
.llt-overview>h3{font-size:12px;color:var(--txt-dim);font-weight:550;margin:0 0 44px}
.llt-overview>ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
.llt-overview li{position:relative;border-top:1px solid var(--glass-line);padding:35px 22px 0 0;min-width:0}
.llt-overview li:last-child{padding-right:0}
.llt-logo{display:inline-grid;place-items:center;position:relative;flex:none;width:52px;height:52px;overflow:hidden;border:1px solid var(--chip-line);border-radius:13px;background:var(--chip);color:var(--chip-ink);font:600 12px var(--mono,monospace)}
.llt-logo img{position:absolute;width:40px;height:40px;object-fit:contain;background:var(--chip)}
.llt-logo-text{background:var(--glass);border-color:var(--glass-line);color:var(--amber);letter-spacing:.04em}
.llt-overview .llt-logo{position:absolute;top:-23px;left:0;width:46px;height:46px;border-radius:12px}
.llt-overview .llt-logo img{width:34px;height:34px}
.llt-milestone-date{font-family:var(--mono,monospace);font-size:11px;color:var(--amber)}
.llt-overview h4{font-size:15px;font-weight:650;letter-spacing:-.03em;margin:10px 0}
.llt-overview h4 a{color:var(--txt)}
.llt-overview h4 a:hover{color:var(--ember)}
.llt-overview p{font-size:12px;line-height:1.85;color:var(--read)}
.llt-filter{display:flex;align-items:end;gap:18px;margin-top:36px}
.llt-filter label{display:flex;flex-direction:column;gap:8px;min-width:210px;font-size:12px;color:var(--read)}
.llt-filter select{border:1px solid var(--glass-line);border-radius:7px;min-height:44px;padding:10px 38px 10px 13px;font-size:13px;background:var(--panel);color:var(--txt);width:100%}
.llt-filter option{color:var(--txt);background:var(--bg-2)}
.llt-filter .local-secondary{min-height:44px}
/* 전체 보기: 기간·분야로 좁혔을 때만 필터 옆에 나타난다 — 돌아갈 길이라 다른 단추보다 또렷하게. */
.llt-show-all{cursor:pointer;color:var(--txt);font-weight:550;border-color:rgba(var(--ember-rgb),.45);background:rgba(var(--ember-rgb),.08);transition:border-color .2s,background .2s,color .2s}
.llt-show-all:hover{border-color:var(--ember);background:rgba(var(--ember-rgb),.14);color:var(--ember)}
.llt-show-all[hidden]{display:none}
.llt-list-head{margin-top:30px;padding-bottom:13px;border-bottom:1px solid var(--glass-line)}
.llt-list-head>p{font-size:12px;color:var(--read);line-height:1.8}
.llt-range-note{font-size:11px;line-height:1.9;color:var(--txt-dim);margin:12px 0 23px}
.llt-event{display:grid;grid-template-columns:130px minmax(0,1fr);gap:30px;position:relative;scroll-margin-top:120px}
.llt-event:target .llt-event-body{background:rgba(var(--ember-rgb),.045)}
.llt-event:focus-visible{outline:2px solid var(--ember);outline-offset:5px;border-radius:8px}
.llt-date{padding:27px 0;text-align:right;display:flex;flex-direction:column;gap:6px}
.llt-date time{font-size:12px;font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;color:var(--amber)}
.llt-date>span{color:var(--txt-dim);font-size:10px}
.llt-event-body{position:relative;border-left:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);padding:25px 25px 25px 32px;min-width:0}
.llt-event-body::before{content:'';position:absolute;top:30px;left:-5px;width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 5px var(--bg-2)}
.llt-event-meta{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;color:var(--txt-dim);font-size:10px;line-height:1.7}
.llt-track{font-size:11px;color:var(--amber)}
.llt-status{border:1px solid var(--glass-line);padding:3px 8px;border-radius:4px;color:var(--read)}
.llt-status[data-status=preview]{border-color:rgba(var(--ember-rgb),.4);color:var(--ember)}
.llt-event-heading{display:flex;align-items:center;gap:15px;margin:15px 0}
.llt-event h3{font-size:22px;line-height:1.5;letter-spacing:-.035em;font-weight:650;margin:0;min-width:0;overflow-wrap:anywhere}
.llt-what{font-size:14px;line-height:1.9;color:var(--read)}
.llt-impact{font-size:13px;line-height:1.9;color:var(--read);margin-top:14px}
.llt-impact>b{display:block;color:var(--txt);font-weight:550;font-size:11px;margin-bottom:3px}
.llt-source-line{display:flex;flex-wrap:wrap;gap:7px 20px;align-items:center;font-size:10px;line-height:1.9;margin-top:17px;color:var(--txt-dim)}
.llt-source-line a{color:var(--tag-peach)}
.llt-permalink{margin-left:auto}
.llt-evidence{margin-top:18px;padding-top:13px;border-top:1px solid var(--glass-line)}
.llt-evidence>summary{font-size:12px;color:var(--read);cursor:pointer;padding:5px 0}
.llt-evidence-body{padding-top:15px}
.llt-evidence h4{font-size:12px;color:var(--txt);font-weight:650;margin:0 0 7px}
.llt-evidence-body>p{font-size:12px;color:var(--read);line-height:1.9;overflow-wrap:anywhere}
.llt-related{display:flex;flex-wrap:wrap;gap:9px 18px;margin:15px 0}
.llt-related a{font-size:11px;line-height:1.8;color:var(--tag-peach);text-decoration:underline;text-decoration-color:var(--glass-line);text-underline-offset:4px}
.llt-sources{font-size:10px!important}
.llt-sources a{color:var(--tag-peach)}
.llt-footnote{font-size:11px;line-height:1.9;color:var(--txt-dim);margin:22px 0}
.llt-empty{padding:32px 20px;background:var(--glass);border:1px solid var(--glass-line);border-radius:10px;text-align:center}
.llt-empty p{font-size:14px;color:var(--read);margin-bottom:18px}
.llt-advice{margin-top:25px;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass);padding:0 25px}
.llt-advice>summary{cursor:pointer;padding:20px 0;font-size:14px;color:var(--read)}
.llt-advice .ll-update-list{margin-bottom:20px}
.llt-advice .ll-update-list>article{grid-template-columns:125px minmax(0,1fr)}
.llt-section a:focus-visible,.llt-section summary:focus-visible{outline:2px solid var(--ember);outline-offset:4px;border-radius:3px}
@media(max-width:1000px){
  .llt-intro{flex-direction:column;gap:10px}
  .llt-overview>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 0}
  .llt-filter label{min-width:0;flex:1}
  .llt-event{grid-template-columns:110px minmax(0,1fr);gap:20px}
}
@media(max-width:700px){
  .llt-overview{padding:22px}
  .llt-overview>h3{margin-bottom:26px}
  .llt-overview>ol{display:block;border-left:1px solid var(--glass-line);margin-left:22px}
  .llt-overview li{border-top:0;padding:0 0 28px 38px}
  .llt-overview li:last-child{padding:0 0 0 38px}
  .llt-overview .llt-logo{top:0;left:-23px}
  .llt-overview h4{margin:5px 0}
  .llt-filter{flex-wrap:wrap;gap:14px}
  .llt-filter label{flex:1 0 calc(50% - 14px);max-width:100%}
  .llt-filter .local-secondary{font-size:11px;padding:9px 14px}
  .llt-list-head>p{font-size:11px}
  .llt-event{display:block;border-left:1px solid var(--glass-line);margin-left:4px}
  .llt-date{flex-direction:row;gap:12px;align-items:baseline;text-align:left;padding:23px 0 0 21px}
  .llt-event-body{border-left:0;padding:12px 4px 25px 21px}
  .llt-event-body::before{top:-15px}
  .llt-event h3{font-size:20px}
  .llt-event-heading{gap:12px;margin:14px 0}
  .llt-event-heading .llt-logo{width:44px;height:44px;border-radius:11px}
  .llt-event-heading .llt-logo img{width:32px;height:32px}
  .llt-what{font-size:13px}
  .llt-impact{font-size:12px}
  .llt-source-line{display:block;line-height:2.2}
  .llt-source-line>*{display:block}
  .llt-source-line .llt-permalink{display:inline-block;margin:4px 0 0}
  .llt-advice{padding:0 18px}
  .llt-advice .ll-update-list>article{grid-template-columns:1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){.llt-section{scroll-behavior:auto}}
@media print{
  .llt-section [data-timeline-interactive]{display:none!important}
  .llt-section .llt-event[hidden]{display:grid!important}
  .llt-section .llt-event{break-inside:avoid}
  .llt-overview{backdrop-filter:none}
}