/* ===== CLEAN v2 SHARED: smart-card-link (moved from 106 inline copies) ===== */
.smart-card-link{
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  border:2px solid transparent;
  border-radius:20px;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.smart-card-link:hover{
  transform:none;
  border-color:#000;
  border-radius:20px;
  background-color:rgba(0,0,0,.018);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  z-index:2;
}
.smart-card-link:focus-visible{
  outline:none;
  border-color:#000;
  border-radius:20px;
  background-color:rgba(0,0,0,.018);
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
}
.smart-card-link img{
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  .smart-card-link{transition:none}
}

/* ===== SOURCE: responsive-v17.css ===== */
/* CHELIADINOV v17 — responsive adaptation layer
   Desktop visual identity is preserved. This file only changes layout behavior
   at tablet/mobile widths and coarse-pointer devices. */

html{max-width:100%;overflow-x:clip}
body[data-site-family]{min-width:0;max-width:100%}
body[data-site-family] img,body[data-site-family] video,body[data-site-family] canvas{max-width:100%}
body[data-site-family] iframe{max-width:100%}
body[data-site-family] :where(p,li,a,span,strong,em){overflow-wrap:break-word}
body[data-site-family] :where(h1,h2,h3,h4){overflow-wrap:normal;word-break:normal;hyphens:none}

/* Touch screens do not have a useful hover state. Do not leave cards visually
   “stuck” in desktop hover transformations after a tap. */
@media (hover:none),(pointer:coarse){
  body[data-site-family] .smart-card-link:hover,
  body[data-site-family] .tile-link:hover,
  body[data-site-family] .card:hover,
  body[data-site-family] .preview:hover{
    transform:none!important;
  }
}

/* ---------- MAIN / SERGEY CHELIADINOV ---------- */
@media(max-width:900px){
  body[data-site-family="main"] .paper{width:calc(100% - 24px)!important}
  body[data-site-family="main"] .utility{flex-wrap:wrap;align-items:flex-start}
  body[data-site-family="main"] .utility-right{flex-wrap:wrap;justify-content:flex-end}
  body[data-site-family="main"] .nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-site-family="main"] .nav a{min-height:48px;display:flex;align-items:center;justify-content:center}
  body[data-site-family="main"] .nav a:nth-child(5){grid-column:1/-1}
  body[data-site-family="main"] .leadcopy{padding:38px 0 40px!important}
  body[data-site-family="main"] .hero-phrase-stage{min-height:330px!important}
  body[data-site-family="main"] .portrait{min-height:360px!important}
  body[data-site-family="main"] .project{min-height:0!important;overflow:hidden}
  body[data-site-family="main"] .section{padding:32px 0}
  body[data-site-family="main"] .support-band{padding:38px 26px!important}
  body[data-site-family="main"] .footer{flex-wrap:wrap}
}
@media(max-width:600px){
  body[data-site-family="main"] .paper{width:calc(100% - 20px)!important}
  body[data-site-family="main"] .utility{gap:9px;flex-direction:column}
  body[data-site-family="main"] .utility-right{width:100%;justify-content:flex-start;gap:10px}
  body[data-site-family="main"] .mast{padding-bottom:34px}
  body[data-site-family="main"] .mast h1{font-size:48px!important;line-height:.88}
  body[data-site-family="main"] .nav a{font-size:12px!important;padding:10px 6px!important}
  body[data-site-family="main"] .hero-phrase-stage{min-height:300px!important}
  body[data-site-family="main"] .hero-phrase{font-size:clamp(43px,13vw,56px)!important;line-height:.94!important;letter-spacing:-.045em!important}
  body[data-site-family="main"] .site-intro-note{padding:30px 4px 34px!important}
  body[data-site-family="main"] .site-intro-note p{font-size:clamp(22px,7vw,30px)!important;line-height:1.28!important}
  body[data-site-family="main"] .portrait{min-height:300px!important}
  body[data-site-family="main"] .project{padding:24px 10px 28px!important}
  body[data-site-family="main"] .project img{width:76px!important;height:76px!important;margin-right:14px!important}
  body[data-site-family="main"] .project h3{font-size:33px!important}
  body[data-site-family="main"] .section-title{flex-direction:column;align-items:flex-start!important;gap:8px}
  body[data-site-family="main"] .section-title h2{font-size:42px!important}
  body[data-site-family="main"] .section-more{min-height:44px;display:inline-flex;align-items:center}
  body[data-site-family="main"] .story h3{font-size:28px!important}
  body[data-site-family="main"] .support-band{padding:32px 20px!important}
  body[data-site-family="main"] .support-band h2{font-size:40px!important}
  body[data-site-family="main"] .support-band a{width:100%;text-align:center;padding:17px 18px!important}
  body[data-site-family="main"] .footer{flex-direction:column;gap:8px}
}

