/* Scoped Board changes on the original website shell; other screens keep their existing styles. */
@font-face{font-family:BoardManrope;src:url('assets/manrope_regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:BoardManrope;src:url('assets/manrope_bold.ttf');font-weight:700;font-display:swap}
.board-page{font-family:BoardManrope,Arial,sans-serif}.board-page h1{font-family:inherit;font-size:32px;font-weight:700;letter-spacing:-1.5px}.board-page .heading-row{margin-top:14px}.board-page .tabs{gap:14px;border-color:#d5ddcf}.board-page .tabs button{flex:0 0 auto;padding:0 4px 10px;font-size:11px;font-weight:700;height:44px;border-bottom:2px solid transparent}.board-page .tabs button.selected{border-bottom-color:#d94c21}.board-page .tabs button.selected:after{display:none}.board-spotlight{position:relative;border-radius:22px;background:#193e32;color:#fff8e9;overflow:hidden;margin-top:19px}.board-spotlight:after{content:'';position:absolute;pointer-events:none;right:-55px;top:-56px;width:155px;height:155px;border:1px solid #b7cbaf33;border-radius:50%;box-shadow:0 0 0 23px #b7cbaf0b,0 0 0 48px #b7cbaf08}.board-leader-link{display:block;width:100%;padding:18px;text-align:left;text-decoration:none}.board-leader-label{display:block;font-size:9px;letter-spacing:1.8px;color:#d1dfa9;margin-bottom:19px}.board-external{position:absolute;right:22px;top:17px;font-size:22px}.board-identity{display:flex;align-items:center;gap:12px}.board-spotlight .product-icon{width:48px;height:48px}.board-spotlight .product-copy b{font-size:16px;letter-spacing:-.3px}.board-spotlight .product-copy>span{color:#c5d2c5}.board-page .product-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-page .product-copy b small{display:inline;font-size:8px}.board-hero-score{display:flex;align-items:baseline;gap:8px;margin-top:18px;padding-right:48px}.board-hero-score b{font-size:36px;letter-spacing:-2px}.board-hero-score>span{font-size:10px;color:#c5d2c5}.board-detail{width:44px;min-width:44px;min-height:44px;align-self:stretch;display:grid;place-items:center;border-radius:10px}.board-detail svg{width:16px;height:16px}.board-detail:hover{background:#193c3210}.board-spotlight .board-detail{position:absolute;right:12px;bottom:15px;height:44px;background:#315646;border:1px solid #75927c;z-index:1}.board-page .meta{margin:19px 0 9px;font-size:9px;letter-spacing:1.1px;padding:0 48px 0 6px}.board-page .product-row{padding:0;gap:0;min-height:64px}.board-product-link{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:10px 4px;min-height:64px;text-align:left;text-decoration:none}.board-product-link:hover{background:#193c3206}.board-page .product-row .product-icon{width:35px;height:35px;border-radius:10px}.board-page .product-row .rank{width:16px;flex-shrink:0}.board-page .product-copy b{font-size:13px}.board-page .board-spotlight .product-copy b{font-size:16px}.board-page .product-row.mine{margin:4px 0;border:1px solid #f0d7c6;border-radius:13px;background:#f9e9df}.board-row-score{font-size:19px;letter-spacing:-.7px}.board-credit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:20px;color:#667568;font-size:11px;text-decoration:none}.board-credit:hover{text-decoration:underline}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;background:#193c32;color:#fff8e9;border-radius:12px;font-size:12px;z-index:20;opacity:0;pointer-events:none}#toast.show{opacity:1}@media(min-width:1000px){.board-page .board-spotlight{max-width:920px}}@media(max-width:480px){.board-page .heading-row h1{font-size:30px}.board-page .product-row .product-copy span{max-width:100%}}
/* Live data states and people rankings use the existing web tokens. */
.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;vertical-align:middle}.avatar img{width:100%;height:100%;object-fit:cover}.avatar img[hidden]{display:none}.avatar-button{padding:0;border-radius:50%}.data-state{padding:28px 0;color:var(--muted);font-size:13px;line-height:1.6}.data-state .button{margin-top:6px}.streak-list .streak-row{gap:12px;text-align:left;padding:10px 4px;width:100%;border-radius:0}.streak-list .streak-row:last-child{border-bottom:0}.streak-row .avatar{width:35px;height:35px;font-size:11px}.streak-row .board-detail{margin-left:4px}.board-clock{text-align:left;margin-top:20px}.social-links{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--green);margin:12px 0}.visit-link{display:inline-flex;align-items:center;text-decoration:none}.form-error{color:#b33d24;font-size:12px;line-height:1.6}.form-notice{color:var(--green);font-size:12px;line-height:1.6}.form-error:empty,.form-notice:empty{display:none}form{max-width:680px}form label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}form input,form select{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);min-height:46px}.auth form{width:100%}.auth-actions .link{text-align:left;margin:4px 0}.auth .auth-actions{margin-bottom:18px}button:disabled{cursor:default}.streak-row:hover{background:var(--sage)}@media(max-width:480px){.board-page .tabs{gap:12px}.streak-list .streak-row{gap:9px}.streak-row .board-detail{width:36px;min-width:36px}} 

.header-nav-link{font-size:12px;font-weight:600;color:var(--green);padding:10px 2px}

.header-nav-link{text-decoration:none}.header-nav-link:hover{text-decoration:underline}

/* Align the full app mark with the website wordmark. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;white-space:nowrap}
.brand-logo{display:block;width:36px;height:36px;flex:0 0 36px;margin-right:10px}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.auth-mark img{display:block;width:100%;height:100%;border-radius:inherit}

.product-icon{position:relative;overflow:hidden}
.product-icon img{display:block;width:100%;height:100%;object-fit:contain}
.product-icon img[hidden],.product-logo-fallback[hidden]{display:none}
.product-icon.logo-loaded{background:transparent!important}
/* Keep the mark and wordmark together where the responsive shell shows the brand. */
.app-shell.public .topbar .brand{display:inline-flex}
@media(max-width:999px){.app-shell .topbar .brand{display:inline-flex}}
/* Let each people row fill the card so its hover background reaches every edge. */
@media(min-width:700px){
  .board-page .streak-list{padding:0;overflow:hidden}
  .board-page .streak-list .streak-row{padding:10px 26px}
  .board-page .streak-list .streak-row:first-child{padding-top:14px}
  .board-page .streak-list .streak-row:last-child{padding-bottom:14px}
}