
/* V5.20 Architect Record - evidence-native provenance page */
.architect-page { --architect-max: 1180px; }
.architect-page main { width: min(var(--architect-max), calc(100% - 32px)); margin: 0 auto; }
.architect-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--line); background: rgba(5,7,11,.88); backdrop-filter: blur(18px); }
.architect-header-inner { width: min(var(--architect-max), calc(100% - 32px)); min-height: 68px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.architect-brand { display:flex; align-items:center; gap:10px; }
.architect-brand img { width:30px; height:30px; object-fit:contain; }
.architect-brand strong { display:block; letter-spacing:.08em; }
.architect-brand span { display:block; color:var(--muted); font:600 .64rem/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.architect-nav { display:flex; align-items:center; gap:8px; }
.architect-nav a, .architect-nav button { border:1px solid var(--line); background:rgba(255,255,255,.025); border-radius:999px; padding:9px 12px; color:var(--muted); font:700 .67rem/1 var(--mono); letter-spacing:.05em; cursor:pointer; }
.architect-nav a:hover, .architect-nav button:hover { color:var(--text); border-color:rgba(var(--accent-rgb),.4); }
.architect-progress { position:fixed; top:0; left:0; z-index:90; height:2px; width:calc(var(--architect-progress,0) * 1%); background:var(--accent); box-shadow:0 0 12px rgba(var(--accent-rgb),.55); }
.architect-section { position:relative; padding:92px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.architect-section.compact { padding:68px 0; }
.architect-kicker { margin:0 0 13px; color:var(--accent); font:800 .69rem/1.35 var(--mono); letter-spacing:.13em; text-transform:uppercase; }
.architect-page h1 { max-width:1000px; margin:0; font-size:clamp(2.65rem,7vw,6.3rem); line-height:.94; letter-spacing:-.055em; }
.architect-page h2 { max-width:900px; margin:0; font-size:clamp(2rem,4vw,4rem); line-height:1; letter-spacing:-.04em; }
.architect-page h3 { margin:0; font-size:1.06rem; }
.architect-lead { max-width:900px; margin:22px 0 0; color:var(--muted); font-size:clamp(1.02rem,1.6vw,1.28rem); line-height:1.72; }
.architect-thesis { max-width:980px; margin:28px 0 0; padding:18px 20px; border-left:2px solid var(--accent); background:linear-gradient(90deg,rgba(var(--accent-rgb),.09),transparent); font-size:clamp(1.05rem,1.8vw,1.38rem); line-height:1.65; }
.architect-thesis strong { color:var(--text); }
.preview-banner { margin:18px 0 0; display:flex; gap:10px; align-items:flex-start; max-width:950px; padding:12px 14px; border:1px dashed rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.035); color:var(--muted); font-size:.8rem; line-height:1.55; }
.preview-banner b { flex:none; color:var(--accent); font:800 .66rem/1.4 var(--mono); letter-spacing:.08em; }
.architect-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:34px; }
.architect-stat { min-height:128px; padding:18px; border:1px solid var(--line); background:rgba(255,255,255,.018); }
.architect-stat span { color:var(--muted2); font:700 .64rem/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.architect-stat strong { display:block; margin-top:15px; font-size:1.5rem; letter-spacing:-.03em; }
.architect-stat p { margin:8px 0 0; color:var(--muted); font-size:.78rem; line-height:1.5; }
.record-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:28px; }
.record-principles article { padding:18px; border:1px solid var(--line); background:var(--panel); }
.record-principles span { color:var(--accent); font:800 .65rem/1.3 var(--mono); letter-spacing:.08em; }
.record-principles p { margin:10px 0 0; color:var(--muted); font-size:.86rem; line-height:1.62; }
.phase-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:30px; }
.phase-card { position:relative; min-height:260px; padding:20px; border:1px solid var(--line); background:linear-gradient(180deg,rgba(var(--accent-rgb),.045),rgba(255,255,255,.015)); overflow:hidden; }
.phase-card::before { content:attr(data-phase); position:absolute; right:-4px; top:-14px; color:rgba(var(--accent-rgb),.09); font:900 5.5rem/1 var(--mono); }
.phase-card time { color:var(--accent); font:700 .66rem/1.3 var(--mono); letter-spacing:.07em; }
.phase-card h3 { margin-top:48px; font-size:1.25rem; }
.phase-card p { color:var(--muted); line-height:1.62; font-size:.84rem; }
.phase-card b { display:block; margin-top:14px; color:var(--text); font-size:.8rem; line-height:1.5; }
.evidence-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:32px; }
.evidence-card { border:1px solid var(--line); background:var(--panel); overflow:hidden; }
.evidence-visual { min-height:260px; display:grid; place-items:center; position:relative; padding:22px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.01)), repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,255,255,.025) 29px), repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.025) 29px); }
.evidence-visual::after { content:"IMAGE / CHART SLOT"; color:var(--muted2); border:1px dashed var(--line-strong); padding:10px 12px; font:700 .66rem/1 var(--mono); letter-spacing:.1em; }
.evidence-content { padding:18px; }
.evidence-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; }
.evidence-meta span { padding:6px 8px; border:1px solid var(--line); color:var(--muted); font:700 .61rem/1 var(--mono); letter-spacing:.06em; }
.evidence-meta .verified-type { color:var(--accent); border-color:rgba(var(--accent-rgb),.28); }
.source-quote { margin:14px 0 0; padding:14px; border-left:2px solid var(--accent); background:rgba(var(--accent-rgb),.035); }
.source-quote small { display:block; color:var(--muted2); font:700 .59rem/1.4 var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.source-quote strong { display:block; margin-top:6px; font-size:.97rem; line-height:1.5; }
.source-quote em { display:block; margin-top:7px; color:var(--muted); font-style:normal; font-size:.82rem; line-height:1.5; }
.evidence-copy { margin:13px 0 0; color:var(--muted); font-size:.84rem; line-height:1.62; }
.source-pending { display:inline-flex; margin-top:14px; align-items:center; gap:8px; border:1px dashed rgba(var(--accent-rgb),.35); color:var(--accent); padding:8px 10px; font:700 .62rem/1 var(--mono); letter-spacing:.07em; background:transparent; opacity:.88; }
.bias-surface { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:12px; margin-top:30px; }
.bias-story, .bias-map { padding:22px; border:1px solid var(--line); background:var(--panel); }
.bias-story p { color:var(--muted); line-height:1.72; }
.bias-map { display:grid; gap:8px; align-content:center; }
.bias-step { display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.bias-step:last-child { border:0; }
.bias-step span { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.3); color:var(--accent); font:700 .62rem/1 var(--mono); border-radius:50%; }
.bias-step b { font-size:.84rem; }
.bias-step small { display:block; margin-top:3px; color:var(--muted); line-height:1.45; }
.exit-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:28px; }
.exit-card { padding:20px; border:1px solid rgba(var(--accent-rgb),.25); background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),rgba(255,255,255,.015)); }
.exit-card time { color:var(--accent); font:700 .66rem/1 var(--mono); }
.exit-card strong { display:block; margin:12px 0 8px; font-size:1.2rem; }
.exit-card p { color:var(--muted); line-height:1.62; font-size:.84rem; }
.product-origin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:30px; }
.product-origin { padding:24px; border:1px solid var(--line); background:var(--panel); }
.product-origin .product-code { color:var(--accent); font:800 .67rem/1 var(--mono); letter-spacing:.1em; }
.product-origin h3 { margin-top:12px; font-size:1.6rem; letter-spacing:-.03em; }
.product-origin > p { color:var(--muted); line-height:1.68; }
.origin-flow { display:grid; gap:6px; margin-top:18px; }
.origin-flow span { padding:9px 10px; border:1px solid rgba(255,255,255,.08); color:var(--muted); font:700 .68rem/1.35 var(--mono); }
.origin-flow span:last-child { color:var(--text); border-color:rgba(var(--accent-rgb),.28); background:rgba(var(--accent-rgb),.045); }
.architect-not-lone { margin-top:30px; padding:22px; border:1px solid var(--line); background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent); }
.architect-not-lone p { max-width:920px; color:var(--muted); line-height:1.72; }
.ledger { margin-top:28px; display:grid; gap:10px; }
.ledger details { border:1px solid var(--line); background:rgba(255,255,255,.015); }
.ledger summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:16px 18px; }
.ledger summary::-webkit-details-marker { display:none; }
.ledger summary strong { font-size:.95rem; }
.ledger summary span { color:var(--accent); font:700 .63rem/1 var(--mono); }
.ledger-list { border-top:1px solid var(--line); }
.ledger-row { display:grid; grid-template-columns:118px minmax(0,1fr) auto; gap:14px; align-items:start; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.055); }
.ledger-row:last-child { border-bottom:0; }
.ledger-row time { color:var(--accent); font:700 .64rem/1.35 var(--mono); }
.ledger-row strong { display:block; font-size:.86rem; }
.ledger-row p { margin:5px 0 0; color:var(--muted); font-size:.78rem; line-height:1.5; }
.ledger-row em { color:var(--muted2); font:700 .59rem/1.3 var(--mono); font-style:normal; text-align:right; }
.evidence-legend { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:28px; }
.evidence-legend article { padding:13px; border:1px solid var(--line); }
.evidence-legend b { display:block; color:var(--accent); font:700 .6rem/1.3 var(--mono); letter-spacing:.06em; }
.evidence-legend p { margin:7px 0 0; color:var(--muted); font-size:.74rem; line-height:1.5; }
.open-record { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:28px; }
.open-record article { padding:18px; border:1px solid var(--line); background:rgba(255,255,255,.015); }
.open-record span { color:var(--yellow); font:700 .61rem/1 var(--mono); letter-spacing:.07em; }
.open-record strong { display:block; margin-top:12px; }
.open-record p { color:var(--muted); font-size:.8rem; line-height:1.55; }
.bottom-table { width:100%; margin-top:18px; border-collapse:collapse; font-size:.82rem; }
.bottom-table th, .bottom-table td { padding:12px 10px; text-align:left; border-bottom:1px solid rgba(255,255,255,.07); }
.bottom-table th { color:var(--muted2); font:700 .61rem/1 var(--mono); letter-spacing:.07em; }
.bottom-table td { color:var(--muted); }
.bottom-table td strong { color:var(--text); }
.review-box { display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; margin-top:28px; padding:20px; border:1px solid rgba(var(--accent-rgb),.28); background:rgba(var(--accent-rgb),.045); }
.review-box p { margin:7px 0 0; color:var(--muted); line-height:1.6; }
.review-box button { border:1px solid rgba(var(--accent-rgb),.38); background:var(--accent); color:#081018; padding:11px 14px; font:800 .67rem/1 var(--mono); cursor:pointer; }
.architect-closing { text-align:center; padding-bottom:24px; }
.architect-closing h2 { margin-inline:auto; max-width:1000px; }
.architect-closing p { max-width:780px; margin:22px auto 0; color:var(--muted); line-height:1.72; }
.architect-closing .final-line { margin-top:30px; color:var(--text); font-size:clamp(1.15rem,2.1vw,1.65rem); }
.architect-footer { border-top:1px solid var(--line); padding:24px 16px 38px; text-align:center; color:var(--muted2); font-size:.75rem; }
.architect-record-link { display:inline-block; margin-top:8px; color:var(--accent); font:700 .64rem/1.4 var(--mono); letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:900px){
  .architect-stats,.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .record-principles,.evidence-legend{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bias-surface,.product-origin-grid{grid-template-columns:1fr;}
  .open-record{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .architect-page main{width:min(100% - 22px,var(--architect-max));}
  .architect-header-inner{width:min(100% - 22px,var(--architect-max));min-height:60px;}
  .architect-brand span{display:none;}
  .architect-nav a:not(.lang-link){display:none;}
  .architect-nav button{padding:8px 10px;}
  .architect-section{padding:66px 0;}
  .architect-page h1{font-size:clamp(2.55rem,15vw,4.3rem);}
  .architect-stats,.phase-grid,.record-principles,.evidence-gallery,.exit-pair,.evidence-legend{grid-template-columns:1fr;}
  .evidence-visual{min-height:190px;}
  .ledger-row{grid-template-columns:1fr;gap:5px;}
  .ledger-row em{text-align:left;}
  .review-box{grid-template-columns:1fr;}
  .review-box button{width:100%;}
  .bottom-table{font-size:.72rem;}
  .bottom-table th,.bottom-table td{padding:9px 6px;}
}

.evidence-visual { overflow:hidden; }
.evidence-visual::after { display:none; }
.evidence-visual img { display:block; width:100%; height:auto; max-height:540px; object-fit:contain; border-radius:18px; border:1px solid rgba(255,255,255,.08); box-shadow:0 20px 40px rgba(0,0,0,.35); background:#05070b; }
.source-live, .ledger-source { display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:var(--accent); font:700 .72rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.source-live { margin-top:14px; padding:10px 12px; border-radius:999px; border:1px solid rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.08); width:fit-content; }
.source-live:hover, .ledger-source:hover { color:#fff; border-color:rgba(var(--accent-rgb),.5); background:rgba(var(--accent-rgb),.14); }
.ledger-row { align-items:start; }
.ledger-source { justify-self:end; margin-left:auto; white-space:nowrap; padding-top:2px; }
@media (max-width: 980px){
  .ledger-source{grid-column:2; justify-self:start; margin-left:0; padding-top:0;}
}
.ledger-series { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.ledger-series .ledger-source { margin-left:0; padding-top:0; }
@media (max-width: 980px){ .ledger-series{grid-column:2; justify-content:flex-start;} }

/* === V5.22 Architect Record: shared public-surface theme === */
.architect-page{
  --architect-max:1120px;
  --signal:var(--accent);
  --signal-soft:rgba(var(--accent-rgb),.14);
  --signal-line:rgba(var(--accent-rgb),.34);
}
.architect-page main{
  width:min(var(--architect-max),calc(100vw - 36px))!important;
  margin:0 auto!important;
}
.architect-page .architect-progress{
  background:var(--signal);
  box-shadow:0 0 14px var(--signal-soft);
}
.architect-page .architect-section{
  padding:78px 0;
  border-bottom:1px solid rgba(157,184,212,.12);
}
.architect-page .architect-section.compact{padding:60px 0;}
.architect-page .architect-kicker{
  color:var(--signal);
  font-family:var(--mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.architect-page h1{
  max-width:920px;
  font-size:clamp(2.8rem,6vw,5.4rem);
  line-height:.93;
  letter-spacing:-.065em;
  font-weight:900;
}
.architect-page h2{
  max-width:900px;
  font-size:clamp(2rem,4vw,3.55rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:900;
}
.architect-page .architect-lead{
  max-width:820px;
  color:var(--muted);
  font-size:clamp(1rem,1.4vw,1.15rem);
  line-height:1.72;
}
.architect-page .architect-thesis{
  border:1px solid var(--signal-line);
  border-left:2px solid var(--signal);
  border-radius:10px;
  background:linear-gradient(135deg,var(--signal-soft),rgba(5,10,18,.82) 70%);
  box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
}
.architect-page .architect-stat,
.architect-page .record-principles article,
.architect-page .phase-card,
.architect-page .evidence-card,
.architect-page .bias-story,
.architect-page .bias-map,
.architect-page .exit-card,
.architect-page .product-origin,
.architect-page .architect-not-lone,
.architect-page .ledger details,
.architect-page .evidence-legend article,
.architect-page .open-record article,
.architect-page .review-box{
  border:1px solid rgba(157,184,212,.16)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(8,16,28,.88),rgba(5,10,18,.82))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.architect-page .phase-card,
.architect-page .exit-card{
  background:linear-gradient(180deg,var(--signal-soft),rgba(5,10,18,.84) 58%)!important;
}
.architect-page .phase-card::before{color:rgba(var(--accent-rgb),.10);}
.architect-page .architect-stat:hover,
.architect-page .record-principles article:hover,
.architect-page .phase-card:hover,
.architect-page .evidence-card:hover,
.architect-page .product-origin:hover,
.architect-page .open-record article:hover{
  border-color:var(--signal-line)!important;
}
.architect-page .architect-stat span,
.architect-page .record-principles span,
.architect-page .phase-card time,
.architect-page .evidence-meta .verified-type,
.architect-page .exit-card time,
.architect-page .product-origin .product-code,
.architect-page .ledger summary span,
.architect-page .ledger-row time,
.architect-page .evidence-legend b,
.architect-page .open-record article>span{
  color:var(--signal)!important;
}
.architect-page .source-quote{
  border-left-color:var(--signal);
  border-radius:0 8px 8px 0;
  background:linear-gradient(90deg,var(--signal-soft),rgba(255,255,255,.015));
}
.architect-page .source-live,
.architect-page .ledger-source{
  color:var(--signal);
}
.architect-page .source-live{
  border-color:var(--signal-line);
  background:linear-gradient(180deg,var(--signal-soft),rgba(255,255,255,.025));
  border-radius:8px;
}
.architect-page .source-live:hover,
.architect-page .ledger-source:hover{
  border-color:var(--signal-line);
  color:var(--text);
}
.architect-page .evidence-visual{
  padding:18px;
  background:
    radial-gradient(circle at 18% 8%,var(--signal-soft),transparent 42%),
    linear-gradient(180deg,rgba(3,7,13,.96),rgba(5,10,18,.92));
}
.architect-page .evidence-visual img{
  border-radius:10px;
  border-color:rgba(157,184,212,.14);
}
.architect-page .ledger details[open]{
  border-color:var(--signal-line)!important;
}
.architect-page .ledger summary{
  background:linear-gradient(180deg,rgba(8,16,28,.56),rgba(5,10,18,.34));
}
.architect-page .ledger details[open] summary{
  background:linear-gradient(180deg,var(--signal-soft),rgba(5,10,18,.46));
}
.architect-page .ledger-row{
  border-bottom-color:rgba(157,184,212,.10);
}
.architect-page .origin-flow span:last-child{
  border-color:var(--signal-line);
  background:var(--signal-soft);
}
.architect-page .bias-step span{
  border-color:var(--signal-line);
  color:var(--signal);
}
.architect-page .bottom-table{
  border:1px solid rgba(157,184,212,.16);
  border-radius:10px;
  overflow:hidden;
  background:rgba(5,10,18,.78);
}
.architect-page .review-box button{
  border:1px solid var(--signal-line);
  border-radius:8px;
  background:linear-gradient(180deg,var(--signal-soft),rgba(255,255,255,.035));
  color:var(--text);
}
.architect-page footer,
.architect-page .architect-footer{
  border-top-color:rgba(157,184,212,.16);
  background:linear-gradient(180deg,rgba(3,7,13,.18),rgba(3,7,13,.72));
}
@media(max-width:680px){
  .architect-page main{width:min(100% - 28px,var(--architect-max))!important;}
  .architect-page .architect-section{padding:58px 0;}
  .architect-page .architect-section.compact{padding:44px 0;}
  .architect-page h1{font-size:clamp(2.25rem,11vw,3.7rem);}
  .architect-page h2{font-size:clamp(1.8rem,8vw,2.7rem);}
  .architect-page .evidence-visual{padding:10px;}
}
