/* GENEROVÁNO theme/build_css.py z podklady/03-sablony/assets/css/sel.css · needitovat ručně
   Odchylky: bez @font-face (písma dodává Bricks), html 100 % místo 62,5 % z Bricksu,
   šipky v mobilním menu 18 px (jako v tlačítkách) (v podkladech chybí), hero na mobilu claim vedle teček (Libor). */
html{font-size:100%}
/* ==========================================================================
   SEL Institute · Institut sociálně-emočního vzdělávání
   sel.css · verze 1.0 · 28. 9. 2026
   Referenční styly webu selinstitute.cz (návrh one-pageru v2).
   Rozdíl proti rodině BeTrue a NoGames: ostré rohy, krémová hlavní tlačítka, motiv tří teček.
   Obsah:  1 písma  2 tokeny  3 základ  4 layout  5 typografie  6 tlačítka a odkazy
           7 lišta a hlavička  8 mobilní menu  9 úvod (one-pager)  10 podstránky
           11 notes  12 zápisky a článek  13 patička  14 utility  15 pohyb a tisk
   ========================================================================== */

/* 2 TOKENY · stejné hodnoty v 02-design-system/tokens.json */
:root{
  --sel-ink:#3A4348;          /* tmavá: základ webu, text na světlé */
  --sel-ink-deep:#2F373B;     /* hlubší tmavá: čísla, karta, patička */
  --sel-cream:#FFF9E6;        /* text na tmavé, karty, hlavní tlačítka */
  --sel-paper:#FCF8EE;        /* světlé sekce */
  --sel-white:#FFFFFF;
  --sel-salmon:#F5B7A6;       /* BeTrue, horní lišta, první tečka */
  --sel-teal:#4AADA4;         /* NoGames, nadtitulky, druhá tečka */
  --sel-teal-bright:#61BCB3;  /* drobný tyrkysový text na tmavé (4,5 : 1) */
  --sel-teal-ink:#367D77;     /* tyrkysový text na světlé (4,5 : 1) */
  --sel-gray:#8A9196;
  --sel-gray-ink:#6B7479;     /* vedlejší text na světlé (4,5 : 1) */
  --sel-cream-72:rgba(255,249,230,.72);
  --sel-cream-85:rgba(255,249,230,.85);
  --sel-line-dark:rgba(255,249,230,.18);
  --sel-line-light:rgba(58,67,72,.2);

  --sel-font-display:"Libre Caslon Display",Georgia,"Times New Roman",serif;
  --sel-font-text:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --sel-fs-hero:clamp(3.25rem,1.771rem + 6.095vw,6.5rem);      /* 52 → 104 */
  --sel-fs-h1:clamp(2.625rem,1.954rem + 2.762vw,4.5rem);       /* 42 → 72 */
  --sel-fs-h2:clamp(2.125rem,1.625rem + 2.095vw,3.5rem);       /* 34 → 56 */
  --sel-fs-h3:clamp(1.625rem,1.24rem + 1.581vw,2.875rem);      /* 26 → 46 */
  --sel-fs-h4:clamp(1.375rem,1.19rem + .762vw,1.875rem);       /* 22 → 30 */
  --sel-fs-stat:clamp(2.75rem,2.214rem + 2.2vw,4rem);          /* 44 → 64 */
  --sel-fs-lead:clamp(1.125rem,1.018rem + .438vw,1.375rem);    /* 18 → 22 */
  --sel-fs-body:clamp(1.0625rem,1.039rem + .095vw,1.125rem);   /* 17 → 18 */
  --sel-fs-small:.9375rem;
  --sel-fs-xs:.8125rem;
  --sel-fs-eyebrow:clamp(.8125rem,.766rem + .19vw,.9375rem);   /* 13 → 15 */

  --sel-container:1248px;
  --sel-pad-x:clamp(1.25rem,-.514rem + 7.238vw,6rem);          /* 20 → 96 */
  --sel-pad-y:clamp(4.5rem,3.614rem + 3.638vw,7.5rem);         /* 72 → 120 */
  --sel-gap:clamp(2.5rem,1.2rem + 5.33vw,6rem);                /* 40 → 96 */
  --sel-gap-md:clamp(1.5rem,1.1rem + 1.6vw,3rem);              /* 24 → 48 */
  --sel-radius:0;                                               /* SEL: ostré rohy */
  --sel-ease:cubic-bezier(.2,.7,.2,1);
  --sel-focus:var(--sel-teal-bright);
}

