/* Сейф Капитал — карточка-«экспонат» (card.php, идиома сертификата H) */
*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#1d4d33;--deep:#123526;--paper:#f6f3e8;--paper2:#efeadd;--gold:#b98f2f;--gold2:#c8a24a;--bg:#0c2a1e;--mut:#77836f}
body{background:radial-gradient(ellipse at 50% -10%, #16483a 0%, var(--bg) 60%, #082017 100%);
  color:var(--ink);font-family:Georgia,"Times New Roman",serif;padding:34px 12px 80px}
a{color:inherit}
.wrap{max-width:980px;margin:0 auto;position:relative}
.doc{position:relative;background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.5), transparent 60%),
    linear-gradient(170deg,var(--paper),var(--paper2));
  box-shadow:0 34px 70px rgba(0,0,0,.55);padding:34px clamp(18px,5vw,64px) 40px}
.doc::before{content:"";position:absolute;inset:10px;border:2px solid var(--ink);pointer-events:none}
.doc::after{content:"";position:absolute;inset:15px;border:1px solid rgba(29,77,51,.55);pointer-events:none}
.inner{position:relative;z-index:2}
/* шапка-купюра */
.topline{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.serial{font:bold 12px "Courier New",monospace;letter-spacing:.14em;color:var(--deep)}
.topline .bank{font-size:clamp(13px,2.4vw,17px);letter-spacing:.42em;color:var(--deep)}
.crumbs{font-size:11.5px;color:var(--mut);text-align:center;margin-top:12px}
.crumbs a{text-decoration:none;border-bottom:1px solid rgba(185,143,47,.5)}
.crumbs a:hover{color:var(--deep);border-color:var(--gold)}
.crumbs span{margin:0 6px;color:var(--gold)}
/* удостоверение экспоната */
.head{text-align:center;margin:24px 0 6px}
.head .emblem{width:74px;height:74px;margin:0 auto 14px;border-radius:50%;border:2px solid var(--ink);
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--ink);
  background:repeating-radial-gradient(circle at 50% 50%, rgba(29,77,51,.14) 0 1.5px, transparent 1.5px 5px)}
.head .emblem svg{width:40px;height:40px}
.head .cap{font-size:12px;letter-spacing:.3em;color:var(--gold);margin-bottom:8px}
.head h1{font-weight:normal;font-size:clamp(21px,4vw,33px);letter-spacing:.06em}
.head h1 b{color:var(--deep)}
.head .bankline{margin-top:10px;font-size:13px;letter-spacing:.22em;color:var(--deep)}
.head .lead{margin:14px auto 0;max-width:640px;font-size:15.5px;line-height:1.75;color:#3c473f}
.micro{white-space:nowrap;overflow:hidden;font-size:7.5px;letter-spacing:.18em;color:rgba(29,77,51,.5);
  border-top:1px solid rgba(29,77,51,.45);border-bottom:1px solid rgba(29,77,51,.45);padding:3px 0;margin-top:20px}
/* условия — строки книги учёта */
.cond{margin-top:30px;position:relative;padding-left:44px}
.cond::before{content:"";position:absolute;left:15px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(var(--gold2),var(--gold) 20%,var(--gold) 80%,var(--gold2))}
.cond h2,.notes h2,.others h2,.arts h2{font-weight:normal;font-size:12px;letter-spacing:.34em;color:var(--deep);margin-bottom:14px}
.node{position:absolute;left:-44px;top:2px;width:30px;height:30px;border-radius:50%;background:var(--paper);
  border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--paper)}
