:root{
  --ink:#0a0a0a; --paper:#ffffff;
  --rule:rgba(10,10,10,.085); --hair:rgba(10,10,10,.05);
  --dim:rgba(10,10,10,.5); --faint:rgba(10,10,10,.34);
  --hover:rgba(10,10,10,.035);
  --serif:"Zodiak",Georgia,serif;
  --sans:"Switzer",-apple-system,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --pad:clamp(24px,3vw,32px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.46;}
a{color:inherit}
.wrap{width:100%;max-width:none;margin:0;padding:0 var(--pad) 90px;}

/* ===== TOP NAV ===== */
.topnav{
  position:sticky;top:0;z-index:50;background:var(--paper);
  border-bottom:1px solid var(--rule);
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:13px var(--pad);
}
.brand{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap;}
.brand .bdot{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:blink 1.15s steps(1) infinite;}
@keyframes blink{50%{opacity:.16}}
.nav-links{display:flex;gap:2px;flex-wrap:wrap;}
.nav-item{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--dim);text-decoration:none;padding:6px 12px;border:1px solid transparent;}
.nav-item:hover{color:var(--ink);background:var(--hover);}
.nav-item.active{color:var(--paper);background:var(--ink);}

/* ===== CONTROLS / SEARCH / FILTER ===== */
.controls{padding:22px 0 12px;border-bottom:1px solid var(--rule);margin-bottom:18px;}
.searchbox{
  width:100%;font-family:var(--serif);font-weight:300;font-size:19px;color:var(--ink);
  background:transparent;border:none;border-bottom:1px solid var(--rule);
  padding:6px 0 10px;outline:none;margin-bottom:16px;
}
.searchbox::placeholder{color:var(--faint);font-style:italic;}
.searchbox:focus{border-bottom-color:var(--ink);}
.fgroup{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.fgroup+.fgroup{margin-top:9px;}
.fglabel{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
  margin-right:6px;white-space:nowrap;min-width:58px;}
.fchip{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--ink);
  background:transparent;border:1px solid var(--rule);border-radius:0;padding:4px 10px;cursor:pointer;
  user-select:none;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px;
  transition:background .12s,border-color .12s,color .12s;}
.fchip:hover{background:var(--hover);border-color:var(--dim);}
.fchip .fcount{font-size:9px;color:var(--faint);}
.fchip.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.fchip.active .fcount{color:rgba(255,255,255,.6);}
.fchip-all{font-weight:500;}
.fstatus{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-top:13px;}

/* ===== GRID (block thumbnails) ===== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  border-top:1px solid var(--hair);border-left:1px solid var(--hair);}
.card{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);
  display:flex;flex-direction:column;min-width:0;}
.card.is-hidden{display:none;}
.card.expanded{grid-column:1/-1;background:var(--hover);}

/* collapsed toggle face */
.card-toggle{all:unset;display:flex;gap:14px;justify-content:space-between;align-items:flex-start;
  padding:18px 18px 16px;cursor:pointer;width:100%;box-sizing:border-box;}
.card-toggle:hover{background:var(--hover);}
.card.expanded .card-toggle{background:transparent;}
.ct-main{min-width:0;flex:1;}
.ct-titlewrap{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.ct-title{font-family:var(--serif);font-weight:400;font-size:16px;line-height:1.16;letter-spacing:-.01em;}
.ct-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;}
.ct-line{font-family:var(--sans);font-size:12px;line-height:1.4;color:var(--dim);margin-top:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ct-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px;}
.ct-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.chev{width:8px;height:8px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);
  transform:rotate(45deg);margin-top:4px;transition:transform .18s;}
.card.expanded .chev{transform:rotate(-135deg);}

/* expanded detail */
.card-detail{display:none;padding:2px 18px 22px;border-top:1px solid var(--hair);}
.card.expanded .card-detail{display:block;}
.cd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:14px 0 4px;}
.cd-foot{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;}

/* ===== META CHIPS ===== */
.src,.origin,.pill,.type,.kind,.tag,.date-chip{font-family:var(--mono);white-space:nowrap;display:inline-flex;align-items:center;}
.src{font-size:10px;color:var(--dim);gap:4px;}
.src .src-k{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:8.5px;}
.src .src-h{color:var(--faint);}
.origin{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule);padding:2px 7px;gap:5px;}
.origin::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink);}
.pill{font-size:9px;letter-spacing:.04em;border:1px solid var(--rule);padding:2px 6px;gap:4px;}
.pill .pl{color:var(--faint);text-transform:uppercase;font-size:8px;letter-spacing:.08em;}
.pill .pv{color:var(--ink);font-weight:500;}
.pill.goal .pv{text-transform:lowercase;}
.type{font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--ink);font-weight:500;}
.type-tool{color:var(--paper);background:var(--ink);}
.type-technique{color:var(--ink);background:transparent;}
.type-concept{color:var(--ink);background:transparent;border-style:dashed;}
.kind{font-size:9px;color:var(--faint);letter-spacing:.04em;border:1px solid var(--hair);padding:2px 6px;}
.tag{font-size:9px;color:var(--dim);letter-spacing:.02em;background:var(--hover);padding:1px 6px;}
.date-chip{font-size:9px;color:var(--faint);letter-spacing:.04em;}

/* ===== BODY TEXT ===== */
.lbl{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:16px 0 6px;}
.card-detail .lbl:first-of-type{margin-top:6px;}
.txt{font-family:var(--serif);font-weight:300;font-size:14.5px;line-height:1.55;color:var(--ink);}

/* recommended by */
.recby{margin-top:16px;padding-top:13px;border-top:1px solid var(--hair);}
.recby-list{list-style:none;display:flex;flex-direction:column;gap:4px;}
.recby-list li{font-family:var(--sans);font-size:12px;color:var(--dim);}
.recby-list a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.5px;}

