
.article-template:has(.tom-bos) .article-template__hero-container{max-width:1100px;margin-left:auto;margin-right:auto}
.article-template:has(.tom-bos) .article-template__hero-adapt{height:clamp(220px,32vw,420px);padding-bottom:0!important}
.article-template:has(.tom-bos) .article-template__hero-adapt img{object-fit:cover;object-position:center}
.tom-bos{--bos-gold:#e1c583;--bos-ink:#f0e9db;--bos-muted:#c2b7cc;--bos-purple:#6c2c91;color:var(--bos-ink);font-family:inherit;line-height:1.75;overflow-wrap:anywhere}
.tom-bos *{box-sizing:border-box}
.tom-bos h2,.tom-bos h3{color:var(--bos-gold);line-height:1.25}
.tom-bos h2{margin:2.4rem 0 1.2rem}.tom-bos h3{margin:0 0 .9rem}
.tom-bos p{margin:0 0 1.5rem}.tom-bos a{color:var(--bos-gold);text-underline-offset:4px}
.tom-bos a:hover{color:#fff0ba}.tom-bos a:focus-visible{outline:2px solid var(--bos-gold);outline-offset:5px}
.tom-bos .bos-kicker{color:var(--bos-gold);font-size:1.2rem;letter-spacing:.17em;text-transform:uppercase;margin:0 0 1.3rem}
.tom-bos .bos-hero{padding:clamp(2.2rem,5vw,4rem);border:1px solid #6d566c;border-radius:12px;background:linear-gradient(125deg,#24122f,#0f0c13);margin:0 0 3rem}
.tom-bos .bos-hero h2{font-size:clamp(2.7rem,4vw,4rem);margin:0 0 1.5rem}
.tom-bos .bos-hero p:last-child{margin-bottom:0}
.tom-bos .bos-nav{display:flex;flex-wrap:wrap;gap:1.1rem;margin:2rem 0}.tom-bos .bos-nav a{padding:.8rem 1.4rem;border:1px solid #735b82;border-radius:30px;text-decoration:none;background:#1a1120}
.tom-bos .bos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:2rem 0 3rem}
.tom-bos .bos-card{border:1px solid #57455f;border-radius:12px;background:#140f1a;overflow:hidden;display:flex;flex-direction:column}
.tom-bos .bos-card img{display:block;width:100%;height:190px;object-fit:cover;margin:0;border:0;box-shadow:none}
.tom-bos .bos-card-body{padding:2rem;display:flex;flex-direction:column;flex:1}
.tom-bos .bos-card h3{font-size:2.5rem}.tom-bos .bos-card h3 a{text-decoration:none}
.tom-bos .bos-latin{color:var(--bos-muted);font-size:1.3rem;margin:0 0 1.1rem}
.tom-bos .bos-card .bos-latin{min-height:2.4em}
.tom-bos .bos-card .bos-description{font-size:1.5rem;margin:0 0 1.2rem}
.tom-bos .bos-tags{display:flex;gap:.7rem;flex-wrap:wrap;margin:0 0 1.6rem}.tom-bos .bos-tag{font-size:1.15rem;background:#2f183e;color:#e7cee9;padding:.3rem .8rem;border-radius:4px}
.tom-bos .bos-actions{display:flex;gap:1.3rem;align-items:center;flex-wrap:wrap;margin-top:auto}
.tom-bos .bos-button{display:inline-block;padding:.9rem 1.5rem;background:#643083;border:1px solid #9a66af;border-radius:5px;color:#fff1d2;text-decoration:none;font-size:1.4rem;font-weight:600}
.tom-bos .bos-button:hover{background:#783f99}.tom-bos .bos-shop{font-size:1.35rem}
.tom-bos .bos-note{border-left:3px solid var(--bos-gold);background:#1b1223;padding:1.7rem 2rem;margin:2rem 0;color:#ded3e5}
.tom-bos .bos-note p:last-child{margin-bottom:0}
.tom-bos .bos-future{padding:1.6rem 0;border-top:1px solid #57455f}.tom-bos .bos-future strong{color:var(--bos-gold)}
.tom-bos .bos-lead{font-size:1.9rem;color:#e5d4eb}
.tom-bos .bos-table{width:100%;border-collapse:collapse;margin:1.5rem 0 2.5rem;background:#140f1a;box-shadow:none;font-size:1.5rem}
.tom-bos .bos-table th,.tom-bos .bos-table td{border:1px solid #51405a;padding:1.2rem 1.4rem;text-align:left;vertical-align:top;white-space:normal}
.tom-bos .bos-table th{color:var(--bos-gold);font-weight:600;width:39%;background:#21132b}
.tom-bos .bos-ref{font-size:1.05rem;line-height:1;white-space:nowrap}.tom-bos .bos-ref a{text-decoration:none}
.tom-bos .bos-sources{padding-left:2.2rem;font-size:1.35rem}.tom-bos .bos-sources li{padding-left:.4rem;margin:0 0 1.5rem;scroll-margin-top:15rem}
.tom-bos .bos-source-note{display:block;color:var(--bos-muted);margin-top:.4rem}
.tom-bos .bos-shop-panel{border:1px solid #80658b;border-radius:9px;padding:2.2rem;background:linear-gradient(120deg,#251230,#120f16);margin:2.5rem 0}
.tom-bos .bos-shop-panel h2{margin-top:0}.tom-bos .bos-related{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1.4rem 0}
.tom-bos blockquote{border-left:2px solid var(--bos-gold);padding:1.4rem 2rem;color:#e5d4eb;margin:2rem 0}
@media(max-width:600px){.tom-bos .bos-grid{grid-template-columns:1fr;gap:1.6rem}.tom-bos .bos-card img{height:220px}.tom-bos .bos-table{font-size:1.3rem}.tom-bos .bos-table th,.tom-bos .bos-table td{padding:1rem .9rem}.tom-bos .bos-hero{padding:2.2rem}.tom-bos .bos-lead{font-size:1.7rem}}


.article-template:has(.tom-bos) .article-template__hero-container{max-width:840px}
.article-template:has(.tom-bos) .article-template__hero-adapt{height:auto;aspect-ratio:3/2;padding-bottom:0!important}
.article-template:has(.tom-bos) .article-template__hero-adapt img{object-fit:contain;object-position:center}
.tom-bos .bos-card img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#100b0a}

.bos-auto [hidden]{display:none!important}.bos-auto .bos-tools{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}.bos-auto input,.bos-auto select{background:#21132b;color:#f0e9db;border:1px solid #9a66af;padding:1rem;max-width:100%;font:inherit}.bos-auto input{flex:1;min-width:180px}.bos-auto button{cursor:pointer;font:inherit}.bos-auto .bos-pager{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:3rem}.bos-auto button:disabled{opacity:.5;cursor:default}.bos-auto .bos-alphabet{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.bos-auto .bos-alphabet button{padding:.4rem .8rem}.bos-auto .bos-status{color:#c2b7cc}.bos-auto section{scroll-margin-top:10rem}