/* 3 ZÁKLAD */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--sel-ink);color:var(--sel-cream);font-family:var(--sel-font-text);font-size:var(--sel-fs-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input{font:inherit;color:inherit}
p,figure,blockquote{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400}
ul,ol{margin:0;padding:0}
strong,b{font-weight:600}
[hidden]{display:none !important}
.sel-lock{overflow:hidden}
:focus-visible{outline:2px solid var(--sel-focus);outline-offset:3px}
.sel-section--paper :focus-visible,.sel-on-paper :focus-visible{--sel-focus:var(--sel-teal-ink)}
::selection{background:var(--sel-teal);color:var(--sel-ink)}

/* 4 LAYOUT */
.sel-container{width:100%;max-width:calc(var(--sel-container) + 2 * var(--sel-pad-x));margin-inline:auto;padding-inline:var(--sel-pad-x)}
.sel-section{position:relative;padding-block:var(--sel-pad-y);background:var(--sel-ink);color:var(--sel-cream)}
.sel-section--deep{background:var(--sel-ink-deep)}
.sel-section--paper{background:var(--sel-paper);color:var(--sel-ink)}
.sel-section--flush-top{padding-top:0}
.sel-section--tight{padding-block:clamp(2.5rem,1.9rem + 2.4vw,4rem)}
.sel-head{display:flex;flex-direction:column;gap:16px;max-width:52rem;margin-bottom:var(--sel-gap-md)}
.sel-head--row{max-width:none;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px 40px}
.sel-head__text{display:flex;flex-direction:column;gap:16px}
.sel-split{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:var(--sel-gap);align-items:start}
.sel-stack{display:flex;flex-direction:column;gap:24px}
@media (max-width:959px){.sel-split{grid-template-columns:minmax(0,1fr)}}

/* 5 TYPOGRAFIE */
.sel-eyebrow{font-size:var(--sel-fs-eyebrow);font-weight:400;letter-spacing:.2em;line-height:1.5;text-transform:uppercase;color:var(--sel-teal-bright)}
.sel-eyebrow--salmon{color:var(--sel-salmon)}
.sel-eyebrow--muted{color:var(--sel-cream-72)}
.sel-section--paper .sel-eyebrow,.sel-on-paper .sel-eyebrow{color:var(--sel-ink)}
.sel-section--paper .sel-eyebrow--teal,.sel-on-paper .sel-eyebrow--teal{color:var(--sel-teal-ink)}
.sel-section--paper .sel-eyebrow--muted,.sel-on-paper .sel-eyebrow--muted{color:var(--sel-gray-ink)}
.sel-hero-h1,.sel-h1,.sel-h2,.sel-h3,.sel-h4{font-family:var(--sel-font-display);font-weight:400;text-wrap:balance}
.sel-hero-h1{font-size:var(--sel-fs-hero);line-height:1}
.sel-h1{font-size:var(--sel-fs-h1);line-height:1.04}
.sel-h2{font-size:var(--sel-fs-h2);line-height:1.08}
.sel-h3{font-size:var(--sel-fs-h3);line-height:1.05}
.sel-h4{font-size:var(--sel-fs-h4);line-height:1.2}
.sel-lead{font-size:var(--sel-fs-lead);font-weight:300;line-height:1.55;color:var(--sel-cream-85);max-width:40rem;text-wrap:pretty}
.sel-body{font-size:var(--sel-fs-body);font-weight:300;line-height:1.65;color:var(--sel-cream-85);text-wrap:pretty}
.sel-section--paper .sel-lead,.sel-section--paper .sel-body,.sel-on-paper .sel-lead,.sel-on-paper .sel-body{color:var(--sel-ink)}
.sel-muted{color:var(--sel-cream-72)}
.sel-section--paper .sel-muted,.sel-on-paper .sel-muted{color:var(--sel-gray-ink)}
.sel-small{font-size:var(--sel-fs-small)}

/* 6 TLAČÍTKA A ODKAZY · ostré rohy, šipka jako ikona .sel-ico */
.sel-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:17px 30px;border:1px solid transparent;border-radius:var(--sel-radius);font-size:1.0625rem;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--sel-ease),border-color .2s var(--sel-ease),color .2s var(--sel-ease)}
.sel-btn .sel-ico{width:18px;height:18px;transition:transform .2s var(--sel-ease)}
.sel-btn:hover .sel-ico{transform:translateX(3px)}
.sel-btn--primary{background:var(--sel-cream);color:var(--sel-ink)}
.sel-btn--primary:hover{background:var(--sel-white)}
.sel-section--paper .sel-btn--primary,.sel-on-paper .sel-btn--primary{background:var(--sel-ink);color:var(--sel-cream)}
.sel-section--paper .sel-btn--primary:hover,.sel-on-paper .sel-btn--primary:hover{background:var(--sel-ink-deep)}
.sel-btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.sel-btn--ghost:hover{background:rgba(255,249,230,.08)}
.sel-section--paper .sel-btn--ghost:hover{background:rgba(58,67,72,.06)}
.sel-btn--sm{min-height:44px;padding:12px 18px;font-size:.9375rem}
.sel-btn[disabled]{opacity:.45;pointer-events:none}
.sel-btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.sel-link{display:inline-flex;align-items:center;gap:10px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sel-link .sel-ico{width:16px;height:16px}
.sel-link:hover{text-decoration-thickness:2px;text-decoration-color:var(--sel-teal)}
@media (max-width:559px){.sel-btn{white-space:normal;text-align:center}}

/* 7 HORNÍ LIŠTA A HLAVIČKA */
.sel-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--sel-cream);color:var(--sel-ink);font-weight:500;text-decoration:none}
.sel-skip:focus{top:12px}
.sel-topbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 14px;min-height:44px;padding:8px var(--sel-pad-x);background:var(--sel-salmon);color:var(--sel-ink);font-size:var(--sel-fs-small);line-height:1.4;text-align:center;text-decoration:none}
.sel-topbar__label,.sel-topbar__cta{font-weight:600}
.sel-topbar__cta{display:inline-flex;align-items:center;gap:8px}
.sel-topbar__cta .sel-ico{width:14px;height:14px}
.sel-topbar:hover .sel-topbar__cta{text-decoration:underline;text-underline-offset:4px}
.sel-header{position:relative;z-index:20;background:var(--sel-ink)}
.sel-header__inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px}
.sel-logo{display:block;flex:none}
.sel-logo img{height:62px;width:auto}
.sel-nav-tools{display:flex;align-items:center;gap:34px}
.sel-nav{display:flex;align-items:center;gap:34px;font-size:1rem;font-weight:400}
.sel-nav a{padding-block:6px;border-bottom:2px solid transparent;text-decoration:none;transition:border-color .2s var(--sel-ease),color .2s var(--sel-ease)}
.sel-nav a:hover,.sel-nav a[aria-current="page"]{border-bottom-color:var(--sel-teal)}
.sel-nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:11px 22px;border:1px solid rgba(255,249,230,.5);font-size:1rem;font-weight:500;text-decoration:none;white-space:nowrap}
.sel-nav-cta:hover{border-color:var(--sel-cream)}
.sel-nav-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-8px;padding:0;border:0;background:none;color:var(--sel-cream);cursor:pointer}
.sel-nav-toggle svg{width:26px;height:26px}
@media (max-width:1359px){.sel-nav,.sel-nav-tools{gap:22px}.sel-nav{font-size:.9375rem}}
@media (max-width:1199px){.sel-nav,.sel-nav-cta{display:none}.sel-nav-toggle{display:inline-flex}}
@media (max-width:767px){.sel-header__inner{padding-block:16px}.sel-logo img{height:44px}.sel-topbar{font-size:var(--sel-fs-xs)}}
@media (max-width:419px){.sel-topbar__place{display:none}}

