/* The compact Corner — whole-corner view only (loaded after place.css, board.css, directory.css; see fc_render_place).
   Four things in this order, which is also the phone order: the pullout, what's on the calendar, six small notices, three pages from
   the book. On a wide screen all four sit in view: pullout and calendar on top, board and book under them.
   The notices are /board's own slips (board.css) and the book pages /folks' own entries (directory.css); this sheet only sets them out. */

.fc-place-intro--line { padding:12px 18px; }
.fc-place-intro--line h1 { margin:0; font-size:26px; }
@media (max-width:599px) { .fc-place-intro--line { padding:10px 14px; gap:10px; } .fc-place-intro--line h1 { font-size:21px; } .fc-place-intro--line .fc-btn { padding:9px 12px; min-height:44px; font-size:13px; } }

.fc-cn { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; margin:0 0 20px; }
.fc-cn > * { min-width:0; }
.fc-cn-look .fc-place-look { margin:0; }
@media (min-width:900px) {
  /* the pullout keeps the left; the calendar and the book stack on its right; the board runs under all of it */
  .fc-cn { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); grid-template-areas:"look agenda" "look book" "board board"; gap:14px 26px; align-items:start; }
  .fc-cn-look { grid-area:look; } .fc-cn-agenda { grid-area:agenda; } .fc-cn-board { grid-area:board; } .fc-cn-book { grid-area:book; }
  /* the pullout stays the biggest thing on the page, a little tighter so the board shows beneath it */
  .fc-cn-look .fc-cpost-title { font-size:clamp(44px,6.2cqi,66px); }
  .fc-cn-look .fc-cpost-panel { min-height:96px; padding:20px 20px 22px; margin-top:8px; }
  .fc-cn-look .fc-cpost-panel .fc-cpost-words { font-size:34px; }
  .fc-cn-look .fc-cpost-panel--mid .fc-cpost-words, .fc-cn-look .fc-cpost-panel--long .fc-cpost-words { font-size:24px; }
  .fc-cn-look .fc-place-picked { margin-top:8px; }
}
/* section heads: a title, one link out */
.fc-cn-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin:0 0 8px; padding:0 0 5px; border-bottom:2px solid #263c30; }
.fc-cn-head h2 { margin:0; font:700 24px/.95 var(--cond); letter-spacing:.02em; text-transform:uppercase; }
.fc-cn-head a { display:inline-flex; align-items:center; min-height:44px; margin:-12px 0; color:var(--ink); font:500 13px/1.2 var(--sans); white-space:nowrap; text-underline-offset:4px; }
.fc-cn-note { margin:6px 0 0; color:var(--muted); font:400 12px/1.45 var(--sans); }
.fc-cn-foot { margin:6px 0 0; color:var(--muted); font:400 12px/1.4 var(--sans); }
.fc-cn-empty { padding:16px 16px 14px; background:#ede7cb; border-top:2px solid #263c30; box-shadow:2px 3px 0 #20382722; }
.fc-cn-empty p { margin:0 0 6px; font:400 14px/1.45 var(--sans); }
.fc-cn-empty p:first-child { font:italic 400 1.2rem/1.2 var(--serif); }
.fc-cn-empty a { color:var(--ink); text-underline-offset:3px; }

/* the calendar: three lines on a leaf of paper */
.fc-cn-leaf { background:#f4edda url('fc-material-paper-v1.webp') 0 0/256px auto; background-blend-mode:multiply; box-shadow:2px 3px 0 #75674422; border-top:4px double #45503e; padding:0 10px; }
.fc-cn-ag { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; min-height:56px; padding:5px 0; border-bottom:1px solid #9c9e854f; color:#23382e; text-decoration:none; }
.fc-cn-ag:last-child { border-bottom:0; }
.fc-cn-ag:hover .fc-cn-ag-t strong { text-decoration:underline; text-underline-offset:3px; }
.fc-cn-ag:focus-visible { outline:3px solid #173e57; outline-offset:1px; }
.fc-cn-date { font:11px/1.1 Georgia,serif; text-align:center; color:#91412d; border-right:1px solid #9b9983; padding-right:9px; }
.fc-cn-date b { display:block; font-size:25px; line-height:1; }
.fc-cn-date--now { font:700 11px/1.15 var(--sans); letter-spacing:.04em; text-transform:uppercase; }
.fc-cn-ag-t { display:block; min-width:0; overflow-wrap:anywhere; }
.fc-cn-ag-t small { display:block; font:400 10px/1.25 var(--sans); letter-spacing:.03em; margin:0 0 2px; color:#3d4a43; }
.fc-cn-ag-t strong { display:block; font:700 18px/1.12 var(--cond); }
.fc-cn-ag-t em { display:block; margin-top:2px; font:400 12px/1.3 var(--sans); font-style:normal; color:#3d4a43; }

/* the board: three slips across from 360px (board.css keeps two below that); a picture slip is two wide on a phone only (115b) */
.fc-cn-board .fc-bd-board { padding:8px; border-width:6px; }
.fc-cn-board .fc-bd-grid { --bd-gap:7px; }
@media (min-width:600px) { .fc-cn-board .fc-bd-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.fc-cn-board .fc-bd-slip { min-height:86px; }
.fc-cn-board .fc-bd-title { font-size:16px; }
/* wide screens: the six lie in one row, each a small slip */
@media (min-width:900px) { .fc-cn-board .fc-bd-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } .fc-cn-board .fc-bd-pic { aspect-ratio:2/1; } }

/* Dave, 2026-10-19: rows of one kind — pictures two across, words three across, at every width (the server sets the spans, fc_place_corner_rows) */
.fc-cn-board .fc-bd-grid[data-bd-grid] { grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-flow:row; }
.fc-cn-board .fc-bd-grid > .fc-bd-item { align-self:stretch; }
.fc-cn-board .fc-bd-grid > .fc-cn-w2 { grid-column:span 2; } .fc-cn-board .fc-bd-grid > .fc-cn-w3 { grid-column:span 3; } .fc-cn-board .fc-bd-grid > .fc-cn-w6 { grid-column:span 6; }
.fc-cn-board .fc-bd-grid > .fc-cn-w6 .fc-bd-pic { aspect-ratio:2/1; }

/* the book: three entries on a leaf, each the book's own entry */
.fc-cn-phonebook { background:#e9dfb7 url('fc-material-paper-v1.webp') 0 0/256px auto; background-blend-mode:multiply; box-shadow:3px 3px 0 #7e735239; border-left:4px double #6f7357; padding:6px 12px 4px; }
.fc-cn-booklabel { margin:4px 0 2px; font:400 10px/1.2 var(--type); letter-spacing:.08em; color:#4d5645; }
.fc-cn-phonebook .bk-list { list-style:none; margin:0; padding:0; }
.fc-cn-phonebook .bk-item { margin:0; border-bottom:1px dotted #8b8c6b; }
.fc-cn-phonebook .bk-item:last-child { border-bottom:0; }
.fc-cn-phonebook .bk-entry { display:flex; align-items:baseline; justify-content:space-between; gap:10px; min-height:44px; padding:0; box-sizing:border-box; align-items:center; }
.fc-cn-phonebook .bk-name { flex:0 1 auto; min-width:0; }
.fc-cn-phonebook .bk-line { flex:1 1 auto; min-width:0; margin-top:0; align-items:baseline; }
.fc-cn-phonebook .bk-tag { display:none; }
@media (prefers-reduced-motion: reduce) { .fc-cn-ag, .fc-cn-phonebook .bk-entry { transition:none; } }
@media (forced-colors: active) { .fc-cn-leaf, .fc-cn-phonebook, .fc-cn-empty { border:2px solid CanvasText; background:Canvas; color:CanvasText; } }
/* 160: a little story under each agenda title — the approved description, two lines at most; the rest is one tap away */
.fc-cn-ag-t .fc-cn-ag-d{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:3px;font:400 13px/1.35 var(--sans);color:#2f3a34}
/* 232 (Dave, 10-20): a short last row keeps its own row but not the whole width, from 600px up — one leftover picture is
   half the board (the size it has in a full row), one leftover word slip a third; the cork shows beside it. Phones unchanged. */
@media (min-width:600px) {
  .fc-cn-board .fc-bd-grid > .fc-cn-w6:has(.fc-bd-pic) { justify-self:start; width:calc((100% - var(--bd-gap,7px)) / 2); }
  .fc-cn-board .fc-bd-grid > .fc-cn-w6:not(:has(.fc-bd-pic)) { justify-self:start; width:calc((100% - 2 * var(--bd-gap,7px)) / 3); }
}