/* ---------- SHARED SUPPORT / SOCIAL ---------- */
@media(max-width:820px){
  body[data-site-family="shared"] .paper{width:calc(100% - 24px)!important}
  body[data-site-family="shared"] .utility{flex-wrap:wrap;align-items:flex-start!important}
  body[data-site-family="shared"] .utility-left,body[data-site-family="shared"] .utility-right{flex-wrap:wrap}
  body[data-site-family="shared"] .section{padding:34px 0}
  body[data-site-family="shared"] .card{min-height:0}
  body[data-site-family="shared"] .social-link{min-height:48px}
}
@media(max-width:560px){
  body[data-site-family="shared"] .paper{width:calc(100% - 20px)!important}
  body[data-site-family="shared"] .utility{flex-direction:column;gap:9px}
  body[data-site-family="shared"] .utility-right{justify-content:flex-start;width:100%;gap:10px}
  body[data-site-family="shared"] .support-copy h1{font-size:58px!important;line-height:.9!important}
  body[data-site-family="shared"] .support-copy .big-lead{font-size:30px!important;line-height:1.14!important}
  body[data-site-family="shared"] .support-copy .plain{font-size:18px!important}
  body[data-site-family="shared"] .visual-rail{gap:9px!important}
  body[data-site-family="shared"] .work-card small{font-size:9px!important;padding:7px 8px!important}
  body[data-site-family="shared"] .cards{gap:16px!important}
  body[data-site-family="shared"] .card,body[data-site-family="shared"] .card+.card{border-width:8px!important;border-radius:26px!important;padding:22px!important}
  body[data-site-family="shared"] .card h2{font-size:30px!important}
  body[data-site-family="shared"] .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
  body[data-site-family="shared"] .mast h1{font-size:50px!important}
  body[data-site-family="shared"] .lead{font-size:19px!important}
  body[data-site-family="shared"] .social-link{overflow-wrap:anywhere}
}

/* ---------- AUTHOR WORKS ---------- */
@media(max-width:900px){
  body[data-site-family="author"] .paper{width:calc(100% - 24px)!important}
  body[data-site-family="author"] .utility{flex-wrap:wrap;gap:10px}
  body[data-site-family="author"] .utility-right{flex-wrap:wrap;margin-left:auto}
  body[data-site-family="author"] .nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-site-family="author"] .nav a{min-height:48px;display:flex;align-items:center;justify-content:center;border-top:1px solid #000!important}
  body[data-site-family="author"] .nav a:nth-child(5){grid-column:1/-1}
  body[data-site-family="author"] .hero,body[data-site-family="author"] .work-head{padding-top:38px!important}
  body[data-site-family="author"] .work-card{min-height:0!important}
  body[data-site-family="author"] .viewer-toolbar,body[data-site-family="author"] .viewer-nav{flex-wrap:wrap}
}
@media(max-width:560px){
  body[data-site-family="author"] .paper{width:calc(100% - 20px)!important}
  body[data-site-family="author"] .utility{flex-direction:column;align-items:flex-start!important}
  body[data-site-family="author"] .utility-right{margin-left:0;justify-content:flex-start}
  body[data-site-family="author"] .mast h1{font-size:46px!important}
  body[data-site-family="author"] .hero h2,body[data-site-family="author"] .work-head h1{font-size:46px!important;line-height:.94!important}
  body[data-site-family="author"] .hero p,body[data-site-family="author"] .work-deck{font-size:19px!important}
  body[data-site-family="author"] .work-card{padding:22px 10px 26px!important}
  body[data-site-family="author"] .work-card h3{font-size:29px!important}
  body[data-site-family="author"] .reader{padding-left:2px;padding-right:2px}
  body[data-site-family="author"] .reader h2{font-size:34px!important}
  body[data-site-family="author"] .reader-body{font-size:18px!important;line-height:1.62!important}
  body[data-site-family="author"] .viewer-stage{min-height:280px!important;padding:8px!important}
  body[data-site-family="author"] .related h2{font-size:36px!important}
  body[data-site-family="author"] .catalog-support-band,body[data-site-family="author"] .work-support-band{padding:24px 20px!important}
  body[data-site-family="author"] .footer{flex-direction:column;gap:8px}
}