/* 8 MOBILNÍ MENU */
.sel-drawer{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;padding:16px var(--sel-pad-x) 40px;background:var(--sel-ink-deep);color:var(--sel-cream);overflow-y:auto}
.sel-drawer__top{display:flex;justify-content:space-between;align-items:center;min-height:56px}
.sel-drawer__top img{height:44px;width:auto}
.sel-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-8px;border:0;background:none;color:var(--sel-cream);cursor:pointer}
.sel-drawer__close svg{width:24px;height:24px}
.sel-drawer__nav{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--sel-line-dark)}
.sel-drawer__nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--sel-line-dark);font-family:var(--sel-font-display);font-size:1.875rem;line-height:1.2;text-decoration:none}
.sel-drawer__nav a[aria-current="page"]{color:var(--sel-teal-bright)}
.sel-drawer__cta{margin-top:32px}
.sel-drawer__cta .sel-btn{width:100%}
.sel-drawer__contact{margin-top:auto;padding-top:40px;font-size:var(--sel-fs-small);line-height:1.7;color:var(--sel-cream-72)}
.sel-drawer__contact a{text-decoration:none}

/* 9 ÚVOD */
/* 9.1 hero s třemi tečkami */
.sel-hero{position:relative;overflow:hidden;padding-block:clamp(3rem,1.7rem + 5.3vw,5.625rem) clamp(4rem,2.4rem + 6.5vw,7.5rem)}
.sel-hero__grid{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:var(--sel-gap-md);align-items:center}
.sel-hero__text{position:relative;z-index:1;display:flex;flex-direction:column;gap:30px}
.sel-hero__text .sel-btn-row{margin-top:10px}
.sel-hero__art{position:relative;justify-self:end;width:min(100%,560px);aspect-ratio:1}
.sel-hero__art svg{width:100%;height:100%;overflow:visible}
@media (max-width:959px){
  .sel-hero__grid{grid-template-columns:minmax(0,1fr)}
  .sel-hero__art{order:-1;justify-self:end;width:min(62%,300px);margin:-10px -10px -40px 0}
}
/* 9.2 karty programů */
.sel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none}
.sel-card{display:flex;flex-direction:column;height:100%;background:var(--sel-cream);color:var(--sel-ink);border-top:8px solid var(--sel-salmon);text-decoration:none;transition:transform .25s var(--sel-ease),box-shadow .25s var(--sel-ease)}
.sel-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -28px rgba(20,24,27,.6)}
.sel-card--teal{border-top-color:var(--sel-teal)}
.sel-card--dark{background:var(--sel-ink-deep);color:var(--sel-cream);border-top-color:var(--sel-cream)}
.sel-card__body{display:flex;flex-direction:column;gap:16px;flex-grow:1;padding:36px 36px 28px}
.sel-card__eyebrow{font-size:.875rem;letter-spacing:.14em;text-transform:uppercase}
.sel-card--dark .sel-card__eyebrow{color:var(--sel-cream-72)}
.sel-card__title{font-family:var(--sel-font-display);font-size:var(--sel-fs-h3);line-height:1.05}
.sel-card__text{font-size:1.0625rem;font-weight:400;line-height:1.55}
.sel-card--dark .sel-card__text{color:var(--sel-cream-85);font-weight:300}
.sel-card__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 36px;border-top:1px solid rgba(58,67,72,.15);font-size:1rem}
.sel-card--dark .sel-card__foot{border-top-color:var(--sel-line-dark)}
.sel-card__go{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.sel-card__go .sel-ico{width:16px;height:16px}
.sel-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1099px){.sel-cards,.sel-cards--2{grid-template-columns:minmax(0,1fr)}.sel-card__body{padding:28px 24px 22px}.sel-card__foot{padding:18px 24px}}
/* 9.3 čísla */
.sel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sel-stat{display:flex;flex-direction:column;gap:8px}
.sel-stat__num{font-family:var(--sel-font-display);font-size:var(--sel-fs-stat);line-height:1.05}
.sel-stat__num--salmon{color:var(--sel-salmon)}
.sel-stat__num--teal{color:var(--sel-teal)}
.sel-stat__label{font-size:1.0625rem;font-weight:400;color:var(--sel-cream-85)}
@media (max-width:767px){.sel-stats{grid-template-columns:minmax(0,1fr);gap:28px}}
/* 9.4 pilíře institutu */
.sel-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px;list-style:none;padding-top:8px}
.sel-pillar{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid var(--sel-line-light)}
.sel-pillar__num{font-family:var(--sel-font-display);font-size:1.375rem;color:var(--sel-teal-ink)}
.sel-pillar__title{font-size:1.5rem;font-weight:500;line-height:1.25}
.sel-pillar__text{font-size:1.0625rem;font-weight:300;line-height:1.6}
@media (max-width:767px){.sel-pillars{grid-template-columns:minmax(0,1fr);gap:32px}}
/* 9.5 výzva (pro školy) */
.sel-cta{display:flex;justify-content:space-between;align-items:center;gap:32px 80px;flex-wrap:wrap}
.sel-cta__text{display:flex;flex-direction:column;gap:22px;max-width:760px}
.sel-cta--box{padding:clamp(2rem,1.3rem + 2.8vw,4rem);background:var(--sel-ink-deep)}
/* 9.6 kalendář */
.sel-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none}
.sel-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 20px;border:1px solid var(--sel-ink);background:transparent;color:var(--sel-ink);font-size:var(--sel-fs-small);font-weight:400;text-decoration:none;cursor:pointer}
.sel-chip:hover{background:rgba(58,67,72,.06)}
.sel-chip[aria-pressed="true"],.sel-chip[aria-current="page"]{background:var(--sel-ink);color:var(--sel-cream)}
.sel-chip__dot{width:10px;height:10px;border-radius:50%;background:var(--sel-ink)}
.sel-chip__dot--salmon{background:var(--sel-salmon)}
.sel-chip__dot--teal{background:var(--sel-teal)}
.sel-chip[aria-pressed="true"] .sel-chip__dot--ink{background:var(--sel-cream)}
.sel-chips--block{margin-bottom:32px}
.sel-events{display:flex;flex-direction:column;list-style:none;border-top:1px solid var(--sel-line-light)}
.sel-event{display:grid;grid-template-columns:200px 150px minmax(0,1fr) 230px 150px;align-items:center;gap:28px;padding-block:26px;border-bottom:1px solid var(--sel-line-light)}
.sel-event__date{display:flex;flex-direction:column;gap:4px}
.sel-event__day{font-family:var(--sel-font-display);font-size:1.875rem;line-height:1.1;white-space:nowrap}
.sel-event__year{font-size:.875rem;color:var(--sel-gray-ink)}
.sel-event__brand{display:flex;align-items:center;gap:10px;font-size:var(--sel-fs-small);font-weight:500}
.sel-dot{width:12px;height:12px;flex:none;border-radius:50%;background:var(--sel-salmon)}
.sel-dot--teal{background:var(--sel-teal)}
.sel-dot--ink{background:var(--sel-ink)}
.sel-event__title{font-size:1.25rem;font-weight:400;line-height:1.35}
.sel-event__meta{display:flex;flex-direction:column;gap:4px;font-size:1rem}
.sel-event__price{color:var(--sel-gray-ink)}
.sel-events__empty{padding-block:28px;border-bottom:1px solid var(--sel-line-light);color:var(--sel-gray-ink)}
@media (max-width:1099px){
  .sel-event{grid-template-columns:150px minmax(0,1fr) auto;grid-template-areas:"date brand cta" "date title cta" "date meta cta";gap:6px 24px}
  .sel-event__date{grid-area:date}.sel-event__brand{grid-area:brand}.sel-event__title{grid-area:title}.sel-event__meta{grid-area:meta}.sel-event .sel-btn{grid-area:cta}
}
@media (max-width:639px){
  .sel-event{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date cta" "brand brand" "title title" "meta meta";padding-block:22px}
  .sel-event__day{font-size:1.625rem}
}
/* 9.7 lektoři */
.sel-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.sel-person{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.sel-person__photo{width:220px;aspect-ratio:220 / 280;object-fit:cover;border-bottom:6px solid var(--sel-salmon);background:var(--sel-ink-deep)}
.sel-person--teal .sel-person__photo{border-bottom-color:var(--sel-teal)}
.sel-person__body{display:flex;flex-direction:column;gap:12px}
.sel-person__name{font-family:var(--sel-font-display);font-size:clamp(1.75rem,1.54rem + .857vw,2.25rem);line-height:1.15}
.sel-person__role{font-size:var(--sel-fs-small);letter-spacing:.1em;text-transform:uppercase;color:var(--sel-salmon)}
.sel-person--teal .sel-person__role{color:var(--sel-teal-bright)}
.sel-person__text{font-size:1.0625rem;font-weight:300;line-height:1.6;color:var(--sel-cream-85)}
@media (max-width:1099px){.sel-people{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:559px){.sel-person{grid-template-columns:120px minmax(0,1fr);gap:20px}.sel-person__photo{width:120px}}

/* 10 PODSTRÁNKY */
.sel-pagehead{position:relative;overflow:hidden;padding-block:clamp(2.5rem,1.4rem + 4.4vw,5rem) clamp(3.5rem,2.4rem + 4.4vw,6rem);background:var(--sel-ink);color:var(--sel-cream)}
.sel-pagehead__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:22px;max-width:880px}
.sel-pagehead__art{position:absolute;right:var(--sel-pad-x);top:50%;width:clamp(90px,14vw,190px);transform:translateY(-50%);pointer-events:none}
@media (max-width:767px){.sel-pagehead__art{display:none}}
.sel-crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;font-size:var(--sel-fs-small);color:var(--sel-cream-72)}
.sel-crumbs li + li::before{content:"/";margin-right:8px}
.sel-crumbs a{text-decoration:none}
.sel-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.sel-crumbs [aria-current]{color:var(--sel-cream)}
.sel-legal{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--sel-gap);align-items:start}
.sel-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;font-size:var(--sel-fs-small)}
.sel-toc__title{margin-bottom:10px}
.sel-toc a{padding:6px 0 6px 14px;border-left:2px solid var(--sel-line-light);color:var(--sel-gray-ink);text-decoration:none}
.sel-toc a:hover{border-left-color:var(--sel-teal-ink);color:var(--sel-ink)}
@media (max-width:959px){.sel-legal{grid-template-columns:minmax(0,1fr)}.sel-toc{position:static}}
.sel-placeholder{padding:18px 22px;border:1px dashed var(--sel-gray);color:var(--sel-gray-ink);font-size:var(--sel-fs-small);line-height:1.6}
.sel-404{min-height:60vh;display:flex;align-items:center}
.sel-404 .sel-stack{max-width:760px}
.sel-404__num{font-family:var(--sel-font-display);font-size:clamp(6rem,4rem + 8vw,11rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--sel-teal)}

