/* theme from mockup b-biblioteca.html */
body{margin:0;background:#5d5a78 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Crect width='6' height='6' fill='%235d5a78'/%3E%3Crect width='3' height='3' fill='%23545170'/%3E%3C/svg%3E");font-family:"Times New Roman",Times,serif;color:#000;font-size:16px}
a{color:#0000ee} a:visited{color:#551a8b}
.top{display:flex;justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto;padding:12px 6px}
.pill{background:#f3f0e6;border:1px solid #333;border-radius:14px;padding:4px 12px;font:12px Arial,sans-serif;color:#000;text-decoration:none}
.search{background:#fff;border:1px solid #888;font:12px Arial;padding:5px 10px}
.frame{max-width:1040px;margin:0 auto 30px;background:#fff;border:2px solid #333;outline:4px solid #8b88a8;padding:0 0 30px}
.menu{display:flex;justify-content:center;flex-wrap:wrap;gap:0;background:#2d2b3f;padding:5px}
.menu a{font:bold 11px Arial,sans-serif;color:#fff;text-decoration:none;padding:3px 9px;border:1px solid #6e6b8c;background:linear-gradient(#57547a,#38364f);margin:1px}
.menu a.on{background:#e8c642;color:#000}
.wordart{font-family:Impact,"Anton","Arial Narrow Bold",sans-serif;font-size:clamp(40px,7vw,74px);text-align:center;margin:34px 0 0;color:#f6efb8;letter-spacing:-1px;
  -webkit-text-stroke:2px #000;paint-order:stroke fill;
  text-shadow:4px 4px 0 #000,-14px 10px 10px rgba(0,0,0,.35),-28px 18px 14px rgba(0,0,0,.18)}
.wordart.sub{font-size:clamp(20px,3vw,30px);margin-top:4px;color:#fff6c0;-webkit-text-stroke:1px #000;text-shadow:2px 2px 0 #000}
.byline{text-align:center;font:13px Arial,sans-serif;line-height:1.35;margin-top:12px}
.byline b{font-size:15px}
.visit{display:flex;justify-content:center;margin:16px 0 0;font:12px Arial}
.visit span{border:1px solid #000;padding:2px 14px}
.visit span+span{border-left:0}
.visit .num{font-family:"Courier New",monospace;font-weight:bold;color:#c00;letter-spacing:2px}
.note{max-width:340px;margin:26px auto;border:2px solid #555;background:#eee;padding:8px 12px;text-align:center;font-size:15px;line-height:1.3}
.cosmos{width:min(560px,92%);margin:20px auto 0;display:block;background:#000;border:1px solid #000;padding:10px}
.cosmos img{width:100%;display:block}
.cosmos-cap{text-align:center;font-size:13px;margin:6px 0 0;font-style:italic}
.flash{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:30px 0 10px}
.flash figure{margin:0;text-align:center}
.flash img{display:block;border:3px double #000;height:190px;width:auto}
.flash figcaption{font:bold 12px Arial;margin-top:4px}
.welcome{max-width:880px;margin:18px auto 0;padding:0 18px;font:13px Arial,sans-serif;line-height:1.45}
.welcome p{margin:0 0 10px}
.welcome .red{color:#c00;font-weight:bold}
hr.g{border:0;height:3px;max-width:600px;margin:26px auto;background:linear-gradient(90deg,transparent,#c00,#00c,#c00,transparent)}
.two{display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:0 auto;border:1px solid #000}
@media(max-width:700px){.two{grid-template-columns:1fr}}
.two ul{margin:0;padding:10px 10px 10px 30px;font:13px Arial;line-height:1.35}
.two ul+ul{border-left:1px solid #000}
.two li{list-style-type:square;color:#00c}
.two li a{color:#00f}
.two li small{color:#000}
h2.sec{font-family:Impact,"Anton",sans-serif;text-align:center;font-size:34px;color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:3px 3px 0 #000,-8px 6px 8px rgba(0,0,0,.3);margin:34px 0 8px;letter-spacing:.5px}
.dialogue{max-width:880px;margin:0 auto 14px;display:grid;grid-template-columns:110px 1fr;gap:14px;border-bottom:1px dotted #888;padding:10px 18px}
.dialogue .yr{font-family:Impact,"Anton",sans-serif;font-size:44px;color:#00c;text-shadow:2px 2px 0 #9cf}
.dialogue h3{margin:0;font-size:21px} .dialogue h3 a{color:#00e}
.dialogue p{margin:4px 0;font-size:15px}
.dialogue .q{font-style:italic;color:#600}
.bounty{max-width:520px;margin:20px auto;border:4px ridge #c9a000;background:#fff8cc;text-align:center;padding:14px}
.bounty .amt{font-family:Impact,"Anton",sans-serif;font-size:58px;color:#c00;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:3px 3px 0 #000}
.bounty p{margin:6px 0;font-size:15px}
.new{font:bold 10px Arial;color:#fff;background:#f00;padding:0 4px;margin-left:4px;animation:bl 1.2s steps(2,start) infinite}
@keyframes bl{to{visibility:hidden}}
.foot{text-align:center;font:12px Arial;margin-top:30px;line-height:1.6}
.foot a{color:#00e}

/* ---- B: reading pages ---- */
.read{max-width:1000px;margin:0 auto;padding:0 18px}
.crumbs{font:12px Arial,sans-serif;margin:16px 0 0;text-align:left}
.crumbs a{color:#00e}
.meta-line{font:12px Arial,sans-serif;text-align:center;margin:8px 0 0;color:#333}
.st{display:inline-block;font:bold 11px Verdana,sans-serif;padding:0 6px;border:1px solid}
.st.ok{color:#176d0b;border-color:#176d0b}.st.off{color:#a85d00;border-color:#a85d00}.st.del{color:#b00;border-color:#b00}
.note.wide{max-width:720px;text-align:left}
.article{max-width:720px;margin:0 auto;padding:0 18px;text-align:left;font-size:18px;line-height:1.6}
.article h2{font-family:Georgia,"Times New Roman",serif;font-size:26px;color:#000080;border-bottom:2px solid #000080;margin:32px 0 10px}
.article h3{font-size:20px;margin:22px 0 8px}
.article blockquote{margin:14px 0;padding:10px 14px;border:1px solid #999;border-left:5px solid #c00;background:#fffbe6;font-style:italic}
.article blockquote cite{display:block;margin-top:6px;font:normal 12px Arial,sans-serif;color:#444}
.article table{width:100%;border-collapse:collapse;font:13px Arial,sans-serif;margin:14px 0}
.article th,.article td{border:1px solid #777;padding:5px 7px;vertical-align:top;text-align:left}
.article th{background:#2d2b3f;color:#fff}
.article tr:nth-child(even) td{background:#f3f1fb}
.article .byline-a{font:13px Arial,sans-serif;color:#333;text-align:center;margin:10px 0 24px}
.lib{width:100%;border-collapse:collapse;font:14px Arial,sans-serif;max-width:900px;margin:10px auto}
.lib th,.lib td{border:1px solid #555;padding:6px 8px;text-align:left;vertical-align:top}
.lib th{background:#2d2b3f;color:#fff}
.lib td small{color:#444}
.lib .rare{color:#c00;font-weight:bold}
.sessions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:12px 0}
.sessions a{font:bold 12px Arial;padding:3px 10px;border:1px solid #00c;background:#eef}
.sessions a.on{background:#e8c642;border-color:#8a7420;color:#000;text-decoration:none}
.panel-b{max-width:760px;margin:20px auto;border:2px solid #555;background:#f6f5ee;padding:16px;text-align:left}
@media(max-width:600px){.frame{outline:0;border-width:1px}.wordart{text-shadow:3px 3px 0 #000}}
.lib td,.lib th{overflow-wrap:anywhere}@media(max-width:600px){.lib th:nth-child(4),.lib td:nth-child(4){display:none}.lib{font-size:13px}}
@media(max-width:700px){.article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* gallery + figures */
.fig{margin:18px auto;text-align:center}
.fig img{max-width:100%;width:auto;height:auto;max-height:80vh;border:3px double #000;background:#fff}
.fig figcaption{font:13px Arial,sans-serif;color:#222;margin-top:5px}
.fig figcaption small{display:block;color:#666;font-size:11px}
.figrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ghub{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;max-width:960px;margin:20px auto;padding:0 18px}
.gbox{display:block;border:2px solid #333;background:#f6f5ee;text-decoration:none;color:#000;padding:8px;text-align:left}
.gbox:hover{border-color:#c00;background:#fffbe6}
.gthumbs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:6px}
.gthumbs img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border:1px solid #999}
.gbox b{display:block;font:bold 18px Georgia,serif;color:#00c;text-decoration:underline}
.gbox span{display:block;font:13px Arial;margin:3px 0}
.gbox small{font:bold 11px Verdana;color:#a00000}
.gnav{font:13px Arial;text-align:center;margin:14px 0}
.gfull{display:block;max-width:100%;height:auto;max-height:85vh;width:auto;margin:0 auto 8px;border:1px solid #999}
.gthumb{display:block;width:100%;max-width:640px;height:auto;margin:0 auto 4px;border:1px solid #999}
.gnote{font:12px Verdana;text-align:center}
.gcredit{font:12px Arial;color:#555}
.sbox{display:flex;gap:6px;max-width:720px;margin:20px auto}
.sbox input{flex:1;font:18px "Times New Roman",serif;padding:8px 10px;border:2px inset #ccc}
.smsg{font:13px Arial;text-align:center;color:#333}
.shit{max-width:760px;margin:0 auto 14px;text-align:left;border-bottom:1px dotted #999;padding-bottom:10px}
.shit a{font:bold 17px Georgia,serif;color:#00e}
.shit small{display:block;font:11px Verdana;color:#176d0b}
.shit p{margin:4px 0 0;font:15px/1.45 "Times New Roman",serif}
.shit mark{background:#fff36b}
.lib td:first-child{width:96px}
.menu .eco{font:bold 11px Verdana,sans-serif;color:#e8c642;padding:3px 10px 3px 4px;letter-spacing:.5px;align-self:center}
.menu a.back{background:linear-gradient(#c0281f,#7e0c09);border-color:#d55}