/* ---------- BALANCIUM ---------- */
@media(max-width:980px){
  body[data-site-family="balancium"] .nav{
    display:flex!important;height:auto!important;min-height:64px!important;
    padding:8px 14px!important;gap:12px!important;overflow-x:auto!important;
    flex-wrap:nowrap!important;align-items:center!important;scrollbar-width:thin;
  }
  body[data-site-family="balancium"] .nav a,body[data-site-family="balancium"] .nav a:not(.brand){
    display:inline-flex!important;align-items:center!important;min-height:44px;white-space:nowrap;flex:0 0 auto;
  }
  body[data-site-family="balancium"] .nav .brand{margin-right:8px!important}
  body[data-site-family="balancium"] :where(.narrow,.wide,.wrap,.article-wrap){width:calc(100% - 24px)!important;max-width:none}
  body[data-site-family="balancium"] .section{padding:58px 4vw!important}
  body[data-site-family="balancium"] .hero-copy{padding:68px 5vw 38px!important}
  body[data-site-family="balancium"] .hero-media{min-height:min(62svh,560px)!important}
  body[data-site-family="balancium"] .story-panel{padding:18px!important}
  body[data-site-family="balancium"] .filter-btn,body[data-site-family="balancium"] .chip,body[data-site-family="balancium"] .version-btn,
  body[data-site-family="balancium"] .btn,body[data-site-family="balancium"] .actions a,body[data-site-family="balancium"] .actions button{
    min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  }
  body[data-site-family="balancium"] .project-article-entry a{grid-template-columns:1fr!important;align-items:start!important}
}
@media(max-width:600px){
  body[data-site-family="balancium"] :where(.narrow,.wide,.wrap,.article-wrap){width:calc(100% - 20px)!important}
  body[data-site-family="balancium"] .hero h1 span{white-space:normal!important}
  body[data-site-family="balancium"] .hero h1{font-size:50px!important;line-height:.94!important}
  body[data-site-family="balancium"] .hero-media{min-height:420px!important}
  body[data-site-family="balancium"] .section{padding:46px 12px!important}
  body[data-site-family="balancium"] .section h2{font-size:44px!important}
  body[data-site-family="balancium"] .serif{font-size:18px!important}
  body[data-site-family="balancium"] .rotate-line{font-size:43px!important}
  body[data-site-family="balancium"] .rotate-window{min-width:0!important;width:100%;display:block;margin-top:8px}
  body[data-site-family="balancium"] .story-panel h3{font-size:36px!important}
  body[data-site-family="balancium"] .story-panel p{font-size:17px!important}
  body[data-site-family="balancium"] .preview{padding:10px!important;transform:none!important}
  body[data-site-family="balancium"] .footer{flex-direction:column;gap:8px;padding-left:20px!important;padding-right:20px!important}
  body[data-site-family="balancium"] .hero:not(.home-hero){padding-top:48px!important}
  body[data-site-family="balancium"] .hero h1,body[data-site-family="balancium"] .article-head h1{font-size:50px!important}
  body[data-site-family="balancium"] .filter-box{padding-left:0!important;padding-right:0!important}
  body[data-site-family="balancium"] .buttons{gap:7px!important}
  body[data-site-family="balancium"] .card{padding:20px!important;min-height:0!important}
  body[data-site-family="balancium"] .card h2,body[data-site-family="balancium"] .card h3{overflow-wrap:anywhere}
  body[data-site-family="balancium"] .article{font-size:18px!important;padding-top:36px!important}
  body[data-site-family="balancium"] .article h2{font-size:34px!important;margin-top:44px!important}
  body[data-site-family="balancium"] .article-support,body[data-site-family="balancium"] .bal-materials-support{padding:28px 22px!important}
  body[data-site-family="balancium"] .step .copy{padding:22px 20px!important}
  body[data-site-family="balancium"] .viewer-shell iframe,body[data-site-family="balancium"] .viewer iframe{height:58vh!important;min-height:380px}
  body[data-site-family="balancium"] .related{gap:12px;flex-direction:column}
  body[data-site-family="balancium"] .related>a{width:100%}
  body[data-site-family="balancium"] .presentation-card{padding:18px!important}
}

