@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --ink: #17283b;
  --ink-soft: #486074;
  --paper: #f7f5ef;
  --paper-deep: #eeece4;
  --white: #fffdf8;
  --line: #d8d8d0;
  --navy: #163a59;
  --navy-dark: #102b43;
  --saffron: #b86c22;
  --saffron-pale: #f5e5d2;
  --teal: #28767a;
  --danger: #a33d3d;
  --shadow: 0 16px 38px rgba(21, 48, 70, .09);
  --display: "Source Serif 4", Georgia, serif;
  --body: "DM Sans", system-ui, sans-serif;
  --mono: "Space Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 15px/1.6 var(--body); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .18; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); }
a { color: inherit; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.pc-nav { background: var(--navy-dark); color: #f8f4eb; border-bottom: 4px solid var(--saffron); }
.pc-nav-inner { max-width: 1240px; margin: auto; padding: 14px 28px 11px; display: flex; align-items: center; gap: 30px; }
.pc-logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; letter-spacing: -.02em; font-size: 1.15rem; }
.pc-logo img { width: 34px; height: 34px; object-fit: contain; }
.pc-nav-links { display: flex; gap: 20px; margin-left: auto; align-items: center; min-width: 0; }
.pc-nav-links a { text-decoration: none; color: #b8c8d2; font-size: .88rem; }
.pc-nav-links a:hover, .pc-nav-links a.active { color: #fff; }
.pc-category-bar { border-top:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.12); }
.pc-primary-nav { max-width: 1240px; margin: auto; padding: 7px 28px; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 5px; }
.pc-primary-item { position: relative; min-width: 0; }
.pc-primary-major { display:flex; align-items:center; justify-content:center; gap:5px; width:100%; min-height:36px; border:1px solid transparent; border-radius:3px; background:transparent; color:#c6d4d9; padding:7px 6px; font-size:.68rem; line-height:1.15; text-align:center; }
.pc-primary-major span { color:#f0bf81; font-size:.9rem; }
.pc-primary-major:hover, .pc-primary-major:focus-visible, .pc-primary-item.is-open .pc-primary-major, .pc-primary-major.is-active { color:#fff; }
.pc-primary-menu { position:absolute; z-index:10; top:100%; left:0; width:245px; padding:7px; background:var(--white); border:1px solid var(--line); box-shadow:var(--shadow); opacity:0; pointer-events:none; transform:translateY(5px); transition:opacity .18s, transform .18s; }
.pc-primary-item:focus-within .pc-primary-menu, .pc-primary-item.is-open .pc-primary-menu { opacity:1; pointer-events:auto; transform:translateY(0); }
@media (min-width:769px) {
  .pc-primary-item:hover .pc-primary-menu { opacity:1; pointer-events:auto; transform:translateY(0); }
}
.pc-primary-subcategory { display:block; width:100%; border:0; background:transparent; color:var(--ink); padding:9px 10px; text-align:left; font-size:.76rem; }
.pc-primary-subcategory:hover, .pc-primary-subcategory:focus-visible, .pc-primary-subcategory.is-active { background:var(--saffron-pale); color:var(--navy); }
.pc-nav-mark { font: 700 .66rem var(--mono); letter-spacing: .12em; color: #f0bf81; text-transform: uppercase; margin-left: 5px; }
.pc-shell { max-width: 1240px; margin: auto; padding: 0 28px; }
.pc-hero { padding: 76px 0 56px; background: linear-gradient(110deg, #183c5b 0%, #214d69 62%, #2b6f73 100%); color: #fff; position: relative; overflow: hidden; }
.pc-hero::after { content: "OFFICIAL RECORD"; position: absolute; right: -34px; bottom: 22px; transform: rotate(-90deg); color: rgba(255,255,255,.12); font: 700 1rem var(--mono); letter-spacing: .22em; }
.pc-kicker { color: #efc68f; font: 700 .7rem var(--mono); text-transform: uppercase; letter-spacing: .16em; }
.pc-hero h1 { font: 700 clamp(2.5rem, 5vw, 4.7rem)/1.02 var(--display); max-width: 760px; margin: 16px 0 18px; letter-spacing: -.045em; }
.pc-hero p { max-width: 650px; color: #d6e1e5; font-size: 1.07rem; margin: 0; }
.pc-hero h1 em{font-style:normal;color:#f0c38a}.pc-hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#b8d0d5;font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.pc-hero-meta span{display:flex;align-items:center;gap:8px}.pc-hero-meta span:before{content:"";width:6px;height:6px;border-radius:50%;background:#d99a5b}
.pc-hero-rule { width: 74px; height: 4px; background: var(--saffron); margin: 29px 0 0; }
.pc-toolbar { background: var(--white); border: 1px solid var(--line); box-shadow: var(--shadow); margin-top: -26px; position: relative; z-index: 2; padding: 20px; }
.pc-browse-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:4px 0 20px;border-bottom:1px solid var(--line)}.pc-browse-head h2{font:700 2rem/1.05 var(--display);margin:7px 0 4px}.pc-browse-head p{margin:0;color:var(--ink-soft)}.pc-browse-count{font:700 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);white-space:nowrap}
.pc-search-row { display: flex; gap: 10px; }
.pc-search { flex: 1; min-width: 0; border: 1px solid #b8c2c5; background: #fff; color: var(--ink); padding: 14px 16px 14px 42px; border-radius: 3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23486074' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") 15px center/18px no-repeat; }
.pc-search:focus, .pc-select:focus { outline: 3px solid rgba(184,108,34,.24); border-color: var(--saffron); }
.pc-button { border: 1px solid var(--navy); background: var(--navy); color: #fff; padding: 0 20px; border-radius: 3px; font-weight: 700; }
.pc-button:hover { background: var(--navy-dark); transform: translateY(-1px); }
.pc-filter-toggle { display: none; }
.pc-library-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:start;padding:36px 0 78px}.pc-filter-sidebar{position:sticky;top:20px;background:var(--white);border:1px solid var(--line);box-shadow:0 10px 28px rgba(21,48,70,.06);padding:18px}.pc-filter-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}.pc-filter-title span{display:block;color:var(--navy);font-weight:800}.pc-filter-title small{display:block;color:var(--ink-soft);font-size:.68rem;margin-top:2px}.pc-filter-note{font-size:.68rem;line-height:1.45;color:var(--ink-soft);padding-top:14px;border-top:1px solid var(--line);margin-top:14px}.pc-filter-note span{color:var(--teal)}.pc-filters{display:grid;grid-template-columns:1fr;gap:0;margin-top:4px}.pc-filters .pc-select{border-width:0 0 1px;border-radius:0;padding:13px 2px;background:transparent}
.pc-select { width: 100%; border: 1px solid #c8ccca; background: var(--paper); color: var(--ink); padding: 10px; border-radius: 2px; }
.pc-filter-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; color: var(--ink-soft); font-size: .82rem; }
.pc-reset { color: var(--saffron); border: 0; background: transparent; font-weight: 700; padding: 0; }
.pc-content { min-width:0; padding:0; }
.pc-section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 20px; gap: 20px; }
.pc-section-head h2 { font: 700 2rem var(--display); margin: 0; letter-spacing: -.025em; }
.pc-section-head p { color: var(--ink-soft); margin: 0; }
.pc-sort { border: 0; border-bottom: 1px solid var(--ink-soft); background: transparent; padding: 8px 2px; color: var(--ink); }
.pc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.pc-day{grid-column:1/-1}.pc-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pc-day-label{display:flex;align-items:center;gap:12px;margin:20px 0 10px;color:var(--navy);font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.pc-day-label i{height:1px;background:var(--line);flex:1}.pc-day-label small{font:400 .68rem var(--body);text-transform:none;letter-spacing:0;color:var(--ink-soft)}
.pc-card { background: var(--white); border: 1px solid var(--line); padding: 23px; min-height: 260px; display: flex; flex-direction: column; position: relative; transition: transform .22s, box-shadow .22s, border-color .22s; }
.pc-card:hover { transform: translateY(-4px); border-color: #aabbbd; box-shadow: var(--shadow); }
.pc-card.featured { border-top: 4px solid var(--saffron); padding-top: 20px; }
.pc-card-top { display: flex; justify-content: space-between; gap: 12px; color: var(--ink-soft); font: .68rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.pc-badge { color: var(--teal); background: #e1efed; padding: 4px 7px; font-weight: 700; }
.pc-card h3 { font: 700 1.35rem/1.2 var(--display); margin: 17px 0 9px; }
.pc-card h3 a { text-decoration: none; }
.pc-card h3 a:hover { color: var(--saffron); }
.pc-card-summary { color: var(--ink-soft); margin: 0 0 16px; }
.pc-card-foot { display: flex; justify-content: space-between; gap: 12px; align-items: end; border-top: 1px solid var(--line); padding-top: 13px; margin-top: auto; font-size: .78rem; color: var(--ink-soft); }
.pc-card-foot strong { color: var(--ink); display: block; }
.pc-arrow { color: var(--saffron); font-weight: 700; white-space: nowrap; }
.pc-pagination { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 31px; }
.pc-page-btn { background: var(--white); border: 1px solid var(--line); color: var(--ink); padding: 8px 14px; }
.pc-page-btn:disabled { opacity: .42; cursor: not-allowed; }
.pc-page-btn:not(:disabled):hover { border-color: var(--saffron); color: var(--saffron); }
.pc-status { padding: 55px 20px; text-align: center; border: 1px dashed #bbc5c2; background: rgba(255,253,248,.5); color: var(--ink-soft); }
.pc-status h3 { font: 700 1.5rem var(--display); color: var(--ink); margin: 0 0 6px; }
.pc-skeleton { height: 270px; background: linear-gradient(90deg,#eeece4,#fbfaf6,#eeece4); background-size: 200% 100%; animation: shimmer 1.4s infinite; border: 1px solid var(--line); }
@keyframes shimmer { to { background-position: -200% 0; } }
.pc-detail-hero { padding: 48px 0 35px; background: var(--navy); color: #fff; }
.pc-breadcrumb { color: #afc0ca; font-size: .82rem; margin-bottom: 27px; }
.pc-breadcrumb a { color: #efc68f; text-decoration: none; }
.pc-detail-hero h1 { font: 700 clamp(2rem,4vw,3.7rem)/1.08 var(--display); max-width: 900px; margin: 12px 0 18px; letter-spacing: -.04em; }
.pc-detail-hero .pc-deck { color: #d4e0e4; max-width: 780px; font-size: 1.05rem; margin: 0; }
.pc-article-meta { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:20px; color:#b9cbd4; font-size:.82rem; }
.pc-article-meta span { position:relative; }
.pc-article-meta span+span::before { content:""; position:absolute; left:-13px; top:.55em; width:4px; height:4px; border-radius:50%; background:#efc68f; }
.pc-detail-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.pc-action { padding: 10px 15px; border: 1px solid #75909e; background: transparent; color: #fff; text-decoration: none; font-weight: 700; }
.pc-action.primary { background: #f0c38a; border-color: #f0c38a; color: var(--navy-dark); }
.pc-action:hover { transform: translateY(-1px); border-color: #fff; }
.pc-detail-layout { max-width: 1440px; display: grid; grid-template-columns: 225px minmax(0, 1fr) 320px; gap: 26px; align-items: start; padding-top: 46px; padding-bottom: 80px; }
.pc-toc { position:sticky; top:20px; max-height:calc(100vh - 40px); overflow:auto; background:var(--white); border:1px solid var(--line); padding:17px 14px; }
.pc-toc-label { padding:0 7px 10px; color:#8795a3; font:700 .67rem var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.pc-toc ol { list-style:none; margin:0; padding:0; }
.pc-toc li { margin:1px 0; }
.pc-toc-link { display:flex; gap:7px; padding:7px; border-left:2px solid transparent; color:#657789; text-decoration:none; font-size:.78rem; line-height:1.4; }
.pc-toc-link span { min-width:25px; color:var(--saffron); font:700 .68rem var(--mono); }
.pc-toc-link.level-h3 { padding-left:19px; font-size:.74rem; }
.pc-toc-link:hover, .pc-toc-link.active { color:var(--navy); background:#f4eee5; border-left-color:var(--saffron); }
.pc-explainer { background: var(--white); border: 1px solid var(--line); padding: clamp(23px,4vw,45px); }
.pc-explainer h2 { font: 700 1.9rem var(--display); margin: 0 0 17px; }
.pc-explainer h3 { font: 700 1.2rem var(--display); margin: 30px 0 7px; }
.pc-explainer p { color: var(--ink-soft); }
.pc-explainer #pcArticleBody > h2:not(:first-child) { margin-top:42px; padding-top:8px; border-top:1px solid #e8e6df; }
.pc-explainer blockquote { margin:24px 0; padding:15px 20px; border-left:4px solid var(--teal); background:#eef5f4; color:var(--ink-soft); }
.pc-explainer table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: .9rem; }
.pc-explainer th, .pc-explainer td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; vertical-align: top; }
.pc-explainer th { background: var(--paper-deep); color: var(--navy); }
.pc-explainer li { margin-bottom: 7px; color: var(--ink-soft); }
.pc-explainer a { color: var(--teal); font-weight: 700; }
.pc-source-disclaimer { margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--line); }
.pc-answer-first { background:linear-gradient(135deg,#eef2ff,#f5f3ff); border-left:4px solid #6366f1; padding:18px 20px; margin:0 0 30px; border-radius:0 8px 8px 0; }
.pc-answer-first b { display:block; color:#4f46e5; font:700 .7rem var(--mono); text-transform:uppercase; letter-spacing:.12em; margin-bottom:5px; }
.pc-answer-first p { color:var(--ink); margin:0; font-size:1.04rem; }
.pc-article-author { margin-top:34px; padding:22px; border-radius:10px; background:#f5f3ff; border:1px solid #ddd6fe; }
.pc-article-author span { display:block; color:#7c3aed; font:700 .67rem var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.pc-article-author strong { display:block; margin-top:4px; font:700 1.15rem var(--display); }
.pc-article-author p { margin:5px 0 0; font-size:.84rem; }
.pc-facts { background: var(--white); border: 1px solid var(--line); position: sticky; top: 20px; }
.pc-facts h2 { margin: 0; padding: 18px 20px; border-bottom: 1px solid var(--line); font: 700 1.25rem var(--display); }
.pc-fact { padding: 12px 20px; border-bottom: 1px solid #e5e5de; display: grid; grid-template-columns: 42% 58%; gap: 8px; font-size: .82rem; }
.pc-fact dt { color: var(--ink-soft); }
.pc-fact dd { margin: 0; font-weight: 600; word-break: break-word; }
.pc-provenance { padding: 18px 20px; background: #edf2f1; }
.pc-provenance h3 { font: 700 1rem var(--display); margin: 0 0 7px; }
.pc-provenance p { color: var(--ink-soft); font-size: .78rem; margin: 0; }
.pc-mono { font: .72rem var(--mono); word-break: break-all; color: var(--ink-soft); }
.pc-hidden { display: none !important; }
.pc-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1100px) {
  .pc-detail-layout { grid-template-columns:minmax(0,1fr) 300px; }
  .pc-toc { position:static; grid-column:1/-1; max-height:none; }
  .pc-toc ol { columns:2; column-gap:24px; }
  .pc-toc li { break-inside:avoid; }
}
@media (max-width: 800px) {
  .pc-shell, .pc-nav-inner { padding-left: 17px; padding-right: 17px; }
  .pc-primary-nav { padding-left:17px; padding-right:17px; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .pc-nav-links { gap: 12px; }
  .pc-category-bar { position: relative; }
  .pc-primary-nav { gap: 4px; padding-top: 8px; padding-bottom: 8px; }
  .pc-primary-item { min-width: 0; }
  .pc-primary-major { max-width:none; width:100%; padding:10px 8px; }
  .pc-primary-menu { position:static; width:auto; display:none; opacity:1; transform:none; pointer-events:auto; box-shadow:none; border:0; border-top:1px solid var(--line); }
  .pc-primary-item.is-open .pc-primary-menu, .pc-primary-item:focus-within .pc-primary-menu { display:block; }
  .pc-primary-subcategory { padding:8px; }
  .pc-hero { padding: 54px 0 45px; }
  .pc-search-row { flex-wrap: wrap; }
  .pc-search { flex-basis: 100%; }
  .pc-button { padding: 11px 17px; }
  .pc-filter-toggle { display: block; margin-top: 12px; background: transparent; border: 1px solid var(--line); color: var(--navy); padding: 10px; width: 100%; font-weight: 700; }
  .pc-library-layout{display:block;padding-top:24px}.pc-filter-sidebar{position:static;margin-bottom:24px}.pc-filter-note{display:none}.pc-filters { display: none; grid-template-columns: 1fr 1fr; }
  .pc-filters.open { display: grid; }
  .pc-browse-head{align-items:flex-start;flex-direction:column}.pc-browse-count{display:none}
   .pc-grid,.pc-day-grid { grid-template-columns: 1fr; }
  .pc-section-head { align-items: flex-start; flex-direction: column; }
  .pc-detail-layout { grid-template-columns: 1fr; gap: 22px; }
  .pc-toc { position:static; max-height:none; }
  .pc-toc ol { columns:1; }
  .pc-facts { position: static; }
}
@media (max-width: 480px) {
  .pc-browse-head h2{font-size:1.7rem}
  .pc-filters { grid-template-columns: 1fr; }
  .pc-hero h1 { font-size: 2.5rem; }
  .pc-detail-hero h1 { font-size: 2.25rem; }
  .pc-card { padding: 18px; }
}