/* 11 NOTES (cíl QR kódu z notesu) */
.sel-technique{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sel-gap);align-items:center}
.sel-technique__num{font-size:var(--sel-fs-eyebrow);letter-spacing:.2em;text-transform:uppercase;color:var(--sel-teal-ink)}
.sel-checkin{width:min(100%,440px);justify-self:center}
.sel-checkin svg{width:100%;height:auto}
.sel-note{font-style:italic;color:var(--sel-gray-ink)}
.sel-markers{display:flex;flex-direction:column;list-style:none;border-top:1px solid var(--sel-line-light)}
.sel-marker{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:baseline;padding-block:20px;border-bottom:1px solid var(--sel-line-light)}
.sel-marker__sign{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--sel-ink);font-family:var(--sel-font-display);font-size:1.5rem;line-height:1}
.sel-marker__name{font-size:1.25rem;font-weight:500}
.sel-marker__desc{font-size:1.0625rem;color:var(--sel-gray-ink)}
.sel-example{display:flex;flex-direction:column;gap:10px;padding:24px 28px;background:var(--sel-white);border-left:3px solid var(--sel-teal);color:var(--sel-ink);font-size:1.125rem;line-height:1.55}
.sel-example b{display:inline-block;width:28px;font-weight:600}
.sel-technique--top{align-items:start}
@media (max-width:959px){.sel-technique{grid-template-columns:minmax(0,1fr)}}