/* ---------- ZOZULA ---------- */
@media(max-width:780px){
  body[data-site-family="zozula"] .page{min-width:0}
  body[data-site-family="zozula"] .content,body[data-site-family="zozula"] main{min-width:0}
  body[data-site-family="zozula"] .topbar{min-height:0;padding:10px 14px!important;gap:10px}
  body[data-site-family="zozula"] .side-nav a{min-height:44px;display:flex;align-items:center}
  body[data-site-family="zozula"] .hero-copy{padding:32px 18px!important}
  body[data-site-family="zozula"] .hero h1{font-size:56px!important;line-height:.94!important}
  body[data-site-family="zozula"] .hero-visual{height:360px!important}
  body[data-site-family="zozula"] .filters{padding-left:12px!important;padding-right:12px!important}
  body[data-site-family="zozula"] .filter,body[data-site-family="zozula"] .btn,body[data-site-family="zozula"] .project-social-buttons a,
  body[data-site-family="zozula"] .network-chip{min-height:44px;display:inline-flex;align-items:center}
  body[data-site-family="zozula"] .material-row,body[data-site-family="zozula"] .archive-row{grid-template-columns:60px minmax(0,1fr) 32px!important}
  body[data-site-family="zozula"] .article{padding-left:16px!important;padding-right:16px!important}
  body[data-site-family="zozula"] .article-text p{font-size:18px!important}
  body[data-site-family="zozula"] .project-telegram-strip,body[data-site-family="zozula"] .project-showcase,body[data-site-family="zozula"] .direct-contact-grid{min-width:0}
}
@media(max-width:480px){
  body[data-site-family="zozula"] .sidebar{padding:16px 12px!important}
  body[data-site-family="zozula"] .brand-name{font-size:30px!important}
  body[data-site-family="zozula"] .side-nav{gap:0}
  body[data-site-family="zozula"] .side-nav a{font-size:12px;padding:9px 6px}
  body[data-site-family="zozula"] .hero h1{font-size:48px!important}
  body[data-site-family="zozula"] .hero-visual{height:310px!important}
  body[data-site-family="zozula"] .material-row,body[data-site-family="zozula"] .archive-row{grid-template-columns:48px minmax(0,1fr) 28px!important}
  body[data-site-family="zozula"] .feature,body[data-site-family="zozula"] .lower-card,body[data-site-family="zozula"] .project-showcase-copy{padding-left:16px!important;padding-right:16px!important}
}

