/* Announce a session (/commons/sessions/announce) and the hosting brief (/commons/hosting-brief).
   build/pages/announce.py. Builds on tools.css (form and preview layout) and, for the brief, guides.css and hosting.css. */

/* ---------- The form ---------- */
.an-req{font-weight:400;color:var(--muted);font-size:.85rem}
.an-prog{display:block!important;margin-top:1.3rem!important;padding:0!important;border:0}
.an-prog > legend{float:left;width:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;margin:0 0 .6rem!important;padding:0 0 .4rem!important;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:380;font-size:1.25rem;color:var(--text)}
.an-prog > legend + *{clear:both}
.an-prog-tag{font-family:var(--f-sans);font-size:.85rem;color:var(--muted)}
.an-mods{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.an-mod{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.35rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.an-mod:has(.an-tick:checked){border-color:var(--sun);box-shadow:inset 3px 0 0 var(--sun)}
.an-tick{flex:none;width:1.3rem;height:1.3rem;margin:0;accent-color:var(--ink-bg);cursor:pointer}
.an-mod-title{flex:1;min-width:0;padding:.45rem 0;font-weight:500;color:var(--text);cursor:pointer;overflow-wrap:anywhere}
.an-saved-plan{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1rem!important;padding:.8rem 1rem;border-radius:12px;background:var(--callout-leaf);border:1px solid var(--callout-leaf-line);color:var(--callout-leaf-ink)}
.an-saved-plan p{margin:0;font-size:.92rem}
.an-saved-plan a{color:inherit}
.an-small{height:auto!important;min-height:44px;padding:.4rem 1.1rem!important;font-size:.9rem!important}
.an-sub{margin:1.6rem 0 .3rem;padding-top:1.2rem;border-top:1px solid var(--line);font:600 .74rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.an-times{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.7rem}
.an-time{padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.an-time-title{margin:0 0 .5rem;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.an-time-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem 1rem}
.an-time-row .field{margin:0;min-width:0}
.an-time-row input{width:100%;min-width:0;min-height:44px}
.an-subset{display:block;margin:0;padding:0;border:0;min-width:0}
.an-sublegend{font:600 .95rem/1.4 var(--f-sans);margin:0 0 .4rem;padding:0;color:var(--text)}
.an-radios{display:grid;gap:.1rem}
.an-radio{align-items:center;min-height:44px}
.an-radio input{margin-top:0;flex:none}
.an-step [hidden]{display:none!important}
#an-status[data-kind="err"]{color:var(--err-ink);font-weight:500}
#an-status[data-kind="ok"]{color:var(--text);font-weight:500}
.an-nojs{margin-bottom:0}
.an-nojs ul{margin:.4rem 0 1rem 1.2rem}

/* ---------- Errors ---------- */
.an-errsum{margin:0 0 1rem;padding:1rem 1.2rem;border:2px solid var(--err-ink);border-radius:14px;background:var(--paper)}
.an-errsum:focus{outline:3px solid var(--sun);outline-offset:2px}
.an-errsum p{margin:0 0 .4rem;color:var(--text)}
.an-errsum ul{margin:0;padding-left:1.2rem}
.an-errsum a{color:var(--err-ink);font-weight:500}

/* ---------- Outputs ---------- */
.an-out-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin:0 0 .6rem;font:600 1rem/1.3 var(--f-sans);color:var(--text)}
.an-out-title .mono{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:400}
.an-out{margin-top:1.6rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:16px;background:var(--paper-3)}
.an-out-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem}
.an-out h2{margin:0;font:600 1rem/1.3 var(--f-sans);color:var(--text)}
.an-count{margin:0;font-size:.78rem;color:var(--muted)}
.an-count[data-over="true"]{color:var(--err-ink);font-weight:600}
.an-out-hint{margin:.3rem 0 .6rem;font-size:.86rem;color:var(--muted)}
.an-text{display:block;width:100%;min-height:7.5rem;padding:.7rem .8rem;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);color:var(--text);font:400 .92rem/1.5 var(--f-sans);resize:vertical;overflow-wrap:anywhere}
.an-out-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.6rem}
.an-copied{font-size:.88rem;color:var(--text)}