.node svg{width:15px;height:15px}
.row{position:relative;display:flex;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px solid rgba(29,77,51,.16)}
.row .k{font-size:13.5px;color:#41503f;white-space:nowrap}
.row .dots{flex:1;border-bottom:1.5px dotted rgba(29,77,51,.45);transform:translateY(-4px)}
.row .v{font-size:16px;font-weight:bold;color:var(--deep);white-space:normal;text-align:right;max-width:62%;overflow-wrap:break-word}
.row:first-of-type{padding-top:2px}
/* печать-кнопка */
.seal-zone{text-align:center;margin:32px 0 6px}
.seal{display:inline-block;text-decoration:none;color:#241a05;background:
    repeating-radial-gradient(circle at 50% 50%, rgba(36,26,5,.05) 0 2px, transparent 2px 6px),
    linear-gradient(160deg,#d4b05c,var(--gold2) 55%,var(--gold));
  border:2px solid var(--deep);border-radius:6px;padding:16px 42px;
  font:bold 15px Georgia;letter-spacing:.18em;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--deep),0 12px 24px rgba(18,53,38,.35);
  transition:.15s}
.seal:hover{transform:translateY(-2px);box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--gold),0 16px 30px rgba(18,53,38,.45)}
.seal em{display:block;font-style:normal;font-weight:normal;font-size:10.5px;letter-spacing:.12em;color:#3a2c08;margin-top:4px}
.seal-plain{display:inline-block;text-decoration:none;color:#fff;background:var(--deep);border:1.5px solid var(--ink);
  border-radius:6px;padding:14px 34px;font:bold 14px Georgia;letter-spacing:.14em}
.seal-plain:hover{background:var(--ink)}
.cta-trust{margin-top:12px;font-size:12px;color:var(--mut)}
.cta-trust i{font-style:normal;color:var(--deep);font-weight:bold}
.ofr-note{max-width:560px;margin:8px auto 0;font-size:11px;color:var(--mut);font-style:italic}
/* примечания */
.notes{margin-top:34px;border-top:3px double var(--ink);padding-top:22px}
.notes h3{font-weight:normal;font-size:11px;letter-spacing:.3em;color:var(--gold);margin:18px 0 8px}
.notes h3:first-of-type{margin-top:4px}
.notes p{font-size:14px;line-height:1.8;color:#3c473f;max-width:720px}
.notes a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(185,143,47,.6)}
.notes ul{list-style:none;margin-top:4px}
.notes li{font-size:13.5px;line-height:1.9;color:#41503f;max-width:720px}
.notes li::before{content:"§ ";color:var(--gold)}
.faq{margin-top:18px;border-top:1px solid rgba(29,77,51,.28);padding-top:14px}
.faq details{border-bottom:1px solid rgba(29,77,51,.18)}
.faq summary{cursor:pointer;padding:11px 2px;font-size:14px;color:var(--deep);list-style:none;position:relative;padding-right:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:9px;color:var(--gold);font-size:17px}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 2px 13px;font-size:13px;line-height:1.75;color:#41503f}
/* другие экспонаты */
.others{margin-top:32px;border-top:3px double var(--ink);padding-top:20px}
.others-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.mini{display:block;text-decoration:none;border:1.5px solid var(--ink);background:rgba(255,255,255,.35);padding:12px 14px;transition:.15s}
.mini:hover{border-color:var(--gold);background:rgba(255,255,255,.6)}
.mini b{display:block;font-size:14px;font-weight:normal;color:var(--deep)}
.mini span{display:block;font-size:11px;letter-spacing:.14em;color:var(--mut);margin-top:3px}
.mini i{display:block;font-style:normal;font-size:12.5px;color:var(--ink);margin-top:6px}
.others .all{display:inline-block;margin-top:14px;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(185,143,47,.6)}
.others .all:hover{color:var(--deep);border-color:var(--gold)}
/* журнал (статьи по теме) */
.arts{margin-top:32px;border-top:3px double var(--ink);padding-top:20px}
.art{position:relative;border:1.5px solid rgba(29,77,51,.4);padding:14px 16px 14px 52px;margin-bottom:10px;background:rgba(255,255,255,.3)}
.art:hover{border-color:var(--gold)}
.art .art-num{position:absolute;left:14px;top:14px;font:bold 15px "Courier New",monospace;color:var(--gold)}
.art .tag{font-size:10px;letter-spacing:.24em;color:var(--mut)}
.art h3{font-weight:normal;font-size:15px;margin:4px 0 4px}
.art h3 a{text-decoration:none;border-bottom:1px solid rgba(185,143,47,.5)}
.art h3 a:hover{color:var(--deep);border-color:var(--gold)}
.art p{font-size:12.5px;line-height:1.7;color:#41503f}
.arts .all{display:inline-block;margin-top:6px;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(185,143,47,.6)}
/* липкая кнопка */
.cta-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--deep);
  box-shadow:0 -6px 20px rgba(0,0,0,.4);padding:10px 14px;display:flex;align-items:center;gap:12px}
.cta-sticky .s{font-size:11px;color:#bcd9cb;flex-shrink:1}
.cta-sticky .s b{display:block;color:#f2e9cf;font-size:13px}
.cta-sticky .seal{flex:1;width:auto;padding:12px;font-size:13px;border-radius:5px;box-shadow:0 0 0 2px var(--deep)}
@media(min-width:900px){.cta-sticky{display:none}}
/* подвал документа */
.doc-footer{margin-top:30px;border-top:1px solid rgba(29,77,51,.35);padding-top:18px;text-align:center}
.foot-links{font-size:13px;margin-bottom:10px}
.foot-links a{text-decoration:none;border-bottom:1px solid rgba(185,143,47,.5)}
.foot-links a:hover{border-color:var(--gold);color:var(--deep)}
.doc-footer p{font-size:11.5px;color:var(--mut);line-height:1.8}
@media(max-width:640px){
  .cond{padding-left:34px}.node{left:-34px;width:26px;height:26px}.cond::before{left:12px}
  .row{flex-wrap:wrap}.row .dots{display:none}.row .v{font-size:15px}
}
/* ── раздел-каталог: экспонаты ── */
.trustline{text-align:center;margin-top:14px;font-size:11px;letter-spacing:.22em;color:var(--deep)}
.trustline b{color:var(--gold)}
.cat-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{cursor:pointer;font:12px Georgia;letter-spacing:.12em;color:var(--deep);background:transparent;
  border:1.5px solid var(--ink);padding:7px 14px;transition:.15s}
.chip:hover{border-color:var(--gold)}
.chip.is-active{background:var(--deep);color:var(--paper);border-color:var(--deep)}
.cat-sort{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}
.cat-sort select{font:12px Georgia;color:var(--deep);background:var(--paper);border:1.5px solid var(--ink);padding:6px 8px}
.cat-count{font-size:11px;letter-spacing:.2em;color:var(--mut);margin-bottom:12px}
.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ex{position:relative;display:block;text-decoration:none;border:1.5px solid var(--ink);background:rgba(255,255,255,.35);
  padding:16px 16px 13px;transition:.15s;color:inherit}
.ex:hover{border-color:var(--gold);background:rgba(255,255,255,.65);transform:translateY(-2px)}
.ex .bank{font-size:10.5px;letter-spacing:.24em;color:var(--mut)}
.ex h3{font-weight:normal;font-size:16px;color:var(--deep);margin:5px 0 9px;line-height:1.3}
.ex .r{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:3px 0;border-bottom:1px dotted rgba(29,77,51,.3)}
.ex .r span:first-child{color:#41503f}
.ex .r span:last-child{color:var(--deep);font-weight:bold;text-align:right}
.ex .no{margin-top:9px;font:bold 10px "Courier New",monospace;letter-spacing:.14em;color:var(--gold)}
.ex .rib{position:absolute;top:-1px;right:-1px;background:linear-gradient(160deg,var(--gold2),var(--gold));color:#241a05;
  font:bold 9px Georgia;letter-spacing:.14em;padding:4px 9px;border:1.5px solid var(--deep)}
.ex.is-hidden{display:none}
@media(max-width:640px){.ex-grid{grid-template-columns:1fr}}
/* ── журнал: оглавление и страницы книги ── */
.toc{margin-top:26px}
.toc .t-row{display:flex;align-items:baseline;gap:8px;padding:11px 0;border-bottom:1px solid rgba(29,77,51,.16)}
.toc .t-num{font:bold 13px "Courier New",monospace;color:var(--gold);min-width:26px}
.toc .t-txt{flex-shrink:1}
.toc .t-txt a{font-size:15.5px;color:var(--deep);text-decoration:none;border-bottom:1px solid rgba(185,143,47,.5)}
.toc .t-txt a:hover{border-color:var(--gold)}
.toc .t-txt span{display:block;font-size:11.5px;color:var(--mut);margin-top:2px}
.toc .dots{flex:1;border-bottom:1.5px dotted rgba(29,77,51,.45);transform:translateY(-4px)}
.toc .t-pg{font:bold 12px "Courier New",monospace;color:var(--mut)}
.lead-art{display:flex;gap:18px;align-items:flex-start;border:1.5px solid var(--ink);background:rgba(255,255,255,.35);padding:16px;margin-top:26px;text-decoration:none;color:inherit}
.lead-art:hover{border-color:var(--gold);background:rgba(255,255,255,.6)}
.lead-art img{width:180px;height:auto;border:1px solid var(--ink);flex-shrink:0}
.lead-art .tag{font-size:10px;letter-spacing:.24em;color:var(--gold)}
.lead-art h2{font-weight:normal;font-size:19px;color:var(--deep);margin:6px 0 6px;line-height:1.3}
.lead-art p{font-size:13px;line-height:1.7;color:#41503f}
.lead-art .go{display:inline-block;margin-top:8px;font-size:12px;letter-spacing:.14em;color:var(--gold)}
@media(max-width:640px){.lead-art{flex-direction:column}.lead-art img{width:100%}}
/* страница книги */
.bk-meta{text-align:center;font-size:11px;letter-spacing:.22em;color:var(--mut);margin-top:12px}
.bk-meta b{color:var(--deep);font-weight:normal}
.bk-fig{margin:26px auto;text-align:center;max-width:680px}
.bk-fig img{max-width:100%;height:auto;border:1.5px solid var(--ink);box-shadow:0 0 0 4px var(--paper),0 0 0 5px rgba(29,77,51,.4)}
.bk-fig figcaption{font-size:11px;font-style:italic;color:var(--mut);margin-top:8px}
.bk-body{max-width:720px;margin:30px auto 0}
.bk-body .bk-p{font-size:15.5px;line-height:1.9;color:#333f36;margin:0 0 16px}
.bk-body .bk-p a{color:var(--ink);border-bottom:1px solid rgba(185,143,47,.6);text-decoration:none}
.bk-p.dropcap::first-letter{float:left;font-size:52px;line-height:.85;padding:4px 10px 0 0;color:var(--deep)}
.bk-h2{margin:34px 0 14px;display:flex;align-items:baseline;gap:12px}
.bk-h2 .rn{font:bold 12px "Courier New",monospace;letter-spacing:.1em;color:var(--gold);white-space:nowrap}
.bk-h2 h2{font-weight:normal;font-size:clamp(18px,3vw,23px);color:var(--deep);line-height:1.3}
.bk-list{margin:0 0 16px;padding-left:4px;list-style:none}
.bk-list li{font-size:14.5px;line-height:1.85;color:#333f36;margin-bottom:8px;padding-left:26px;position:relative}
.bk-list li::before{content:"§";position:absolute;left:4px;color:var(--gold)}
.bk-list.ol{counter-reset:bk}
.bk-list.ol li{counter-increment:bk;padding-left:34px}
.bk-list.ol li::before{content:counter(bk,upper-roman) ".";font:bold 11px "Courier New",monospace;color:var(--gold);left:0;top:3px}
.bk-note{border-left:3px solid var(--gold);background:rgba(255,255,255,.4);padding:12px 16px;margin:18px 0;font-size:13.5px;line-height:1.8;color:#41503f}
.bk-note b{display:block;font-size:10px;letter-spacing:.26em;color:var(--gold);margin-bottom:5px}
.bk-note.warn{border-color:#a33}.bk-note.warn b{color:#a33}
.bk-note.err{border-color:#8c1d1d;background:rgba(140,29,29,.06)}.bk-note.err b{color:#8c1d1d}
.bk-note.ok{border-color:var(--deep)}.bk-note.ok b{color:var(--deep)}
.bk-quote{margin:30px auto;text-align:center;max-width:560px}
.bk-quote p{font-size:18px;font-style:italic;line-height:1.7;color:var(--deep)}
.bk-quote::before{content:"❦";display:block;color:var(--gold);font-size:20px;margin-bottom:10px}
.bk-quote::after{content:"❦";display:block;color:var(--gold);font-size:20px;margin-top:10px}
.bk-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13.5px}
.bk-table th{font-size:10.5px;letter-spacing:.16em;color:var(--mut);text-align:left;padding:8px 10px;border-bottom:2px solid var(--ink);font-weight:normal}
.bk-table td{padding:9px 10px;border-bottom:1px dotted rgba(29,77,51,.4);color:#333f36}
.bk-table td:first-child{color:var(--deep);font-weight:bold}
@media(max-width:640px){.bk-table{display:block;overflow-x:auto;white-space:nowrap}}
.bk-next{margin-top:34px;border-top:3px double var(--ink);padding-top:20px}
.bk-next h2{font-weight:normal;font-size:12px;letter-spacing:.34em;color:var(--deep);margin-bottom:12px}
.folio{text-align:center;margin-top:34px;font:bold 12px "Courier New",monospace;letter-spacing:.2em;color:var(--mut)}
.folio::before{content:"— ";color:var(--gold)}
.folio::after{content:" —";color:var(--gold)}
.folio-line{text-align:center;font-size:9px;letter-spacing:.3em;color:rgba(29,77,51,.55);margin-top:6px}