/* ---------- DVOIKA ---------- */
@media(max-width:800px){
  body[data-site-family="dvoika"] .topbar{height:auto!important;min-height:0!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important;padding:10px 0 14px!important}
  body[data-site-family="dvoika"] .topbar .nav{
    display:flex!important;order:3;width:100%;margin-left:0!important;gap:12px!important;
    flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin
  }
  body[data-site-family="dvoika"] .topbar .nav a{white-space:nowrap;flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;font-size:17px!important}
  body[data-site-family="dvoika"] .search{order:4;width:100%!important;margin-left:0!important;min-height:44px}
  body[data-site-family="dvoika"] .section{padding:54px 0!important}
  body[data-site-family="dvoika"] .btn,body[data-site-family="dvoika"] .btn-light,body[data-site-family="dvoika"] .network-chip,body[data-site-family="dvoika"] .chip{min-height:44px;display:inline-flex;align-items:center}
  body[data-site-family="dvoika"] .footer{flex-wrap:wrap}
}
@media(max-width:560px){
  body[data-site-family="dvoika"] .notebook::before{width:34px!important}
  body[data-site-family="dvoika"] .notebook::after{right:34px!important}
  body[data-site-family="dvoika"] .shell{padding-left:14px!important;padding-right:48px!important}
  body[data-site-family="dvoika"] .brand{min-width:78px!important}
  body[data-site-family="dvoika"] .brand-logo{width:78px!important;height:90px!important}
  body[data-site-family="dvoika"] .section{padding:44px 0!important}
  body[data-site-family="dvoika"] .hero{min-height:0!important;gap:28px!important;padding:34px 0 18px}
  body[data-site-family="dvoika"] .hero h1{font-size:50px!important;line-height:.96!important}
  body[data-site-family="dvoika"] .hero-photo{height:280px!important}
  body[data-site-family="dvoika"] .hero-materials{height:290px!important;gap:7px!important}
  body[data-site-family="dvoika"] .mosaic{gap:12px!important}
  body[data-site-family="dvoika"] .tile{padding:18px!important}
  body[data-site-family="dvoika"] .tile.big h2{font-size:38px!important}
  body[data-site-family="dvoika"] .monologue-paper,body[data-site-family="dvoika"] .ped-feature,body[data-site-family="dvoika"] .panel{padding:22px!important}
  body[data-site-family="dvoika"] .project-support-separate,body[data-site-family="dvoika"] .support-feature-dv{padding:26px 22px!important}
  body[data-site-family="dvoika"] .footer{flex-direction:column;gap:8px}
}

/* ---------- ANCIENT EGYPT ---------- */
@media(max-width:1000px){
  body[data-site-family="egypt"] .sitehead .in{
    height:auto!important;min-height:74px!important;display:flex!important;flex-wrap:wrap!important;
    gap:9px 12px!important;padding:8px 0!important;
  }
  body[data-site-family="egypt"] .sitehead .nav{
    display:flex!important;order:3;width:100%;margin-left:0!important;gap:8px 14px!important;
    flex-wrap:nowrap!important;overflow-x:auto;padding:3px 0 6px;scrollbar-width:thin
  }
  body[data-site-family="egypt"] .sitehead .nav a{white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;flex:0 0 auto}
  body[data-site-family="egypt"] :where(.wrap,.wide-wrap,.photo-strip,.egypt-support-feature,.egypt-project-strip,.project-crosslinks){width:calc(100% - 24px)!important}
  body[data-site-family="egypt"] .hero .hero-in{width:calc(100% - 24px)!important;padding-top:92px!important}
  body[data-site-family="egypt"] .lesson{padding:28px 28px!important}
  body[data-site-family="egypt"] .btn,body[data-site-family="egypt"] .token-lang-switch a,body[data-site-family="egypt"] .lesson-links a,
  body[data-site-family="egypt"] .source-index a,body[data-site-family="egypt"] .egypt-project-links a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:620px){
  body[data-site-family="egypt"] :where(.wrap,.wide-wrap,.photo-strip,.egypt-support-feature,.egypt-project-strip,.project-crosslinks){width:calc(100% - 20px)!important}
  body[data-site-family="egypt"] .sitehead .section-name{display:inline!important;font-size:18px!important}
  body[data-site-family="egypt"] .sitehead .brand{font-size:15px!important}
  body[data-site-family="egypt"] .hero{min-height:70svh!important}
  body[data-site-family="egypt"] .hero .hero-in{width:calc(100% - 20px)!important;padding:86px 0 44px!important}
  body[data-site-family="egypt"] .hero h1{font-size:56px!important;line-height:.88!important}
  body[data-site-family="egypt"] .hero p{font-size:18px!important}
  body[data-site-family="egypt"] .page-hero .page-title{font-size:48px!important;line-height:.94!important}
  body[data-site-family="egypt"] .intro,body[data-site-family="egypt"] .section,body[data-site-family="egypt"] .reality-block{padding-top:48px!important;padding-bottom:48px!important}
  body[data-site-family="egypt"] .lesson{padding:24px 18px!important;margin-bottom:34px!important}
  body[data-site-family="egypt"] .guide,body[data-site-family="egypt"] .source-group,body[data-site-family="egypt"] .reality-copy{padding:20px!important}
  body[data-site-family="egypt"] .photo-strip img{height:230px!important}
  body[data-site-family="egypt"] .source-photo img{min-height:280px!important}
  body[data-site-family="egypt"] .pdfbox{height:62vh!important;min-height:430px}
  body[data-site-family="egypt"] .gallery-sources figure.papyrus-horizontal{min-height:360px!important}
  body[data-site-family="egypt"] .gallery-sources figure.papyrus-horizontal img{height:250px!important;width:330px!important;margin:48px auto!important}
  body[data-site-family="egypt"] .egypt-support-feature{padding:28px 22px!important}
  body[data-site-family="egypt"] .footer .wrap{flex-direction:column;gap:8px}
}