/* ---------- The poster: laid out at its printed width, scaled to the frame on screen ---------- */
.an-frame{padding:clamp(.5rem,.3rem + 1vw,1rem)}
.an-scale{background:#fff;padding:clamp(.6rem,.3rem + 2vw,1.6rem);border-top:5px solid var(--night);box-shadow:0 1px 2px rgba(19,32,27,.08),0 14px 40px -18px rgba(19,32,27,.35)}
.an-scale-in{position:relative;overflow:hidden}
.an-poster{--k:1;--ink:#13201b;box-sizing:border-box;width:184mm;transform-origin:0 0;color:var(--ink);background:#fff;font-family:var(--f-sans);line-height:1.3}
.an-poster *{color:var(--ink)}
.an-p-kicker{margin:0 0 calc(3mm * var(--k));padding-bottom:calc(2mm * var(--k));border-bottom:2pt solid var(--ink);font:600 calc(11pt * var(--k))/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.an-p-title{margin:0 0 calc(2.5mm * var(--k));font-family:var(--f-display);font-weight:380;font-size:calc(38pt * var(--k));line-height:1.05;letter-spacing:-.015em;overflow-wrap:anywhere}
.an-poster[data-n="3"] .an-p-title,.an-poster[data-n="4"] .an-p-title{font-size:calc(34pt * var(--k))}
.an-poster[data-n="5"] .an-p-title,.an-poster[data-n="6"] .an-p-title{font-size:calc(30pt * var(--k))}
.an-p-host{margin:0 0 calc(6mm * var(--k));font-size:calc(14pt * var(--k));overflow-wrap:anywhere}
.an-p-sessions{list-style:none;margin:0 0 calc(5mm * var(--k));padding:0;display:grid;gap:calc(3.2mm * var(--k))}
.an-p-sessions:empty{display:none}
.an-p-sessions li{display:grid;gap:calc(.6mm * var(--k));padding-left:calc(4mm * var(--k));border-left:2.5pt solid var(--ink);break-inside:avoid}
.an-p-when{font:600 calc(11pt * var(--k))/1.25 var(--f-mono);letter-spacing:.02em}
.an-p-stitle{font-weight:700;font-size:calc(15pt * var(--k));line-height:1.2;overflow-wrap:anywhere}
.an-p-sum{font-size:calc(11pt * var(--k));line-height:1.35}
.an-p-facts{display:grid;gap:calc(2mm * var(--k));margin:0 0 calc(5mm * var(--k));padding:calc(3.5mm * var(--k)) 0;border-top:1pt solid var(--ink);border-bottom:1pt solid var(--ink)}
.an-p-facts > div{display:grid;grid-template-columns:30mm minmax(0,1fr);gap:calc(3mm * var(--k))}
.an-p-facts dt{font:600 calc(9pt * var(--k))/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.an-p-facts dd{margin:0;font-size:calc(12.5pt * var(--k));overflow-wrap:anywhere}
.an-p-promises{margin:0 0 calc(4mm * var(--k))}
.an-p-promises h3{margin:0 0 calc(1.5mm * var(--k));font:600 calc(9pt * var(--k))/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.an-p-promises ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(1.2mm * var(--k));font-size:calc(10pt * var(--k));line-height:1.35}
.an-p-free{font-weight:700;font-size:calc(13pt * var(--k))}
.an-p-src{font-size:calc(8.5pt * var(--k))}
.an-p-foot p{margin:0 0 calc(1mm * var(--k));font-size:calc(9.5pt * var(--k))}
.an-p-foot p:first-child{font-weight:600;font-size:calc(11pt * var(--k))}

/* ---------- The brief (/commons/hosting-brief) ---------- */
.hb-sheet{max-width:960px;margin:0 auto;padding:clamp(1.2rem,1rem + 2vw,2.6rem);border:1px solid var(--line-2);border-radius:22px;background:var(--paper-3)}
.hb-kicker{margin:0 0 .5rem;font:500 .72rem/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hb-title{margin:0 0 1.2rem;font-family:var(--f-display);font-weight:340;font-size:clamp(1.4rem,1.15rem + 1.1vw,2rem);line-height:1.15;color:var(--text)}
.hb-grid{display:grid;gap:1.2rem 2rem}
@media (min-width:860px){.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hb-h{margin:0 0 .45rem;padding-bottom:.35rem;border-bottom:1.5px solid var(--text);font:600 .76rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.hb-list{margin:0;padding-left:1.1rem}
.hb-list li{margin:0 0 .35rem;font-size:.93rem;line-height:1.45;color:var(--body);overflow-wrap:anywhere}
.hb-reads{list-style:none;padding:0}
.hb-url{display:block;font-family:var(--f-mono);font-size:.75rem;color:var(--muted)}
.hb-foot p{margin:1.2rem 0 0;font-size:.82rem;color:var(--muted);overflow-wrap:anywhere}
.hb-sheet + .hs-also{max-width:960px;margin:1.6rem auto 0}
.hb-table-wrap{margin-top:1.4rem;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.hb-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.88rem}
.hb-table th,.hb-table td{padding:.55rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--body)}
.hb-table th{font:600 .7rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.hb-table td:first-child{white-space:nowrap;color:var(--muted)}
.hb-table td:last-child{white-space:nowrap}

@media print{
  @page{margin:12mm} /* 186 mm of A4's width and 255 mm of Letter's height: the poster is 184 mm wide and fitted to 247 mm */
  /* The announcement prints the poster only, one page, A4 or Letter */
  body:has(.an-poster)::before{display:none!important}
  body:has(.an-poster) main > :not(.an-page),.an-page .ip-form,.an-page .ip-bar,.an-page .ip-tip,.an-errsum,.an-out,.an-out-title,.an-nojs{display:none!important}
  body:has(.an-poster) .an-page{padding:0!important}
  body:has(.an-poster) .an-frame{padding:0!important;border:0!important;background:none!important;max-height:none!important;overflow:visible!important}
  .an-scale{padding:0!important;border:0!important;box-shadow:none!important}
  .an-scale-in{height:auto!important;overflow:visible!important}
  .an-poster{transform:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}
  .an-poster *{color:#000!important}

  /* The brief prints as one page: the sheet only */
  body:has(.hb-sheet)::before{display:none!important}
  main:has(.hb-sheet) .page-hero,main:has(.hb-sheet) .hs-also,main:has(.hb-sheet) .hb-map,main:has(.hb-sheet) .subscribe-band{display:none!important}
  main:has(.hb-sheet) .section{padding:0!important}
  .hb-sheet{max-width:none;border:0;border-radius:0;padding:0;background:#fff!important;font-size:8pt}
  .hb-kicker{font-size:6.8pt;margin-bottom:1mm;color:#333!important}
  .hb-title{font-size:15pt;margin-bottom:3mm;color:#000!important}
  .hb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5mm 7mm}
  .hb-h{font-size:7pt;margin-bottom:1mm;padding-bottom:.8mm;border-color:#000;color:#000!important}
  .hb-list{padding-left:3.5mm}
  .hb-list li{margin-bottom:.8mm;font-size:8pt;line-height:1.28;color:#000!important}
  .hb-block{break-inside:avoid}
  .hb-url{font-size:6.8pt;color:#333!important}
  .hb-reads a::after{content:none!important}
  .hb-foot p{margin-top:2.5mm;font-size:7pt;color:#333!important}
}