/* Operator Notes — loaded only on /notes/ pages. Uses site.css tokens. */

/* ---------- Notes index ---------- */
.notes-wrap{max-width:760px; margin:0 auto; padding:110px 24px 140px;}
.notes-wrap h1{
  font-size:clamp(36px,5vw,56px); line-height:1.05; font-weight:700; letter-spacing:-0.02em;
  color:var(--paper); margin-bottom:40px;
}
.notes-wrap .notes-intro{font-size:18px; color:#B9C2D6; line-height:1.6; margin-bottom:56px; max-width:560px;}
.notes-list{list-style:none; display:flex; flex-direction:column; gap:20px;}
.note-card{
  display:block; padding:28px 30px; border:1px solid rgba(247,245,239,0.12);
  border-left:3px solid var(--gold); border-radius:var(--radius);
  background:rgba(247,245,239,0.03); transition:background .2s, border-color .2s;
}
.note-card:hover{background:rgba(247,245,239,0.06); border-color:rgba(247,245,239,0.22); border-left-color:var(--gold-light);}
.note-card .note-date{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-light); margin-bottom:12px; display:block;}
.note-card h2{font-size:clamp(21px,2.4vw,26px); line-height:1.25; font-weight:700; color:var(--paper); letter-spacing:-0.01em; margin-bottom:10px;}
.note-card p{font-size:16px; color:#B9C2D6; line-height:1.6;}
.note-card .note-read{display:inline-block; margin-top:16px; font-size:14px; font-weight:600; color:var(--gold-light);}

/* ---------- Article ---------- */
.article-wrap{max-width:720px; margin:0 auto; padding:80px 24px 120px;}
.article-back{display:inline-block; font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-light); opacity:.85; margin-bottom:40px;}
.article-back:hover{opacity:1;}
.article-wrap h1{
  font-size:clamp(30px,4.2vw,46px); line-height:1.12; font-weight:700; letter-spacing:-0.02em;
  color:var(--paper); margin-bottom:22px;
}
.article-meta{font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:.06em; color:#8E9AB3; padding-bottom:32px; margin-bottom:40px; border-bottom:1px solid rgba(247,245,239,0.12);}
.article-meta span{color:var(--gold-light);}

.article-body{font-size:18px; line-height:1.75; color:#D9DEE8;}
.article-body p{margin-bottom:1.25em;}
.article-body h2{
  font-size:clamp(23px,2.8vw,29px); line-height:1.25; font-weight:700; color:var(--paper);
  letter-spacing:-0.01em; margin:2.2em 0 .8em;
}
.article-body h3{font-size:19px; line-height:1.4; font-weight:600; color:var(--paper); margin:0 0 .4em;}
.article-body strong{color:var(--paper); font-weight:600;}
.article-body a{color:var(--gold-light); text-decoration:underline; text-decoration-color:rgba(228,197,92,0.45); text-underline-offset:3px; transition:text-decoration-color .2s;}
.article-body a:hover{text-decoration-color:var(--gold-light);}
.article-body ul{list-style:none; margin:0 0 1.4em; padding:0;}
.article-body li{position:relative; padding-left:26px; margin-bottom:.55em;}
.article-body li::before{content:""; position:absolute; left:4px; top:.72em; width:8px; height:2px; background:var(--gold);}
.article-body hr{border:none; height:1px; background:rgba(247,245,239,0.14); margin:2.6em 0;}
.article-body .article-sign{
  font-style:italic; color:#B9C2D6; border-left:3px solid var(--gold); padding:4px 0 4px 20px;
}
.article-body .faq-item{padding:22px 0; border-top:1px solid rgba(247,245,239,0.1);}
.article-body .faq-item:last-child{border-bottom:1px solid rgba(247,245,239,0.1);}
.article-body .faq-item p{margin-bottom:0;}


@media(max-width:900px){
  .notes-wrap{padding:64px 20px 90px;}
  .article-wrap{padding:48px 20px 80px;}
  .article-back{margin-bottom:28px;}
}
@media(max-width:600px){
  .article-body{font-size:17px; line-height:1.7;}
  .note-card{padding:22px 20px;}
}

/* Note #2: bold CTA link after the italic sign-off; small plain Sources list */
.article-body .article-sign strong{font-style:normal; white-space:nowrap;}
.article-body h2.article-sources-h{font-size:14px; font-family:'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#8E9AB3; font-weight:500; margin:2.6em 0 .8em;}
.article-body ul.article-sources{font-size:14px; line-height:1.6; color:#8E9AB3;}
.article-body ul.article-sources li{padding-left:0; margin-bottom:.4em;}
.article-body ul.article-sources li::before{display:none;}

/* Note #3: table (stacks into cards on mobile) and highlighted block. New classes only. */
.article-body .note-table-wrap{margin:1.6em 0 1.8em; border:1px solid rgba(247,245,239,0.12); border-radius:var(--radius); overflow:hidden;}
.article-body .note-table{width:100%; border-collapse:collapse; font-size:16px; line-height:1.55;}
.article-body .note-table th{text-align:left; font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-light); background:rgba(247,245,239,0.05); padding:14px 18px; border-bottom:1px solid rgba(247,245,239,0.14);}
.article-body .note-table td{padding:14px 18px; vertical-align:top; border-top:1px solid rgba(247,245,239,0.08); color:#D9DEE8;}
.article-body .note-table tbody tr:first-child td{border-top:none;}
.article-body .note-table td:first-child{color:var(--paper); font-weight:600; width:34%;}
.article-body .note-highlight{background:rgba(201,162,39,0.08); border-left:3px solid var(--gold); border-radius:var(--radius); padding:30px 32px; margin:2.4em 0;}
.article-body .note-highlight h3{margin:0 0 .6em; font-weight:700; color:var(--paper);}
.article-body .note-highlight .hl-lead{display:block; font-size:clamp(30px,3.8vw,40px); line-height:1.1; letter-spacing:-0.02em; color:var(--gold-light); margin-bottom:.15em;}
.article-body .note-highlight .hl-rest{display:block; font-size:clamp(23px,2.8vw,29px); line-height:1.25; letter-spacing:-0.01em;}
.article-body .note-highlight p{margin-bottom:0;}
@media(max-width:600px){
  .article-body .note-table-wrap{border:none; overflow:visible;}
  .article-body .note-table thead{display:none;}
  .article-body .note-table, .article-body .note-table tbody, .article-body .note-table tr, .article-body .note-table td{display:block; width:100%;}
  .article-body .note-table tr{border:1px solid rgba(247,245,239,0.12); border-left:3px solid var(--gold); border-radius:var(--radius); padding:14px 16px; margin-bottom:12px; background:rgba(247,245,239,0.03);}
  .article-body .note-table td{border:none; padding:4px 0; font-size:15.5px;}
  .article-body .note-table td:first-child{width:100%; font-size:16.5px; padding-bottom:8px;}
  .article-body .note-table td:not(:first-child)::before{content:attr(data-label); display:block; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8E9AB3; margin-bottom:2px;}
  .article-body .note-highlight{padding:22px 20px;}
}