/* General small-screen control sizing. Inline prose links are deliberately not
   turned into giant buttons. */
@media(max-width:760px){
  body[data-site-family] :where(button,select,input[type="button"],input[type="submit"]){min-height:44px}
}


/* ===== SOURCE: responsive-v23.css ===== */
/* CHELIADINOV v23 — 360×800 correction layer.
   This file intentionally targets the narrow-phone pass without changing the accepted desktop layout. */

html,body{max-width:100%}
@media(max-width:420px){
  html,body{overflow-x:clip}

  /* MAIN */
  body[data-site-family="main"] .hero-phrase-stage{min-height:235px!important}
  body[data-site-family="main"] .hero-phrase{
    width:100%!important;max-width:100%!important;padding:0 2px!important;
    font-size:40px!important;line-height:.96!important;letter-spacing:-.035em!important;
  }
  body[data-site-family="main"] .hero-line{display:block!important;width:100%!important;white-space:normal!important;max-width:100%!important}

  /* SHARED SUPPORT */
  body[data-site-family="shared"] .support-path{padding:34px 10px 40px!important;gap:18px!important}
  body[data-site-family="shared"] .support-copy{padding:14px 4px 8px!important}
  body[data-site-family="shared"] .support-copy h1{font-size:50px!important;line-height:.9!important;margin-bottom:24px!important}
  body[data-site-family="shared"] .support-copy .big-lead{font-size:27px!important;margin-bottom:22px!important}
  body[data-site-family="shared"] .visual-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 4px!important;width:100%!important}
  body[data-site-family="shared"] .work-card{width:100%!important;min-width:0!important;max-width:100%!important}
  body[data-site-family="shared"] .work-card small{font-size:8px!important;padding:6px 6px!important;letter-spacing:.05em!important}

  /* AUTHOR WORKS */
  body[data-site-family="author"] .works-grid,
  body[data-site-family="author"] .related-grid{min-width:0!important;overflow:visible!important}
  body[data-site-family="author"] .work-card,
  body[data-site-family="author"] .related-card{min-width:0!important;width:100%!important;max-width:100%!important;transform:none!important}
  body[data-site-family="author"] .work-card:hover,
  body[data-site-family="author"] .related-card:hover{transform:none!important}
  body[data-site-family="author"] .work-card h3{font-size:27px!important;line-height:1.05!important;overflow-wrap:anywhere!important}
  body[data-site-family="author"] .work-head h1{font-size:38px!important;line-height:.96!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important}
  body[data-site-family="author"] .hero h2{font-size:40px!important;overflow-wrap:anywhere!important}

  /* BALANCIUM: no horizontal-scroll header on a phone. */
  body[data-site-family="balancium"] .nav{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;height:auto!important;min-height:0!important;
    overflow:visible!important;gap:2px 4px!important;padding:7px 8px!important;align-items:stretch!important;
  }
  body[data-site-family="balancium"] .nav a,
  body[data-site-family="balancium"] .nav a:not(.brand){
    display:flex!important;min-width:0!important;min-height:32px!important;flex:none!important;
    white-space:normal!important;text-align:center!important;justify-content:center!important;align-items:center!important;
    padding:4px 2px!important;font-size:10px!important;line-height:1.15!important;
  }
  body[data-site-family="balancium"] .nav .brand{
    margin:0!important;justify-content:flex-start!important;font-size:13px!important;font-weight:800!important;
  }
  body[data-site-family="balancium"] .about-project-card{grid-template-columns:1fr!important;gap:9px!important;padding:18px!important}
  body[data-site-family="balancium"] .about-project-card em{justify-self:start!important;white-space:nowrap!important}
  body[data-site-family="balancium"] #materials .home-materials-all{display:block!important;width:100%!important;max-width:100%!important;text-align:center!important;white-space:normal!important;margin:16px auto 0!important}
  body[data-site-family="balancium"] #materials .home-materials-foot{align-items:stretch!important}
  body[data-site-family="balancium"] #materials .home-materials-foot>a{width:100%!important;text-align:center!important}
  body[data-site-family="balancium"] #print .home-materials-all{display:block!important;width:100%!important;max-width:100%!important;text-align:center!important;white-space:normal!important;padding-left:10px!important;padding-right:10px!important}
  body[data-site-family="balancium"] .research-section .manuscript-card{width:100%!important;min-width:0!important;margin:26px 0!important;padding:18px 16px!important;gap:14px!important}
  body[data-site-family="balancium"] .research-section .manuscript-card h3{font-size:27px!important;line-height:1.08!important;overflow-wrap:break-word!important}
  body[data-site-family="balancium"] .research-section .manuscript-card p{font-size:16px!important;overflow-wrap:break-word!important}
  body[data-site-family="balancium"] .cross-presentation-card{padding:18px!important;min-width:0!important}
  body[data-site-family="balancium"] .wrap .hero h1{font-size:36px!important;line-height:1!important;letter-spacing:-.03em!important;overflow-wrap:anywhere!important}
  body[data-site-family="balancium"] .presentation-card{min-width:0!important;width:100%!important}
  body[data-site-family="balancium"] .actions a,
  body[data-site-family="balancium"] .actions button{max-width:100%!important;white-space:normal!important;text-align:center!important}
  body[data-site-family="balancium"] .other-projects .cross-card{padding:18px!important;min-width:0!important}
  body[data-site-family="balancium"] .cross-project-visual-card,
  body[data-site-family="balancium"] .cross-project-visual.pair .cross-project-visual-card:first-child,
  body[data-site-family="balancium"] .cross-project-visual.pair .cross-project-visual-card:last-child,
  body[data-site-family="balancium"] .cross-project-visual.single .cross-project-visual-card{transform:none!important}
  body[data-site-family="balancium"] .cross-project-visual-card:hover,
  body[data-site-family="balancium"] .cross-project-visual-card:focus-visible,
  body[data-site-family="balancium"] .cross-project-visual.pair .cross-project-visual-card:first-child:hover,
  body[data-site-family="balancium"] .cross-project-visual.pair .cross-project-visual-card:last-child:hover,
  body[data-site-family="balancium"] .cross-project-visual.single .cross-project-visual-card:hover{transform:translateY(-2px)!important}

  /* ZOZULA */
  body[data-site-family="zozula"] .brand-row{min-height:92px!important;display:flex!important;justify-content:center!important;align-items:center!important}
  body[data-site-family="zozula"] .brand img{width:110px!important;height:90px!important;object-position:center!important;margin:0 auto!important}
  body[data-site-family="zozula"] .brand-sub{text-align:center!important;margin-top:4px!important}
  body[data-site-family="zozula"] .empty-state{min-width:0!important;padding-left:16px!important;padding-right:16px!important}
  body[data-site-family="zozula"] .empty-state h2{font-size:34px!important;line-height:1.06!important;overflow-wrap:break-word!important}

  /* DVOIKA: two-row phone navigation, no scroll strip. */
  body[data-site-family="dvoika"] .notebook::before{width:18px!important}
  body[data-site-family="dvoika"] .notebook::after{right:18px!important}
  body[data-site-family="dvoika"] .shell{padding-left:14px!important;padding-right:30px!important}
  body[data-site-family="dvoika"] .topbar{display:flex!important;gap:6px!important;padding:8px 0 12px!important}
  body[data-site-family="dvoika"] .topbar .nav{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;overflow:visible!important;gap:2px 6px!important;padding:0!important;
  }
  body[data-site-family="dvoika"] .topbar .nav a{
    min-width:0!important;min-height:34px!important;white-space:normal!important;justify-content:center!important;
    text-align:center!important;font-size:13px!important;line-height:1.15!important;padding:5px 2px!important;
  }
  body[data-site-family="dvoika"] .hero h1{font-size:42px!important;line-height:.97!important;overflow-wrap:break-word!important}
  body[data-site-family="dvoika"] .dvoika-cross-card .project-visual-card,
  body[data-site-family="dvoika"] .dvoika-cross-card .project-visual-card:first-child,
  body[data-site-family="dvoika"] .dvoika-cross-card .project-visual-card:last-child,
  body[data-site-family="dvoika"] .dvoika-cross-card .single-card-stack .project-visual-card:first-child{transform:none!important}
  body[data-site-family="dvoika"] .dvoika-cross-card .project-visual-card:hover,
  body[data-site-family="dvoika"] .dvoika-cross-card .project-visual-card:first-child:hover,
  body[data-site-family="dvoika"] .dvoika-cross-card .project-visual-card:last-child:hover,
  body[data-site-family="dvoika"] .dvoika-cross-card .single-card-stack .project-visual-card:first-child:hover{transform:translateY(-2px)!important}

  /* ANCIENT EGYPT: header wraps into readable rows, no horizontal scroller. */
  body[data-site-family="egypt"] .sitehead .in{
    width:calc(100% - 20px)!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;
    gap:4px 7px!important;padding:8px 0!important;min-height:0!important;height:auto!important;
  }
  body[data-site-family="egypt"] .sitehead .brand{font-size:14px!important;padding-left:2px!important}
  body[data-site-family="egypt"] .sitehead .slash{align-self:center!important}
  body[data-site-family="egypt"] .sitehead .section-name{display:block!important;font-size:17px!important;min-width:0!important}
  body[data-site-family="egypt"] .sitehead .nav{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;overflow:visible!important;gap:2px 4px!important;padding:2px 0 0!important;margin:0!important;
  }
  body[data-site-family="egypt"] .sitehead .nav a{
    min-width:0!important;min-height:32px!important;white-space:normal!important;justify-content:center!important;
    text-align:center!important;font-size:10px!important;line-height:1.15!important;padding:4px 2px!important;
  }
  body[data-site-family="egypt"] .egypt-support-feature{padding:24px 18px!important}
  body[data-site-family="egypt"] .egypt-support-feature h2{font-size:34px!important}
  body[data-site-family="egypt"] .egypt-support-feature>a{width:100%!important;text-align:center!important}
  body[data-site-family="egypt"] .token-guide{width:100%!important}
}

/* Presentation controls need feedback at every desktop size as well. */
@media(hover:hover){
  body[data-site-family="balancium"] .actions a,
  body[data-site-family="balancium"] .actions button{transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}
  body[data-site-family="balancium"] .actions .primary:hover{background:#fff!important;color:#111!important;transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,0,0,.14)}
  body[data-site-family="balancium"] .actions a:not(.primary):hover,
  body[data-site-family="balancium"] .actions button:hover{background:#111!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,0,0,.14)}
}