
/* Gratia Bosco — Trans Info Media, isolated styles only. */
.tim-shell{--tm-accent:#ad3159;--tm-ink:#29252c;--tm-faded:#6e6570;--tm-border:#eadde2;--tm-bg:#fff9fa}
.tim-hero{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:28px;align-items:center;margin-top:23px}
.tim-publisher-mark{background:#fff;padding:15px;border-radius:18px;border:1px solid var(--tm-border);box-shadow:0 8px 30px #4822310a;display:flex;justify-content:center;align-items:center}
.tim-publisher-mark img{width:100%;height:auto;object-fit:contain}
.tim-note{font-size:13px;color:#6b6068;line-height:1.75;background:#fff8f9;border-left:3px solid #d59aaf;padding:12px 17px;border-radius:0 12px 12px 0;margin:16px 0}
.tim-panel{padding:30px 0 58px}
.tim-toolbar{display:grid;grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(120px,.8fr);gap:10px;margin-bottom:14px}
.tim-toolbar label{display:block;font-size:12px;font-weight:700;color:#735763;margin:0 0 6px}
.tim-toolbar input,.tim-toolbar select{display:block;width:100%;height:46px;border:1px solid #e7d6dd;border-radius:11px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:#272228;outline-offset:3px}
.tim-count{color:#695a63;font-size:13px;margin-bottom:16px}
.tim-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tim-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tm-border);border-radius:18px;background:#fff;color:var(--tm-ink);text-decoration:none;min-width:0;box-shadow:0 9px 23px #4d23300a;transition:transform .14s,box-shadow .14s}
.tim-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #4d233015}
.tim-card figure{background:linear-gradient(155deg,#faf2f4,#f4e8ed);margin:0;height:205px;display:grid;place-items:center;padding:13px;overflow:hidden}
.tim-card figure img{display:block;max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 7px #17111520)}
.tim-card .tim-no-image{font-size:12px;color:#8d6877;max-width:115px;text-align:center}
.tim-card-text{padding:15px 15px 17px;display:flex;flex-direction:column;gap:8px;flex:1}
.tim-card .tim-field{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#a04365;font-weight:700}
.tim-card strong{font-size:15px;line-height:1.42;overflow-wrap:anywhere}
.tim-card .tim-author{color:#776b74;font-size:12px;line-height:1.5;flex:1}
.tim-card .tim-metadata{font-size:12px;color:#5b5157;display:flex;flex-wrap:wrap;gap:6px 11px}
.tim-card .tim-next{color:#a33760;font-size:12px;font-weight:800;border-top:1px solid #f5e7eb;padding-top:12px;margin-top:5px}
.tim-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}
.tim-pager button{font:inherit;cursor:pointer;border:1px solid #e3cbd5;border-radius:10px;background:white;color:#76384e;padding:10px 17px}
.tim-pager button:disabled{opacity:.35;cursor:default}
.tim-pager span{font-size:13px;color:#6c5861}
.tim-detail{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);align-items:start;gap:32px;margin-top:24px}
.tim-detail-cover{margin:0;min-height:260px;border-radius:19px;background:#faf1f4;display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid var(--tm-border)}
.tim-detail-cover img{width:auto;max-width:100%;max-height:380px;object-fit:contain;box-shadow:0 14px 20px #21141a17}
.tim-detail-cover .tim-no-image{font-size:14px;color:#806777;text-align:center}
.tim-detail-meta{margin:20px 0;display:grid;grid-template-columns:minmax(100px,130px) minmax(0,1fr);gap:8px 14px;font-size:14px}
.tim-detail-meta dt{font-weight:700;color:#705566}
.tim-detail-meta dd{margin:0;overflow-wrap:anywhere}
.tim-details-list{padding-left:20px;line-height:1.7;color:#524a4d}
.tim-detail h1{font-size:clamp(25px,3vw,39px);line-height:1.25;overflow-wrap:anywhere}
.tim-cta-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}
@media(max-width:1000px){.tim-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.tim-hero{grid-template-columns:1fr}.tim-publisher-mark{max-width:300px}.tim-toolbar{grid-template-columns:1fr 1fr}.tim-toolbar .tim-search{grid-column:1/-1}.tim-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tim-card figure{height:175px}.tim-card-text{padding:12px;gap:7px}.tim-card strong{font-size:13px}.tim-detail{grid-template-columns:1fr;gap:16px}.tim-detail-cover{max-width:340px;width:100%;margin:auto}}
@media(max-width:370px){.tim-card figure{height:148px}.tim-card .tim-author{font-size:11px}}

/* === BEGIN GB TIM COVER CLARITY 2026-11-07 ===
   Scope: Trans Info Media katalog cards and TIM book detail ONLY.
   Cover originals in PDF are ~90x127px; do not over-enlarge them.
*/
.tim-shell .tim-card figure{
  background:linear-gradient(155deg,#faf5f7,#f6eff1);
  display:flex; align-items:center; justify-content:center;
}
.tim-shell .tim-card figure img{
  width:auto !important;
  height:auto !important;
  max-width:116px !important;
  max-height:156px !important;
  object-fit:contain !important;
  image-rendering:auto;
  filter:drop-shadow(0 4px 8px rgba(40,25,34,.18));
}
.tim-shell .tim-detail-cover img{
  width:auto !important;
  height:auto !important;
  max-width:190px !important;
  max-height:266px !important;
  object-fit:contain !important;
  image-rendering:auto;
}
@media(max-width:760px){
 .tim-shell .tim-card figure{height:166px; padding:13px;}
 .tim-shell .tim-card figure img{max-width:100px !important;max-height:136px !important;}
 .tim-shell .tim-detail-cover img{max-width:176px !important;max-height:248px !important;}
}
@media(max-width:370px){
 .tim-shell .tim-card figure{height:146px;}
 .tim-shell .tim-card figure img{max-width:92px !important;max-height:124px !important;}
}
/* === END GB TIM COVER CLARITY 2026-11-07 === */