/* 12 ZÁPISKY A ČLÁNEK */
.sel-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none}
.sel-post{display:flex;flex-direction:column;gap:16px;height:100%;padding:30px 30px 26px;background:var(--sel-white);color:var(--sel-ink);border-top:4px solid var(--sel-teal);text-decoration:none;transition:transform .25s var(--sel-ease),box-shadow .25s var(--sel-ease)}
.sel-post:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,24,27,.45)}
.sel-post--salmon{border-top-color:var(--sel-salmon)}
.sel-post--ink{border-top-color:var(--sel-ink)}
.sel-post__cat{display:flex;align-items:center;gap:10px;font-size:var(--sel-fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--sel-gray-ink)}
.sel-post__title{font-family:var(--sel-font-display);font-size:clamp(1.5rem,1.36rem + .571vw,1.875rem);line-height:1.15}
.sel-post__perex{font-size:1rem;line-height:1.6;flex-grow:1}
.sel-post__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--sel-line-light);font-size:var(--sel-fs-xs);color:var(--sel-gray-ink)}
.sel-post__meta .sel-ico{width:16px;height:16px;color:var(--sel-ink)}
.sel-section--deep .sel-post,.sel-section:not(.sel-section--paper) .sel-post{background:var(--sel-cream)}
@media (max-width:1099px){.sel-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.sel-posts{grid-template-columns:minmax(0,1fr)}}
.sel-article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--sel-fs-small);color:var(--sel-cream-72)}
.sel-article{display:grid;grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:var(--sel-gap);align-items:start}
.sel-prose{font-size:clamp(1.0625rem,1.018rem + .19vw,1.1875rem);font-weight:300;line-height:1.75}
.sel-prose > * + *{margin-top:1.05em}
.sel-prose h2{margin-top:1.8em;font-family:var(--sel-font-display);font-size:clamp(1.625rem,1.486rem + .571vw,2.125rem);line-height:1.2;font-weight:400}
.sel-prose h2:first-child{margin-top:0}
.sel-prose p.sel-punch{font-weight:500}
.sel-prose blockquote{padding-left:22px;border-left:3px solid var(--sel-salmon);font-family:var(--sel-font-display);font-size:1.5rem;line-height:1.4}
.sel-prose a{text-underline-offset:4px;text-decoration-color:var(--sel-teal-ink)}
.sel-tryit{display:flex;flex-direction:column;gap:12px;padding:28px 30px;background:var(--sel-ink);color:var(--sel-cream)}
.sel-tryit .sel-eyebrow{color:var(--sel-teal-bright)}
.sel-aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}
.sel-author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding-top:20px;border-top:1px solid var(--sel-line-light)}
.sel-author img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.sel-author__name{font-weight:600}
.sel-author__role{font-size:var(--sel-fs-small);color:var(--sel-gray-ink)}
@media (max-width:1099px){.sel-article{grid-template-columns:minmax(0,1fr)}.sel-aside{position:static}}

