/* Fairly Connected — the shared shell (S1, 2026-09-28).
   Masthead, taped tabs and the "Around here" guide, ported from Chet's whole-site design
   (gpt/2026-09-28-12-whole-site-design: navigation.css + wordmark.css, final cascade flattened).
   Every class is fc-mast-*, fc-tab* or fc-guide*, so none of the older .fc-bar rules can reach it.
   Fonts are the design's own files, self-hosted; Source Sans 3 is already loaded by fc_head(). */

@font-face{font-family:'FC Fraunces';font-weight:100 900;font-style:normal;font-display:swap;src:url('fonts/fc-fraunces.woff2') format('woff2')}
@font-face{font-family:'FC DM Sans';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/fc-dmsans-700.woff2') format('woff2')}

.fc-mast{--fc-mast-green:#203d34;--fc-mast-cream:#f1e5c5;--fc-mast-shadow:#0d221d66;
  background:var(--fc-mast-green);color:#eee9ce;position:relative;font-family:'Source Sans 3',system-ui,sans-serif;
  text-align:left;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.fc-mast-in{max-width:1500px;margin:0 auto;padding:25px 34px 0}

/* ---- the wordmark: Fairly (tilted italic) beside CONNECTED (dry ink) ---- */
.fc-mast-brand{display:flex;align-items:center;gap:18px;width:100%;box-sizing:border-box;padding:23px 12px 30px;min-height:135px;
  border-top:1px solid #a4aa8466;border-bottom:3px double #a4aa8466;color:var(--fc-mast-cream);text-decoration:none;
  position:relative;transform:rotate(-.35deg)}
.fc-mast-fairly{display:block;flex-shrink:0;font:italic 400 53px/1.25 'FC Fraunces','FC Book',Georgia,serif;letter-spacing:-2px;
  color:var(--fc-mast-cream);transform:rotate(-7deg);padding:.08em .13em .12em;border-bottom:1px solid #c17755;overflow:visible}
.fc-mast-connected{display:block;font:700 clamp(52px,6.3vw,88px)/.9 'FC DM Sans',system-ui,sans-serif;letter-spacing:-5px;
  text-transform:uppercase;color:var(--fc-mast-cream);
  /* the design's "dry ink": the letters sit at 65% and the grain photo lifts them back up */
  -webkit-mask-image:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('postoffice-grain.jpg');
  mask-image:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('postoffice-grain.jpg');
  mask-mode:alpha,luminance;mask-size:auto,380px 470px;mask-composite:add}
.fc-mast-brand small{display:block;margin-left:auto;font:400 10px 'Source Sans 3',system-ui,sans-serif;letter-spacing:2px;
  text-transform:uppercase;color:#e8dfc3;white-space:nowrap;writing-mode:vertical-rl}

/* ---- the little paper tabs, taped under the masthead ---- */
.fc-tabs{display:flex;align-items:center;justify-content:flex-start;gap:19px;padding:18px 4px 12px;width:100%;box-sizing:border-box}
.fc-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;
  padding:10px 17px;box-sizing:border-box;border:1px solid #c6bc9766;box-shadow:2px 3px 0 var(--fc-mast-shadow);
  font:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none}
.fc-tab::before{content:'';position:absolute;top:-7px;left:calc(50% - 17px);width:34px;height:13px;background:#ece3bd8c;
  border-left:1px solid #eee5c522;border-right:1px solid #eee5c522;transform:rotate(-7deg);pointer-events:none}
.fc-tab strong{display:block;font:600 15px/1.2 'Source Sans 3',system-ui,sans-serif;margin:0;white-space:nowrap}
.fc-tab-guide{background:#e9dfbd;color:#203d34;transform:rotate(-1.5deg)}
.fc-tab-guide strong span{font:400 14px sans-serif;padding-left:4px}
.fc-tab-mail{background:#bed0c9;color:#203d34;transform:rotate(1.3deg)}
.fc-tab-mail>span{font:21px/1 'FC Book',Georgia,serif}
.fc-tab-mail strong{font-size:14px}
.fc-tab-post{background:#dfbd61;color:#23392e;transform:rotate(-1.5deg);margin-left:auto}
.fc-tab-post b{font:400 18px sans-serif}
.fc-tab[aria-current=page]{outline:2px solid #f1e5c5;outline-offset:3px}
.fc-tab:focus-visible{outline:3px solid #fff5db;outline-offset:5px}

/* ---- tablets and phones: Fairly stacks above CONNECTED (Dave's call) ---- */
@media(max-width:1100px){
  .fc-mast-brand{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-content:start;align-items:center;
    gap:8px 16px;padding:18px 6px 23px}
  .fc-mast-fairly{justify-self:start;font-size:42px;line-height:1.1;padding:.04em .1em .1em}
  .fc-mast-connected{justify-self:start;font-size:64px;line-height:1;letter-spacing:-2px}
  .fc-mast-brand small{display:none}
}
@media(max-width:650px){
  .fc-mast-in{padding:18px 18px 0}
  .fc-mast-brand{gap:8px 10px;min-height:90px}
  .fc-mast-fairly{font-size:34px;letter-spacing:-1px}
  .fc-mast-connected{font-size:clamp(30px,9vw,49px);letter-spacing:-1px}
  .fc-tabs{gap:10px;padding:16px 0 12px}
  .fc-tab{padding:9px 10px;gap:5px}
  .fc-tab strong,.fc-tab-mail strong{font-size:12px}
  .fc-tab-mail>span{font-size:17px}
  .fc-tab-post b{font-size:15px}
}
@media(max-width:360px){
  .fc-mast-in{padding-left:12px;padding-right:12px}
  .fc-tabs{gap:7px}
  .fc-tab{padding:9px 7px}
  .fc-tab-mail>span{display:none}
}

/* ---- "Around here": the guide, a paper dialog ---- */
#fc-guide{border:0;color:#243e34;background:#f2e7cc;width:min(820px,calc(100% - 24px));padding:32px;max-height:90dvh;
  box-shadow:9px 10px 0 #102c2370;overflow:auto;font-family:'Source Sans 3',system-ui,sans-serif;box-sizing:border-box}
#fc-guide::backdrop{background:#0b211eb8;backdrop-filter:blur(3px)}
#fc-guide a,#fc-guide button{cursor:pointer;color:inherit}
#fc-guide a:focus-visible,#fc-guide button:focus-visible,#fc-guide summary:focus-visible{outline:3px solid #a74830;outline-offset:4px}
#fc-guide .fc-guide-close{position:absolute;right:17px;top:10px;background:none;border:0;font:32px sans-serif;line-height:1;padding:4px 8px}
.fc-guide-top{border-bottom:2px solid #294237;padding-bottom:16px}
.fc-guide-top>span{font-size:10px;letter-spacing:1.6px}
.fc-guide-top h2{font:400 44px/1 'FC Fraunces',Georgia,serif;margin:16px 0}
.fc-guide-top h2 i{color:#a34c35}
.fc-guide-top p{font-size:14px;margin:12px 0 0}
.fc-guide-dest{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0}
.fc-guide-dest>a{display:block;padding:20px;text-decoration:none;text-align:left;border:1px solid #b4b499;box-shadow:2px 3px 0 #31483716;position:relative}
.fc-guide-dest small{font:9px 'Source Sans 3',sans-serif;letter-spacing:1px;display:block}
.fc-guide-dest strong{font:400 28px/1.1 'FC Fraunces',Georgia,serif;display:block;margin:12px 0}
.fc-guide-dest span{font:12px 'Source Sans 3',sans-serif;display:block}
.fc-guide-corner{background:#dccb9e}
.fc-guide-board{background:#f1e8cf;transform:rotate(1deg)}
.fc-guide-calendar{background:#d5b09a;transform:rotate(-1deg)}
.fc-guide-people{background:#c9d0af}
.fc-guide-mail{background:#bcd0ce;transform:rotate(-1deg)}
.fc-guide-gatherings{background:#e2c5c1}
.fc-guide-gather{background:#e2c5c1}
.fc-guide-dest [aria-current=page]::after,.fc-guide-dest a[aria-current=page]::after{content:'YOU ARE HERE';position:absolute;right:10px;top:7px;
  font:8px 'Source Sans 3',sans-serif;letter-spacing:1px;border-bottom:1px solid;padding-bottom:2px}
.fc-guide-personal{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0 20px;border-bottom:1px solid #b1b19b}
.fc-guide-personal a,.fc-guide-help a{text-decoration:underline;padding:5px 0;font:14px 'Source Sans 3',sans-serif}
.fc-guide-help{padding:18px 0 0}
.fc-guide-help summary{cursor:pointer;font-size:13px}
.fc-guide-help>div{display:flex;gap:20px;flex-wrap:wrap;padding-top:12px}
.fc-guide-foot{font:italic 400 15px 'FC Fraunces',Georgia,serif;margin:23px 0 0;color:#63715c}
@media(max-width:650px){
  #fc-guide{padding:25px 20px}
  .fc-guide-top h2{font-size:36px}
  .fc-guide-top>span{font-size:8px;letter-spacing:1px}
  .fc-guide-dest{gap:10px}
  .fc-guide-dest>a{padding:16px 12px}
  .fc-guide-dest small{font-size:7px;letter-spacing:.5px}
  .fc-guide-dest strong{font-size:24px}
  .fc-guide-dest span{font-size:11px}
  .fc-guide-dest a[aria-current=page]::after{font-size:6px;top:4px}
  .fc-guide-personal{gap:15px}
  .fc-guide-personal a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.fc-tab,.fc-guide-dest>a{transition:none}}