/* ============================================================ RIGG — site.css · Direction B "Fairway" Plain CSS for static hosting. Brand: lime fills, charcoal text, magenta single accent. Warm serif (Source Serif 4) + Source Sans 3. The "larger text" toggle flips --base on . ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Source+Sans+3:wght@400;500;600;700&display=swap'); :root{ --green:#94ED19; --green-deep:#00B000; --green-text:#1B5E20; --ink:#1C1C1C; --ink-soft:#54585c; --magenta:#D41565; --magenta-deep:#a8104e; --silver:#D0D0D0; --paper:#FFFFFF; --paper-2:#FAFAF7; --line:#E7E7DF; --serif:'Source Serif 4',Georgia,'Times New Roman',serif; --sans:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --base:18px; /* larger-text toggle bumps this to 22px */ --wrap:1180px; --radius:16px; } html[data-text="large"]{--base:22px;} *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--paper-2); color:var(--ink); font-family:var(--serif); font-size:var(--base); line-height:1.62; -webkit-font-smoothing:antialiased; } img{max-width:100%;display:block;} a{color:var(--green-text);text-underline-offset:3px;} h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.12;} p{margin:0 0 1em;} .sans{font-family:var(--sans);} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;} .center{text-align:center;} /* ---------- skip link + focus ---------- */ .skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-family:var(--sans);z-index:100;} .skip:focus{left:0;} :focus-visible{outline:3px solid var(--magenta);outline-offset:2px;border-radius:4px;} /* ---------- buttons ---------- */ .btn{font-family:var(--sans);font-weight:700;font-size:1rem;line-height:1.35; padding:13px 22px;border-radius:11px;border:2px solid transparent;display:inline-flex; align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none; min-height:48px;transition:background .15s,color .15s,border-color .15s;} .btn-ink{background:var(--ink);color:#fff;} .btn-ink:hover{background:#000;} .btn-lime{background:var(--green);color:var(--ink);} .btn-lime:hover{background:#86d916;} .btn-mag{background:var(--magenta);color:#fff;} .btn-mag:hover{background:var(--magenta-deep);} .btn-mag-o{background:transparent;border-color:var(--magenta);color:var(--magenta);} .btn-mag-o:hover{background:var(--magenta);color:#fff;} /* light outline for use on the dark header */ .btn-light-o{background:transparent;border-color:rgba(255,255,255,.65);color:#fff;} .btn-light-o:hover{background:#fff;color:var(--ink);border-color:#fff;} .btn-block{width:100%;} /* ---------- HEADER (charcoal — all text light) ---------- */ .site-header{background:var(--ink);color:#fff;position:sticky;top:0;z-index:50;border-bottom:5px solid var(--green);} .site-header .wrap{display:flex;align-items:center;gap:16px;padding:14px 28px;} .brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;} .brand img{width:50px;height:50px;} .brand .wm{font-family:var(--serif);font-weight:700;font-size:23px;line-height:1;color:#fff;} .brand .wm small{display:block;font-family:var(--sans);font-weight:600;font-size:10.5px; letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-top:4px;} .site-nav{display:flex;align-items:center;gap:6px;margin-left:auto;font-family:var(--sans);} .site-nav a{color:#e7e9ea;text-decoration:none;font-weight:600;font-size:15.5px;padding:9px 13px;border-radius:8px;} .site-nav a:hover{background:rgba(255,255,255,.12);color:#fff;} .site-nav a[aria-current="page"]{color:var(--green);} .site-nav .btn{margin-left:8px;} .burger{display:none;background:none;border:none;color:#fff;font-size:28px;line-height:1; margin-left:auto;cursor:pointer;min-width:48px;min-height:48px;padding:0;} /* ---------- HERO (lime block — charcoal text) ---------- */ .hero{background:var(--green);} .hero .wrap{display:flex;align-items:center;gap:46px;padding:54px 28px;} .hero img.logo{width:168px;height:168px;flex:none;} .hero .kick{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#33500f;} .hero h1{font-size:clamp(34px,5vw,52px);color:var(--ink);margin:12px 0 16px;max-width:16ch;} .hero p.lead{font-size:1.18rem;color:#26400e;max-width:54ch;margin:0 0 24px;} .hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;} /* ---------- section rhythm ---------- */ .section{padding:48px 0;} .section.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} .section h2{font-size:clamp(26px,3vw,32px);margin-bottom:6px;} .section h2 em{font-style:normal;color:var(--green-deep);} .section .sub{font-family:var(--sans);color:var(--ink-soft);font-size:1.02rem;margin:0 0 26px;} .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap;} .section-head h2{margin:0;} .link-more{font-family:var(--sans);font-weight:700;color:var(--green-text);text-decoration:none;} .link-more:hover{text-decoration:underline;} /* ---------- FEATURED next round ---------- */ .feature{display:grid;grid-template-columns:1.35fr 1fr;background:var(--paper); border:1px solid var(--line);border-radius:var(--radius);overflow:hidden; box-shadow:0 2px 0 rgba(0,0,0,.03);} .feature .info{padding:32px 36px;} .feature .when{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.12em; text-transform:uppercase;color:var(--magenta);} .feature .course{font-family:var(--serif);font-size:clamp(30px,3.4vw,40px);font-weight:700;margin:8px 0 6px;} .feature .course a{color:var(--ink);text-decoration:none;border-bottom:3px solid var(--green);} .feature .course a:hover{color:var(--green-text);} .feature .where{font-family:var(--sans);font-size:1.05rem;color:var(--ink-soft);margin:0 0 18px;} .feature .facts{display:flex;flex-wrap:wrap;gap:10px 26px;font-family:var(--sans);font-size:1rem;margin-bottom:22px;} .feature .facts b{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);} .feature .signup-note{font-family:var(--sans);font-size:.95rem;color:var(--ink-soft);margin-top:4px;} /* weather mood panel */ .wx{background:var(--ink);color:#fff;padding:30px 32px;display:flex;flex-direction:column;justify-content:center;gap:6px;} .wx .mood{font-size:64px;line-height:1;} .wx .temp{font-family:var(--serif);font-size:42px;font-weight:700;line-height:1;} .wx .desc{font-family:var(--sans);font-size:1.02rem;color:#d6d9dc;} .wx .where{font-family:var(--sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:700;} .wx.good{background:#15351c;} .wx.bad{background:#2a2118;} /* ---------- upcoming list ---------- */ .rounds{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;} .round{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:13px; background:var(--paper);border:1px solid var(--line);font-family:var(--sans);} .round .chip{background:var(--green);color:var(--ink);font-weight:700;border-radius:10px; padding:9px 12px;text-align:center;line-height:1.05;min-width:62px;} .round .chip small{display:block;font-size:11px;} .round .c{font-family:var(--serif);font-size:1.18rem;font-weight:600;} .round .c a{color:var(--ink);text-decoration:none;} .round .c a:hover{color:var(--green-text);text-decoration:underline;} .round .m{font-size:.9rem;color:var(--ink-soft);margin-top:2px;} /* ---------- tags / pills ---------- */ .tag-team{background:var(--ink);color:var(--green);font-family:var(--sans);font-weight:700; font-size:10.5px;letter-spacing:.08em;padding:2px 7px;border-radius:5px;vertical-align:middle;} .pill{font-family:var(--sans);font-weight:700;font-size:13px;padding:3px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;} .pill-paid{background:#e3f6e3;color:#1B5E20;} .pill-unpaid{background:#fde4ef;color:var(--magenta-deep);} .pill-na{background:#eee;color:#666;} .pill-tent{background:#f3f0e2;color:#7a6a25;border:1px dashed #c9b86b;} /* ---------- news cards ---------- */ .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .news-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius); overflow:hidden;background:var(--paper);} .news-card .strip{height:9px;background:var(--green);} .news-card.president .strip{background:var(--magenta);} .news-card .in{padding:22px 24px;display:flex;flex-direction:column;flex:1;} .news-card .meta{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.05em; text-transform:uppercase;color:var(--magenta);margin-bottom:7px;} .news-card.president .meta{color:var(--magenta);} .news-card h3{font-size:1.32rem;margin-bottom:9px;} .news-card p{font-family:var(--sans);font-size:1rem;color:var(--ink-soft);margin:0 0 14px;} .news-card .by{font-family:var(--sans);font-size:.9rem;color:var(--ink-soft);} .news-card .cardfoot{margin-top:auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding-top:6px;} .news-cta{font-size:.92rem;padding:9px 15px;min-height:42px;} /* ---------- join the fun form ---------- */ .join{background:var(--ink);color:#fff;border-radius:20px;overflow:hidden; display:grid;grid-template-columns:1fr 1fr;} .join .pitch{padding:40px 44px;} .join .pitch h2{color:#fff;font-size:clamp(26px,3vw,34px);} .join .pitch h2 em{color:var(--green);font-style:normal;} .join .pitch p{font-family:var(--sans);color:#c9ccd0;font-size:1.05rem;margin:14px 0 0;max-width:42ch;} .join form{background:var(--green);padding:36px 40px;display:flex;flex-direction:column;gap:14px;} .field{display:flex;flex-direction:column;gap:5px;} .field label{font-family:var(--sans);font-weight:700;font-size:14px;color:#26400e;} .field input,.field textarea{font-family:var(--sans);font-size:1.05rem;padding:13px 15px; border-radius:10px;border:2px solid #79c40f;background:#fff;color:var(--ink);min-height:50px;} .field textarea{min-height:84px;resize:vertical;} .field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);} .form-note{font-family:var(--sans);font-size:.85rem;color:#33500f;margin:2px 0 0;} .form-ok{font-family:var(--sans);background:#fff;border-radius:10px;padding:14px 16px;color:var(--green-text);font-weight:600;display:none;} .form-ok.show{display:block;} /* ---------- FOOTER (charcoal — light text) ---------- */ .site-footer{background:var(--ink);color:#c9ccd0;font-family:var(--sans);font-size:14.5px;} .site-footer .wrap{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;padding:34px 28px;} .site-footer a{color:var(--green);text-decoration:none;} .site-footer a:hover{text-decoration:underline;} .site-footer .col h4{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:10px;} .site-footer .col p{margin:0 0 6px;} .site-footer .brandline{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--serif);font-weight:700;font-size:18px;} .site-footer .brandline img{width:34px;height:34px;} /* ---------- text-size toggle (floats, accessible) ---------- */ .text-toggle{position:fixed;right:16px;bottom:16px;z-index:60;background:var(--ink);color:#fff; border:2px solid var(--green);border-radius:999px;font-family:var(--sans);font-weight:700; font-size:15px;padding:11px 18px;cursor:pointer;min-height:48px;box-shadow:0 4px 14px rgba(0,0,0,.18);} .text-toggle:hover{background:#000;} .text-toggle .a-small{font-size:13px;} .text-toggle .a-big{font-size:19px;} /* ---------- mobile ---------- */ @media(max-width:860px){ .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink); flex-direction:column;align-items:stretch;padding:10px 18px 18px;border-bottom:5px solid var(--green);gap:2px;} .site-nav.open{display:flex;} .site-nav a{padding:13px;font-size:17px;} .site-nav .btn{margin:8px 0 0;} .burger{display:block;} .hero .wrap{flex-direction:column;text-align:center;gap:24px;padding:40px 24px;} .hero img.logo{width:120px;height:120px;} .hero .cta-row{justify-content:center;} .hero h1{max-width:none;} .feature{grid-template-columns:1fr;} .wx{flex-direction:row;align-items:center;gap:18px;padding:24px 28px;} .wx .mood{font-size:48px;} .rounds{grid-template-columns:1fr;} .news-grid{grid-template-columns:1fr;} .join{grid-template-columns:1fr;} .section{padding:36px 0;} } /* ========================================================= SUB-PAGE additions (schedule, board, articles, forms) ========================================================= */ /* sub-page hero — charcoal band, light text, lime kicker */ .page-hero{background:var(--ink);color:#fff;padding:46px 0 42px;border-bottom:5px solid var(--green);} .page-hero .kick{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);} .page-hero h1{font-size:clamp(30px,4vw,46px);color:#fff;margin:10px 0 12px;max-width:20ch;} .page-hero p{font-family:var(--sans);font-size:1.1rem;color:#c9ccd0;max-width:60ch;margin:0;} /* long-form article */ .article{padding:46px 0 56px;} .article .col{max-width:72ch;margin:0 auto;} .article h2{font-size:clamp(22px,2.6vw,28px);margin:34px 0 10px;} .article h2:first-child{margin-top:0;} .article h3{font-family:var(--sans);font-size:1.2rem;margin:24px 0 8px;} .article p{font-size:1.05rem;margin:0 0 1.1em;} .article ul,.article ol{font-size:1.05rem;padding-left:24px;margin:0 0 1.2em;} .article li{margin:8px 0;} .article a{font-weight:600;} .doc-note{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--magenta); border-radius:10px;padding:16px 20px;margin:22px 0;font-family:var(--sans);font-size:1rem;} .doc-note strong{color:var(--magenta);} /* pull-quote */ .pullquote{font-family:var(--serif);font-size:clamp(22px,3vw,30px);line-height:1.3;font-weight:600; color:var(--ink);border-left:6px solid var(--green);padding:6px 0 6px 24px;margin:30px 0;} /* eligibility checklist */ .checklist{list-style:none;padding:0;margin:18px 0 8px;display:flex;flex-direction:column;gap:12px;} .checklist li{display:flex;gap:14px;align-items:flex-start;font-family:var(--sans);font-size:1.05rem; background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 18px;} .checklist .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--ink); font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:1px;} /* fact cards (advantages) */ .facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 0;} .fact{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;font-family:var(--sans);} .fact h3{font-family:var(--serif);font-size:1.2rem;margin:0 0 6px;} .fact p{font-size:1rem;color:var(--ink-soft);margin:0;} /* =========== schedule table =========== */ .legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-family:var(--sans);font-size:.95rem; color:var(--ink-soft);margin:0 0 20px;} .legend span{display:inline-flex;align-items:center;gap:6px;} .sched-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;} table.sched{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:1rem;} table.sched th{background:#f3f3ec;text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase; color:var(--ink-soft);font-weight:700;padding:13px 16px;border-bottom:2px solid var(--ink);} table.sched td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle;} table.sched tr:last-child td{border-bottom:none;} table.sched .date{font-weight:700;white-space:nowrap;} table.sched .course{font-family:var(--serif);font-size:1.12rem;font-weight:600;} table.sched .course a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--green);} table.sched .course a:hover{color:var(--green-text);} table.sched tr.tentative .course{font-weight:400;color:var(--ink-soft);} table.sched tr.special td{background:var(--paper-2);font-family:var(--serif);font-style:italic;color:var(--ink-soft);} .month-head{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase; color:var(--green-text);padding:22px 4px 8px;} .sched-cards{display:none;} /* =========== board cards =========== */ .board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .board-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;} .board-card .photo{width:100%;aspect-ratio:1;object-fit:cover;display:block;} .board-card .in{padding:18px 20px;} .board-card .role{font-family:var(--sans);font-weight:700;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--magenta);} .board-card h3{font-size:1.3rem;margin:5px 0 8px;} .board-card p{font-family:var(--sans);font-size:.98rem;color:var(--ink-soft);margin:0;} .ph-slot{background:repeating-linear-gradient(135deg,#eceadf 0 11px,#f6f4ea 11px 22px); display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace; font-size:12px;color:#8a8a7a;text-align:center;} /* =========== forms (light pages) =========== */ .form-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start;padding:46px 0 56px;} .form-aside h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:12px;} .form-aside p{font-family:var(--sans);font-size:1.05rem;color:var(--ink-soft);} .form-aside ul{font-family:var(--sans);font-size:1.02rem;color:var(--ink-soft);padding-left:20px;} .form-aside li{margin:7px 0;} .form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;} .form-card .field{margin-bottom:16px;} .form-card .field label{color:var(--ink);} .form-card .field input,.form-card .field textarea,.form-card .field select{ border-color:var(--silver);background:var(--paper-2);} .form-card .field input:focus,.form-card .field textarea:focus,.form-card .field select:focus{border-color:var(--ink);background:#fff;} .field.req label::after{content:" *";color:var(--magenta);} .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .check-row{display:flex;gap:11px;align-items:flex-start;font-family:var(--sans);font-size:1rem;margin:6px 0 16px;} .check-row input{width:22px;height:22px;margin-top:2px;flex:none;} .form-card .form-ok{background:#e3f6e3;border:1px solid #b7e3b7;} /* sign-in code boxes */ .signin-card{max-width:480px;margin:0 auto;background:var(--paper);border:1px solid var(--line); border-radius:var(--radius);padding:36px 36px 32px;text-align:center;} .signin-card img{width:64px;height:64px;margin:0 auto 14px;} .signin-card h1{font-size:1.9rem;margin-bottom:8px;} .signin-card p{font-family:var(--sans);color:var(--ink-soft);font-size:1.05rem;margin:0 0 22px;} .signin-card .field{text-align:left;margin-bottom:16px;} .code-row{display:flex;gap:10px;justify-content:center;margin:6px 0 18px;} .code-row input{width:48px;height:60px;text-align:center;font-size:26px;font-family:var(--serif);font-weight:700; border:2px solid var(--silver);border-radius:10px;background:var(--paper-2);} .code-row input:focus{outline:none;border-color:var(--magenta);background:#fff;} .step{display:none;} .step.active{display:block;} .demo-hint{font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);background:#f3f3ec;border-radius:8px;padding:9px 12px;margin-top:8px;} @media(max-width:860px){ .facts-grid{grid-template-columns:1fr;} .board-grid{grid-template-columns:1fr 1fr;} .form-layout{grid-template-columns:1fr;gap:26px;} .field-row{grid-template-columns:1fr;} /* schedule → cards */ table.sched thead{display:none;} table.sched,table.sched tbody{display:block;} table.sched tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:14px 16px;border-bottom:1px solid var(--line);} table.sched tr.month-row{display:block;} table.sched td{display:block;padding:0;border:none;} table.sched td.course{grid-column:1 / -1;font-size:1.15rem;margin-bottom:4px;} table.sched td[data-l]::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:700; letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);} } @media(max-width:560px){ .board-grid{grid-template-columns:1fr;} } /* doc layout — sticky side table of contents */ .doc-layout{display:grid;grid-template-columns:240px 1fr;gap:44px;padding:44px 0 56px;align-items:start;} .doc-toc{position:sticky;top:96px;font-family:var(--sans);} .doc-toc h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px;} .doc-toc ol{list-style:none;margin:0;padding:0;counter-reset:art;} .doc-toc li{margin:0;} .doc-toc a{display:block;padding:7px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14.5px;border-left:3px solid transparent;} .doc-toc a:hover{background:var(--paper);color:var(--green-text);} .doc-toc a.active{border-left-color:var(--green);background:var(--paper);color:var(--green-text);font-weight:600;} .doc-body{max-width:72ch;} .doc-body article{scroll-margin-top:96px;margin-bottom:30px;} .doc-body h2{font-size:1.45rem;margin:0 0 10px;} .doc-body .art-no{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--magenta);} .doc-body p,.doc-body li{font-size:1.04rem;} .doc-body ol.legal{padding-left:20px;} .doc-body ol.legal li{margin:10px 0;} @media(max-width:820px){ .doc-layout{grid-template-columns:1fr;gap:8px;} .doc-toc{position:static;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--paper);margin-bottom:8px;} .doc-toc ol{columns:2;column-gap:18px;} } /* ========================================================= MEMBERS AREA ========================================================= */ .members-band{background:var(--green);padding:34px 0 30px;} .members-band .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;} .mgreet{font-family:var(--serif);font-size:clamp(28px,3.4vw,38px);font-weight:700;color:var(--ink);} .mgreet small{display:block;font-family:var(--sans);font-size:14px;font-weight:600;color:#33500f;margin-top:4px;} .mstats{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap;} .mstat{background:rgba(255,255,255,.72);border-radius:13px;padding:12px 18px;font-family:var(--sans);min-width:130px;} .mstat b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#33500f;margin-bottom:5px;} .mstat .v{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--ink);} .mstat .weather{background:transparent;border:none;padding:0;font-size:14px;color:var(--ink);} .mstat .weather .t{font-size:1.3rem;} /* this-week callout */ .thisweek{background:var(--ink);color:#fff;border-radius:var(--radius);padding:22px 26px;margin:26px 0 8px; display:flex;align-items:center;gap:24px;flex-wrap:wrap;} .thisweek .lbl{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);} .thisweek .course{font-family:var(--serif);font-size:1.7rem;font-weight:700;} .thisweek .meta{font-family:var(--sans);color:#c9ccd0;font-size:1rem;margin-top:3px;} .thisweek .spacer{margin-left:auto;} /* season cards */ .season-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:34px 0 16px;flex-wrap:wrap;} .season-head h2{font-size:clamp(22px,2.6vw,28px);} .ev-list{display:flex;flex-direction:column;gap:14px;} .ev-card{display:grid;grid-template-columns:120px 1.5fr 1.4fr 1fr 1.4fr;gap:20px;align-items:center; background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;font-family:var(--sans);} .ev-card.next{border:2px solid var(--magenta);box-shadow:0 4px 18px rgba(212,21,101,.08);} .ev-card.past{background:var(--paper-2);} .ev-card .date{font-weight:700;font-size:1rem;} .ev-card .date .badge{display:inline-block;background:var(--magenta);color:#fff;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.04em;margin-top:6px;} .ev-card .course{font-family:var(--serif);font-size:1.35rem;font-weight:600;} .ev-card .course a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--green);} .ev-card .course small{display:block;font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);font-weight:600;border:none;margin-top:2px;} .ev-card .lab{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px;} .ev-card .val{font-size:1.02rem;} /* big attendance toggle */ .att-toggle{display:inline-flex;border:2px solid var(--ink);border-radius:11px;overflow:hidden;font-weight:700;font-size:.95rem;} .att-toggle button{border:none;background:#fff;color:var(--ink-soft);padding:0 16px;min-height:46px;cursor:pointer;font:inherit;font-weight:700;} .att-toggle button.on{background:var(--green);color:var(--ink);} .att-toggle button.on.out{background:var(--magenta);color:#fff;} .att-locked{font-size:.92rem;color:var(--ink-soft);font-style:italic;} .prize-pending{color:var(--magenta-deep);font-weight:600;} /* season summary strip */ .season-summary{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;margin:0 0 22px;} .sumstat{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:14px 20px;font-family:var(--sans);min-width:150px;} .sumstat b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px;} .sumstat .v{font-family:var(--serif);font-size:1.7rem;font-weight:700;color:var(--ink);} .sumstat .v small{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ink-soft);} .sum-link{margin-left:auto;align-self:center;} /* profile panel */ .profile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin-top:34px;} .profile h2{font-size:1.4rem;margin-bottom:6px;} .profile .sub{font-family:var(--sans);color:var(--ink-soft);font-size:.98rem;margin-bottom:18px;} .profile-grid{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:start;} .profile-photo{aspect-ratio:1;border-radius:14px;object-fit:cover;} .profile .field{margin-bottom:14px;} @media(max-width:860px){ .mstats{margin-left:0;width:100%;} .ev-card{grid-template-columns:1fr 1fr;gap:12px 16px;} .ev-card .course{grid-column:1 / -1;} .ev-card .date{grid-column:1 / -1;display:flex;align-items:center;gap:10px;} .ev-card .date .badge{margin-top:0;} .thisweek .spacer{display:none;} .profile-grid{grid-template-columns:1fr;} .profile-photo{max-width:200px;} } /* directory */ .dir-section{margin-bottom:34px;} .dir-section h2{font-size:1.5rem;border-bottom:2px solid var(--green);padding-bottom:8px;margin-bottom:18px;scroll-margin-top:90px;} .dir-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;} .dir-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;} .dir-photo{aspect-ratio:1;width:100%;object-fit:cover;} .dir-photo.ph-slot{font-size:12px;} .logo-default{background:#f3f3ec;object-fit:contain !important;padding:13%;} .dir-in{padding:14px 16px;} .dir-role{display:inline-block;font-family:var(--sans);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--magenta);margin-bottom:4px;} .dir-card h3{font-size:1.18rem;margin:0;} .dir-card p{font-family:var(--sans);font-size:.92rem;color:var(--ink-soft);margin:7px 0 0;} .dir-jump{display:flex;gap:8px;font-family:var(--sans);margin-bottom:24px;} .dir-jump a{font-weight:700;color:var(--green-text);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 16px;background:var(--paper);} .dir-jump a:hover{background:var(--green);color:var(--ink);} /* president's message feed */ .pres-feed{max-width:760px;margin:0 auto;padding:46px 0 56px;} .pres-post{padding:30px 0;border-bottom:1px solid var(--line);} .pres-post:first-child{padding-top:0;} .pres-post:last-child{border-bottom:none;} .pres-post .meta{font-family:var(--sans);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--magenta);margin-bottom:8px;} .pres-post h2{font-size:1.5rem;margin-bottom:14px;} .pres-post.featured h2{font-size:clamp(26px,3vw,34px);} .pres-img{width:100%;border-radius:14px;margin:0 0 16px;border:1px solid var(--line);display:block;} .pres-post p{font-size:1.06rem;line-height:1.7;margin:0 0 1em;} .pres-post.featured p{font-size:1.12rem;} .pres-by{font-family:var(--sans);font-weight:700;color:var(--ink);margin-top:6px;} /* team formats */ .fmt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;} .fmt-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;} .fmt-card .tag-team{margin-bottom:10px;} .fmt-card h2{font-size:1.5rem;margin:8px 0 4px;} .fmt-card .who{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--green-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;} .fmt-card dl{margin:0;font-family:var(--sans);} .fmt-card dt{font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px;} .fmt-card dd{margin:4px 0 0;font-size:1rem;line-height:1.55;} .fmt-card dd .eg{display:block;background:var(--paper-2);border-radius:8px;padding:8px 12px;margin-top:6px;font-size:.95rem;color:var(--ink-soft);} @media(max-width:760px){ .fmt-grid{grid-template-columns:1fr;} } .fmt-more{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;} .fmt-more summary{font-family:var(--sans);font-weight:700;font-size:.95rem;color:var(--green-text);cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;} .fmt-more summary::-webkit-details-marker{display:none;} .fmt-more summary::before{content:"▸";transition:transform .15s;} .fmt-more[open] summary::before{transform:rotate(90deg);} .fmt-more .more-body{font-family:var(--sans);font-size:.98rem;line-height:1.6;margin-top:12px;color:var(--ink);} .fmt-more .more-body p{margin:0 0 .8em;} .fmt-more .more-body strong{font-weight:600;} /* photo gallery + lightbox */ .gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;} .gal-item{border:0;background:none;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:1;} .gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s;} .gal-item:hover img{transform:scale(1.05);} .gal-item .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-family:var(--sans);font-size:12.5px;font-weight:600;padding:18px 10px 8px;text-align:left;} .gal-item .logo-default{object-fit:contain;padding:16%;background:#f3f3ec;} .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;} .lightbox.open{display:flex;} .lightbox img{max-width:90vw;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);} .lightbox .lb-cap{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#fff;font-family:var(--serif);font-size:1.4rem;font-weight:600;} .lightbox .lb-close{position:absolute;top:18px;right:22px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;line-height:1;min-width:48px;min-height:48px;} .gal-section-h{font-size:1.4rem;margin:34px 0 16px;}