.og-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.og-list a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:2px solid var(--line,#d9d2e6);border-radius:12px;text-decoration:none;font-weight:700;background:#fff}
.og-list a:hover{border-color:var(--purple,#6b3fa0)}
.og-list a:focus-visible,.og-sheet textarea:focus-visible,.og-who input:focus-visible{outline:3px solid var(--purple,#6b3fa0);outline-offset:2px}
.og-title{margin:0 0 8px;font-size:clamp(1.5rem,4vw,2.2rem);scroll-margin-top:96px}
.og-who{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 10px}
.og-who label{display:flex;align-items:center;gap:8px;font-weight:700}
.og-who input{min-height:40px;border:2px solid var(--line,#d9d2e6);border-radius:8px;padding:4px 8px;font:inherit}
.og-note{margin:0 0 10px;font-style:italic}
.og-grid{display:flex;flex-direction:column;gap:8px}
.og-row{display:flex;gap:8px;align-items:stretch}
.og-sep{align-self:center;font-size:1.6rem;font-weight:800;flex:none}
.og-down{text-align:center;font-size:1.3rem;line-height:1;color:var(--purple,#6b3fa0)}
.og-cell{flex:1;min-width:0;border:2px solid var(--line,#d9d2e6);border-radius:14px;padding:8px;background:#fff;display:flex;flex-direction:column;gap:4px}
.og-cell.bun{background:#f6e3c3}.og-cell.fill{background:#e3f3e6}.og-cell.center{background:var(--mist,#f3eefb)}
.og-cell label{font-weight:800;font-size:.95rem}
.og-cell textarea{width:100%;box-sizing:border-box;border:1.5px solid #cdbfe0;border-radius:8px;padding:8px;font:inherit;font-size:1rem;line-height:1.7;resize:vertical;background:#fff;overflow:hidden}
.og-fine{font-size:.78rem;color:#555;margin:12px 0 0}
@media (max-width:700px){.og-row{flex-direction:column}.og-sep{align-self:center}}
@media (forced-colors:active){.og-cell,.og-list a{border-color:ButtonText}}
@media print{
  body{background:#fff}
  .nav,.site-foot,.pc-skip,.og-noprint,.pc-hero{display:none!important}
  .og-sheet{border:0;box-shadow:none;padding:0}
  .og-row{flex-direction:row;break-inside:avoid}
  .og-cell{break-inside:avoid;border:1.5px solid #333}
  .og-cell textarea{border:0;border-bottom:1px solid #999;border-radius:0;min-height:5rem;resize:none}
  .og-who input{border:0;border-bottom:1px solid #333;border-radius:0}
}

/* watermark: faint on screen, and it prints (even with "background graphics" off in most browsers it is drawn as an image) */
.og-sheet{position:relative;isolation:isolate}
.og-sheet::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.09;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='240'%3E%3Ctext x='30' y='140' transform='rotate(-20 260 120)' font-family='Arial,sans-serif' font-size='22' font-weight='700' fill='%23000'%3EGC ACADEMY · gisellechanel.com%3C/text%3E%3C/svg%3E")}
.og-lock{margin:0 0 10px;padding:12px 14px;border:2px dashed #cdbfe0;border-radius:14px;background:#fff}
.og-dlg{margin:auto;border:0;border-radius:18px;padding:0;width:min(560px,94vw);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.og-dlg::backdrop{background:rgba(29,29,29,.55)}
.og-dlg form,.og-dlg .og-dbody{padding:18px}
.og-dlg h2{margin:0 0 6px;font-size:1.3rem}
.og-opts{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.og-opts a,.og-opts button{display:flex;align-items:center;min-height:48px;width:100%;box-sizing:border-box;padding:8px 14px;border:2px solid var(--line,#d9d2e6);border-radius:12px;background:#fff;font:inherit;font-weight:700;text-align:left;text-decoration:none;color:inherit;cursor:pointer}
.og-opts a:hover,.og-opts button:hover{border-color:var(--purple,#6b3fa0)}
.og-opts a:focus-visible,.og-opts button:focus-visible,.og-dlg button:focus-visible{outline:3px solid var(--purple,#6b3fa0);outline-offset:2px}
.og-dact{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.og-members li{padding:6px 0}
@media (forced-colors:active){.og-opts a,.og-opts button{border-color:ButtonText}}
@media print{
  .og-sheet::before{opacity:.12;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .og-lock,.og-dlg{display:none!important}
}