/* 13 PATIČKA */
.sel-footer{padding-block:clamp(3rem,2.5rem + 2vw,4rem) 32px;background:var(--sel-ink);color:var(--sel-cream);border-top:1px solid rgba(255,249,230,.12);font-size:var(--sel-fs-small)}
.sel-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
.sel-footer__brand{display:flex;flex-direction:column;gap:20px}
.sel-footer__brand img{width:150px;height:auto}
.sel-footer__addr{line-height:1.6;color:var(--sel-cream-72)}
.sel-footer__col{display:flex;flex-direction:column;gap:12px}
.sel-footer__h{font-weight:600}
.sel-footer__col a{color:var(--sel-cream-85);text-decoration:none}
.sel-footer__col a:hover{color:var(--sel-cream);text-decoration:underline;text-underline-offset:4px}
.sel-footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--sel-line-dark);font-size:var(--sel-fs-xs);color:var(--sel-cream-72)}
.sel-footer__legal{display:flex;flex-wrap:wrap;gap:8px 20px}
.sel-footer__legal a{text-decoration:none}
.sel-footer__legal a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:959px){.sel-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){.sel-footer__brand{grid-column:1 / -1}}

/* 14 UTILITY */
.sel-ico{display:inline-block;flex:none;vertical-align:middle}
.sel-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sel-mt{margin-top:var(--sel-gap-md)}

/* 15 POHYB A TISK */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}
@media print{.sel-topbar,.sel-header,.sel-drawer{display:none !important}body,.sel-section,.sel-pagehead{background:#fff !important;color:#000 !important}}

/* odchylka 3 · ikony Bricksu (svg:not([width]){min-width:1em}) + šipky v mobilním menu */
svg.brxe-icon{min-width:0;min-height:0}
.sel-drawer__nav .sel-ico{flex:none;width:18px;height:18px}
/* odchylka 4 · hero do 959 px: claim vedle teček (Libor 2026-10-02) */
@media (max-width:959px){
  .sel-hero__grid{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0;align-items:end}
  .sel-hero__text{display:contents}
  .sel-hero__text>*{grid-column:1/-1}
  .sel-hero__text>.sel-eyebrow{grid-row:1;margin-bottom:24px}
  .sel-hero__text>.sel-hero-h1{grid-row:2;grid-column:1}
  .sel-hero__art{grid-row:2;grid-column:2;order:0;width:clamp(120px,34vw,260px);margin:0 -10px 0 0}
  .sel-hero__text>.sel-lead{margin-top:30px}
  .sel-hero__text>.sel-btn-row{margin-top:40px}
}