/* AGY Special Theme — Layout */
:root{
  /* Breakpoints reference (documentation)
    576px small
    768px medium
    992px large
    1200px xl
    1400px xxl
  */

  /* Fluid scale tokens (override in child theme) */
  --agy-font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  --agy-text: clamp(16px, 1.2vw + 12px, 18px);
  --agy-h1: clamp(28px, 2.6vw + 18px, 44px);
  --agy-h2: clamp(22px, 2.0vw + 16px, 34px);
  --agy-space: clamp(14px, 1.2vw + 10px, 22px);

  --agy-container-normal: 1100px;
  --agy-container-narrow: 860px;
  --agy-container-wide: 1280px;
}

html{font-size:100%;}
body{
  margin:0;
  font-family: var(--agy-font-sans);
  font-size: var(--agy-text);
  line-height: 1.55;
}

.agy-skip-link{
  position:absolute;
  left:-9999px;
  top:8px;
  padding:10px 12px;
  background:#000;
  color:#fff;
  border-radius:10px;
  z-index:99999;
}
.agy-skip-link:focus{left:8px;}

:focus-visible{outline:2px solid currentColor; outline-offset:3px;}

.agy-container{
  width:100%;
  margin-inline:auto;
  padding-inline: clamp(14px, 2vw, 24px);
}
body.agy-container--narrow .agy-container{max-width: var(--agy-container-narrow);} 
body.agy-container--normal .agy-container{max-width: var(--agy-container-normal);} 
body.agy-container--wide .agy-container{max-width: var(--agy-container-wide);} 
body.agy-container--full .agy-container{max-width: none;} 

.agy-layout{
  display:grid;
  grid-template-columns: 1fr;
  gap: var(--agy-space);
}
@media (min-width: 992px){
  body.agy-layout--sidebar-left .agy-layout{grid-template-columns: 320px 1fr;}
  body.agy-layout--sidebar-right .agy-layout{grid-template-columns: 1fr 320px;}
}

.agy-main{min-width:0;}
.agy-sidebar{min-width:0;}
body.agy-layout--sidebar-off .agy-sidebar{display:none;}