/* links */
.foot-k{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.lnk{font-family:var(--mono);font-size:11px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:1px;}
.lnk:hover{border-bottom-color:var(--ink);}
.lnk-empty{font-family:var(--mono);font-size:11px;color:var(--faint);}

/* star */
.star{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--rule);border-radius:0;cursor:pointer;padding:0;
  -webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s;}
.star:hover{border-color:var(--dim);background:var(--hover);}
.star svg{width:16px;height:16px;display:block;transition:fill .15s,stroke .15s;}
.star[data-level="0"] svg{fill:none;stroke:var(--faint);}
.star[data-level="1"] svg{fill:none;stroke:var(--ink);}
.star[data-level="1"]{border-color:var(--dim);}
.star[data-level="2"] svg{fill:var(--ink);stroke:var(--ink);}
.star[data-level="2"]{border-color:var(--ink);}
.star[data-level="3"]{border-color:var(--ink);background:var(--ink);}
.star[data-level="3"] svg{fill:var(--paper);stroke:var(--paper);}

/* transcript */
.tr{margin-top:14px;border-top:1px solid var(--hair);padding-top:12px;}
.tr summary,.brief-more summary,.tk-more summary{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:3px 0;}
.tr summary::-webkit-details-marker,.brief-more summary::-webkit-details-marker,.tk-more summary::-webkit-details-marker{display:none;}
.tr summary::before,.brief-more summary::before,.tk-more summary::before{content:"+";font-size:13px;color:var(--faint);width:10px;}
.tr[open] summary::before,.brief-more[open] summary::before,.tk-more[open] summary::before{content:"\2212";}
.tr-body{margin-top:12px;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--dim);
  white-space:pre-wrap;word-break:break-word;max-height:360px;overflow-y:auto;
  border-left:1px solid var(--rule);padding:4px 0 4px 16px;}

.no-match{text-align:center;color:var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:30px 0;display:none;}
.no-match.show{display:block;}

/* ===== TAKEAWAYS PAGE ===== */
.tk-list{grid-template-columns:1fr;border:none;list-style:none;counter-reset:tk;}
.tk-row{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:start;
  padding:14px 4px;border-bottom:1px solid var(--hair);border-right:none;}
.tk-row.is-hidden{display:none;}
.tk-val{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink);padding-top:2px;}
.tk-action{font-family:var(--serif);font-weight:300;font-size:15.5px;line-height:1.5;color:var(--ink);}
.tk-more{margin-top:6px;}
.tk-tldr{margin-top:8px;font-family:var(--serif);font-weight:300;font-size:13.5px;line-height:1.5;color:var(--dim);
  border-left:1px solid var(--rule);padding-left:14px;}
.tk-goal{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--rule);color:var(--dim);white-space:nowrap;align-self:start;margin-top:2px;}

/* ===== DAILY BRIEF PAGE ===== */
.brief-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:22px 0 16px;border-bottom:1px solid var(--rule);margin-bottom:18px;flex-wrap:wrap;}
.brief-count{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);}
.brief-count span{color:var(--ink);font-weight:500;}
.archive-all{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  background:var(--ink);color:var(--paper);border:none;padding:8px 14px;cursor:pointer;}
.archive-all:hover{opacity:.82;}

/* thin horizontal list rows (compact inbox/feed) */
.brief-list{display:flex;flex-direction:column;border-top:1px solid var(--hair);}
.brief-row{
  display:flex;align-items:center;gap:14px;
  padding:9px var(--pad) 9px 0;
  border-bottom:1px solid var(--hair);
  min-width:0;
}
.brief-row:hover{background:var(--hover);}
.brief-row.archived{display:none;}
.row-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;}
.row-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;}
.row-title{font-family:var(--serif);font-weight:400;font-size:14.5px;line-height:1.15;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch;}
.row-tags{display:inline-flex;gap:4px;flex-wrap:wrap;}
.row-date{margin-left:auto;}
.row-tldr{font-family:var(--sans);font-size:11.5px;line-height:1.35;color:var(--dim);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.row-expand{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  background:transparent;border:1px solid var(--rule);color:var(--dim);padding:0 9px;height:30px;cursor:pointer;white-space:nowrap;}
.row-expand:hover{border-color:var(--ink);color:var(--ink);}
.brief-row .star{width:30px;height:30px;}
.brief-row .star svg{width:15px;height:15px;}
.archive-btn{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  background:transparent;border:1px solid var(--rule);color:var(--dim);padding:0 10px;height:30px;cursor:pointer;white-space:nowrap;}
.archive-btn:hover{border-color:var(--ink);color:var(--ink);}
/* expanded detail (revealed in place under the row) */
.row-detail{display:none;}
.brief-row.expanded{flex-wrap:wrap;align-items:flex-start;background:var(--hover);}
.brief-row.expanded .row-detail{display:block;flex-basis:100%;width:100%;order:3;
  padding:4px 0 14px;border-top:1px solid var(--hair);margin-top:8px;}
.brief-row.expanded .row-expand{border-color:var(--ink);color:var(--ink);}
.brief-empty{display:none;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.04em;
  color:var(--faint);padding:50px 0;}
.brief-empty.show{display:block;}
.link-btn{font-family:var(--mono);font-size:11px;background:none;border:none;color:var(--ink);
  text-decoration:underline;cursor:pointer;text-underline-offset:2px;}

@media (max-width:620px){
  .grid{grid-template-columns:1fr;}
  .nav-links{gap:0;}
  .nav-item{padding:5px 9px;}
  .tk-row{grid-template-columns:30px 1fr;}
  .tk-goal{grid-column:2;justify-self:start;}
}