/* BUILD OF THE WEEK (Leon, 8 Oct 2026 — Plan/pt-build-of-the-week.html). Graphite award card, the only dark card in the side column.
   Values are the brief's token table; no site tokens are re-declared here. Square corners except avatars. */

/* ── The card (mockup 1, 2) ── */
.pt-botw { background: #23211E; color: #EFEBE3; border-top: 4px solid #A86A00; margin: 0 0 16px; }
.pt-botw a { text-decoration: none; }
.pt-botw__top { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; }
.pt-botw__eye { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #E8C07A; }
.pt-botw__wk { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; color: #A9A396; }
.pt-botw__hero { position: relative; display: block; height: 190px; background: #3A3731 center / cover no-repeat; }
.pt-botw--mobile .pt-botw__hero { height: 210px; }
.pt-botw--compact .pt-botw__hero { height: 150px; }
.pt-botw__stage { position: absolute; left: 12px; bottom: 12px; background: #1A1A1A; color: #fff; font-size: 11px; font-weight: 600; padding: 3px 7px; }
.pt-botw__count { position: absolute; right: 12px; bottom: 12px; background: rgba(0, 0, 0, .6); color: #fff; font: 11px ui-monospace, "SF Mono", Menlo, monospace; padding: 3px 7px; }
.pt-botw__strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin-top: 3px; }
.pt-botw__strip a { display: block; height: 56px; background: #3A3731 center / cover no-repeat; }
.pt-botw__body { padding: 14px 16px 16px; }
.pt-botw .pt-botw__t { margin: 0; font-size: 19px; line-height: 1.25; font-weight: 700; color: #fff; text-transform: none; letter-spacing: 0; }
.pt-botw .pt-botw__t a, .pt-botw .pt-botw__t a:hover { color: #fff; }
.pt-botw .pt-botw__t a:hover { text-decoration: underline; }
.pt-botw__car { font: 13px ui-monospace, "SF Mono", Menlo, monospace; color: #C9C2B4; margin-top: 4px; }
.pt-botw__who { display: flex; align-items: center; gap: 9px; margin-top: 12px; font-size: 14px; }
.pt-botw__who b { color: #fff; }
.pt-botw__av { width: 28px; height: 28px; border-radius: 50%; flex: none; }
.pt-botw__rk { font-size: 11px; border: 1px solid #6A655B; color: #C9C2B4; padding: 1px 6px; }
.pt-botw__why { margin: 12px 0 0; font-size: 14px; color: #D9D3C6; border-left: 2px solid #A86A00; padding-left: 10px; }
.pt-botw__stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #3A3731; border-bottom: 1px solid #3A3731; margin-top: 14px; }
.pt-botw__stats div { padding: 9px 0; text-align: center; }
.pt-botw__stats div + div { border-left: 1px solid #3A3731; }
.pt-botw__stats b { display: block; font: 600 16px ui-monospace, "SF Mono", Menlo, monospace; color: #fff; }
.pt-botw__stats span { font-size: 11px; color: #A9A396; }
.pt-botw__stats em { display: block; font: normal 11px ui-monospace, "SF Mono", Menlo, monospace; color: #7FC79A; }
.pt-botw__acts { display: flex; gap: 8px; margin-top: 14px; }
.pt-botw .pt-botw__view, .pt-botw .pt-botw__view:hover, .pt-botw .pt-botw__view:focus, .pt-botw .pt-botw__view:active { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 14px; background: #EFEBE3; border: 1px solid #EFEBE3; color: #1A1A1A; font-size: 14px; font-weight: 600; }
.pt-botw .pt-botw__view:hover, .pt-botw .pt-botw__view:focus-visible { background: #DCD7CC; border-color: #DCD7CC; color: #1A1A1A; }
.pt-botw .pt-botw__fol, .pt-botw .pt-botw__fol:hover, .pt-botw .pt-botw__fol:focus, .pt-botw .pt-botw__fol:active { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin: 0; padding: 10px 14px; background: transparent; border: 1px solid #6A655B; border-radius: 0; color: #EFEBE3; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; }
.pt-botw .pt-botw__fol:hover, .pt-botw .pt-botw__fol:focus-visible { background: #2E2B27; color: #fff; }
.pt-botw .pt-botw__fol[aria-pressed="true"], .pt-botw .pt-botw__fol[aria-pressed="true"]:hover, .pt-botw .pt-botw__fol[aria-pressed="true"]:focus, .pt-botw .pt-botw__fol[aria-pressed="true"]:active { background: #3A3731; border-color: #3A3731; color: #fff; }
.pt-botw__foot { display: flex; justify-content: space-between; padding: 10px 16px; border-top: 1px solid #3A3731; font-size: 13px; }
.pt-botw__foot a, .pt-botw__foot a:hover { color: #E8C07A; }
.pt-botw__foot a.is-dim { color: #A9A396; }
.pt-botw__foot a:hover { text-decoration: underline; }

/* ── No winner + "Your build" (mockup 3) ── */
.pt-botw-plain { background: #fff; border: 1px solid #E4E2DB; border-top: 4px solid #A86A00; margin: 0 0 16px; }
.pt-botw-plain__top { display: flex; justify-content: space-between; gap: 10px; padding: 12px 16px; }
.pt-botw-plain__eye { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A86A00; }
.pt-botw-plain .pt-botw__wk { color: #888780; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pt-botw-plain__body { padding: 0 16px 16px; font-size: 14px; color: #5C5A54; }
.pt-botw-plain__body h3 { margin: 0 0 6px; font-size: 17px; color: #1A1A1A; text-transform: none; letter-spacing: 0; }
.pt-botw-plain__body p { margin: 0; }
.pt-botw-chk { margin: 10px 0 14px; }
.pt-botw-chk div { display: flex; gap: 8px; padding: 5px 0; font-size: 14px; color: #1A1A1A; }
.pt-botw-chk__x { width: 16px; height: 16px; border: 1.5px solid #C9C7BF; flex: none; margin-top: 2px; }
.pt-botw-chk__ok { position: relative; width: 16px; height: 16px; background: #2E7D4F; flex: none; margin-top: 2px; }
.pt-botw-chk__ok::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.pt-botw-chk__m { margin-left: auto; font: 12px ui-monospace, "SF Mono", Menlo, monospace; color: #888780; }
.pt-botw-plain .pt-botw-plain__btn, .pt-botw-plain .pt-botw-plain__btn:hover, .pt-botw-plain .pt-botw-plain__btn:focus, .pt-botw-plain .pt-botw-plain__btn:active { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; padding: 10px 14px; background: #1A1A1A; border: 1px solid #1A1A1A; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; box-sizing: border-box; }
.pt-botw-plain .pt-botw-plain__btn:hover, .pt-botw-plain .pt-botw-plain__btn:focus-visible { background: #1F1F1F; }

/* ── Ribbon on the build (mockup 4), for the winning week ── */
.pt-botw-ribbon { display: flex; align-items: center; gap: 12px; padding: 10px 22px; background: #23211E; color: #EFEBE3; border-top: 4px solid #A86A00; font-size: 14px; }
.pt-botw-ribbon b { color: #E8C07A; }
.pt-botw-ribbon__by { margin-left: 10px; color: #D9D3C6; }
.pt-botw-ribbon__by::before { content: "·"; margin-right: 10px; color: #6A655B; }
.pt-botw-ribbon__r { margin-left: auto; font: 12px ui-monospace, "SF Mono", Menlo, monospace; color: #A9A396; white-space: nowrap; }
@media (max-width: 640px) { .pt-botw-ribbon { padding: 10px 16px; flex-wrap: wrap; } .pt-botw-ribbon__r { margin-left: 30px; } .pt-botw-ribbon__by { display: block; margin: 2px 0 0; } .pt-botw-ribbon__by::before { content: none; } }

/* ── The permanent badge (build header) and the profile Awards row (mockup 5) ── */
.pt-botw-awards { margin-top: 14px; border-top: 1px solid #E4E2DB; padding-top: 12px; }
.pt-botw-awards h4 { margin: 0 0 8px; font-size: 13px; color: #5C5A54; font-weight: 600; text-transform: none; letter-spacing: 0; }
.pt-botw-aw, .pt-botw-aw:hover { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #E4E2DB; font-size: 14px; color: #1A1A1A; text-decoration: none; }
.pt-botw-aw:first-of-type { border-top: 0; }
.pt-botw-aw:hover { text-decoration: underline; }
.pt-botw-aw .mono { margin-left: auto; flex: 0 0 auto; white-space: nowrap; }   /* "Wk 39 · 2026" on one line (10 Oct) */
.pt-botw-aw__th { width: 44px; height: 32px; flex: none; background: #3A3731 center / cover no-repeat; }
.pt-botw-aw .mono { margin-left: auto; font: 12px ui-monospace, "SF Mono", Menlo, monospace; color: #888780; }

/* ── Admin pick on the build page ── */
.pt-botw-admin { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; margin: 10px 0 0; font-size: 13px; color: #5C5A54; }
.pt-botw-admin label { display: flex; flex-direction: column; gap: 4px; flex: 1 1 260px; }
.pt-botw-admin label span { font-size: 12px; font-weight: 600; color: #5C5A54; }
.pt-forum-wrapper .pt-botw-admin input[type="text"] { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #C9C7BF; border-radius: 0; background: #fff; color: #1A1A1A; font-size: 14px; }
.pt-forum-wrapper .pt-botw-admin input[type="text"]:focus { border-color: #1A1A1A; outline: none; }
.pt-botw-admin .pt-botw-admin__go, .pt-botw-admin .pt-botw-admin__go:hover, .pt-botw-admin .pt-botw-admin__go:focus, .pt-botw-admin .pt-botw-admin__go:active { height: 38px; padding: 0 14px; border: 1px solid #1A1A1A; border-radius: 0; background: #1A1A1A; color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; }
.pt-botw-admin .pt-botw-admin__go:hover, .pt-botw-admin .pt-botw-admin__go:focus-visible { background: #1F1F1F; }
.pt-botw-admin--no b { color: #1A1A1A; }

/* ── Hall of fame: /forum/build-logs/winners/ (add-on brief + mockup Plan/pt-botw-winners.html, 8 Oct) ── */
.pt-hof { background: #FAF9F6; color: #1A1A1A; font-size: 15px; line-height: 1.5; }
.pt-hof *, .pt-hof *::before, .pt-hof *::after { box-sizing: border-box; }
.pt-hof a { text-decoration: none; }
.pt-hof-in { max-width: 1280px; margin: 0 auto; padding: 0 36px; }   /* the community sub-nav's container (.pt-csub__in): same edges as Overview … breadcrumb */
.pt-hof-m { display: none; }
.pt-hof svg { flex: none; }
/* hero */
.pt-hof-hero { background: #23211E; color: #EFEBE3; border-top: 4px solid #A86A00; padding: 40px 0 40px; }
.pt-hof-eb { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #E8C07A; }
.pt-hof .pt-hof-hero h1 { font-size: 40px; line-height: 1.1; color: #fff; margin: 10px 0 8px; letter-spacing: -.01em; font-weight: 700; text-transform: none; }
.pt-hof-hero p { font-size: 17px; color: #D9D3C6; max-width: 620px; margin: 0; }
.pt-hof-cta { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.pt-hof-hstats { display: flex; flex-wrap: wrap; margin-top: 30px; border-top: 1px solid #3A3731; }
.pt-hof-hstats div { padding: 14px 28px 16px 0; margin-right: 28px; border-right: 1px solid #3A3731; }
.pt-hof-hstats div:last-child { border-right: 0; }
.pt-hof-hstats b { font: 600 22px ui-monospace, "SF Mono", Menlo, monospace; color: #fff; display: block; }
.pt-hof-hstats span { font-size: 13px; color: #A9A396; }
/* buttons (5a: every state declares background + colour) */
.pt-hof .pt-hof-btn, .pt-hof .pt-hof-btn:hover, .pt-hof .pt-hof-btn:focus, .pt-hof .pt-hof-btn:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 11px 18px; border: 1px solid #1A1A1A; border-radius: 0; background: #1A1A1A; color: #fff; font: 600 14px/1.2 inherit; font-family: inherit; white-space: nowrap; cursor: pointer; text-transform: none; letter-spacing: 0; box-shadow: none; }
.pt-hof .pt-hof-btn:hover, .pt-hof .pt-hof-btn:focus-visible { background: #1F1F1F; color: #fff; }
.pt-hof .pt-hof-btn--bone, .pt-hof .pt-hof-btn--bone:hover, .pt-hof .pt-hof-btn--bone:focus, .pt-hof .pt-hof-btn--bone:active { background: #EFEBE3; border-color: #EFEBE3; color: #1A1A1A; }
.pt-hof .pt-hof-btn--bone:hover, .pt-hof .pt-hof-btn--bone:focus-visible { background: #DCD7CC; border-color: #DCD7CC; color: #1A1A1A; }
.pt-hof .pt-hof-btn--ghost, .pt-hof .pt-hof-btn--ghost:hover, .pt-hof .pt-hof-btn--ghost:focus, .pt-hof .pt-hof-btn--ghost:active { background: transparent; border-color: #6A655B; color: #EFEBE3; }
.pt-hof .pt-hof-btn--ghost:hover, .pt-hof .pt-hof-btn--ghost:focus-visible { background: #2E2B27; color: #fff; }
.pt-hof .pt-hof-btn--out, .pt-hof .pt-hof-btn--out:hover, .pt-hof .pt-hof-btn--out:focus, .pt-hof .pt-hof-btn--out:active { background: #fff; border-color: #1A1A1A; color: #1A1A1A; }
.pt-hof .pt-hof-btn--out:hover, .pt-hof .pt-hof-btn--out:focus-visible { background: #F2F1EC; color: #1A1A1A; }
.pt-hof .pt-hof-btn--out[aria-pressed="true"], .pt-hof .pt-hof-btn--out[aria-pressed="true"]:hover, .pt-hof .pt-hof-btn--out[aria-pressed="true"]:focus, .pt-hof .pt-hof-btn--out[aria-pressed="true"]:active { background: #ECEAE4; color: #1A1A1A; }
.pt-hof .pt-hof-btn--full { display: flex; width: 100%; }
/* this week's build */
.pt-hof-tw { background: linear-gradient(#23211E 50%, #FAF9F6 50%); }   /* the card sits half on graphite, half on paper */
.pt-hof-feat { display: grid; grid-template-columns: 1.25fr 1fr; background: #fff; border: 1px solid #E4E2DB; }
.pt-hof-ph { position: relative; display: block; background: linear-gradient(135deg, #3a3d40, #23211E 60%, #2E2B27) center / cover no-repeat; }
.pt-hof-feat__ph { min-height: 340px; }
.pt-hof-feat__stage { position: absolute; left: 14px; top: 14px; background: #1A1A1A; color: #fff; font-size: 12px; font-weight: 600; padding: 3px 8px; }
.pt-hof-feat__wk { position: absolute; left: 14px; bottom: 14px; background: #A86A00; color: #fff; font: 600 12px ui-monospace, "SF Mono", Menlo, monospace; padding: 4px 9px; }
.pt-hof-feat__bd { padding: 26px 28px; display: flex; flex-direction: column; min-width: 0; }
.pt-hof-feat__lbl { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A86A00; }
.pt-hof .pt-hof-feat h2 { font-size: 26px; line-height: 1.2; margin: 8px 0 4px; font-weight: 700; text-transform: none; letter-spacing: 0; }
.pt-hof .pt-hof-feat h2 a, .pt-hof .pt-hof-feat h2 a:hover { color: #1A1A1A; }
.pt-hof .pt-hof-feat h2 a:hover { text-decoration: underline; }
.pt-hof-car { display: block; font: 14px ui-monospace, "SF Mono", Menlo, monospace; color: #5C5A54; }
.pt-hof-who { display: flex; align-items: center; gap: 9px; margin-top: 14px; font-size: 14px; color: #1A1A1A; min-width: 0; }
.pt-hof .pt-hof-av { border-radius: 50% !important; flex: none; }
.pt-hof-rk { font-size: 11px; border: 1px solid #C9C7BF; color: #5C5A54; padding: 1px 6px; white-space: nowrap; }
.pt-hof-why { margin: 16px 0 0; border-left: 2px solid #A86A00; padding-left: 12px; color: #5C5A54; font-size: 15px; }
.pt-hof-fst { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #E4E2DB; margin-top: 18px; }
.pt-hof-fst div { padding: 10px 12px; border-left: 1px solid #E4E2DB; min-width: 0; }
.pt-hof-fst div:first-child { border-left: 0; }
.pt-hof-fst b { font: 600 18px ui-monospace, "SF Mono", Menlo, monospace; display: block; }
.pt-hof-fst span { font-size: 12px; color: #888780; }
.pt-hof-fst em { display: block; font: normal 11px ui-monospace, "SF Mono", Menlo, monospace; color: #2E7D4F; }
.pt-hof-feat__acts { display: flex; gap: 8px; margin-top: auto; padding-top: 18px; }
.pt-hof-feat__acts .pt-hof-btn:first-child { flex: 1; }
/* past winners */
.pt-hof-main { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; padding-top: 36px; padding-bottom: 40px; }
.pt-hof-list[aria-busy="true"] { opacity: .5; }
.pt-hof-sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.pt-hof .pt-hof-sh h3 { font-size: 22px; margin: 0; font-weight: 700; text-transform: none; letter-spacing: 0; }
.pt-hof-sel label { display: flex; align-items: center; gap: 6px; border: 1px solid #C9C7BF; background: #fff; padding: 0 0 0 12px; font-size: 14px; color: #888780; }
.pt-hof .pt-hof-sel select { border: 0; background: transparent; height: 34px; padding: 0 10px 0 4px; font: 600 14px inherit; font-family: inherit; color: #1A1A1A; border-radius: 0; }
.pt-hof .pt-hof-month { display: flex; align-items: center; gap: 10px; margin: 22px 0 10px; font: 600 13px ui-monospace, "SF Mono", Menlo, monospace; color: #5C5A54; text-transform: none; letter-spacing: 0; }
.pt-hof .pt-hof-month::after { content: ""; flex: 1; height: 1px; background: #E4E2DB; }
.pt-hof .pt-hof-sh + .pt-hof-month { margin-top: 0; }
.pt-hof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pt-hof .pt-hof-w, .pt-hof .pt-hof-w:hover { display: block; background: #fff; border: 1px solid #E4E2DB; color: #1A1A1A; }
.pt-hof .pt-hof-w:hover { border-color: #C9C7BF; }
.pt-hof .pt-hof-w:hover .pt-hof-w__t { text-decoration: underline; }
.pt-hof-w__ph { aspect-ratio: 4 / 3; }
.pt-hof-w__wk { position: absolute; left: 10px; top: 10px; display: flex; align-items: center; gap: 5px; background: #23211E; color: #E8C07A; font: 600 11px ui-monospace, "SF Mono", Menlo, monospace; padding: 3px 7px; }
.pt-hof-w__x { position: absolute; right: 10px; top: 10px; background: #A86A00; color: #fff; font: 600 11px ui-monospace, "SF Mono", Menlo, monospace; padding: 3px 7px; }
.pt-hof-w__bd { display: block; padding: 12px 14px 14px; }
.pt-hof-w__t { display: block; font-size: 15px; font-weight: 700; line-height: 1.3; }
.pt-hof-w__bd .pt-hof-car { font-size: 12px; margin-top: 2px; }
.pt-hof-w__bd .pt-hof-who { margin-top: 10px; font-size: 13px; gap: 7px; }
.pt-hof-w__bd .pt-hof-who > span:not(.pt-hof-rk) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.pt-hof-w__ft { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 8px; border-top: 1px solid #E4E2DB; margin-top: 12px; padding-top: 9px; font-size: 12px; color: #888780; }   /* words in the body font, numbers in mono (mockup) */
.pt-hof-w__ft > span { white-space: nowrap; }
.pt-hof-w__ft b { font: 600 13px ui-monospace, "SF Mono", Menlo, monospace; color: #1A1A1A; }
.pt-hof-more { margin-top: 18px; }
.pt-hof-empty { color: #5C5A54; margin: 0; }
/* side */
.pt-hof-side { display: flex; flex-direction: column; gap: 16px; }
.pt-hof-sc { background: #fff; border: 1px solid #E4E2DB; padding: 18px; }
.pt-hof-sc--amb { border-top: 4px solid #A86A00; }
.pt-hof .pt-hof-sc h4 { font-size: 16px; margin: 0 0 4px; font-weight: 700; text-transform: none; letter-spacing: 0; color: #1A1A1A; }
.pt-hof-sm { font-size: 13px; color: #5C5A54; margin: 0; }
.pt-hof-ok { margin: 10px 0 0; font-size: 14px; color: #2E7D4F; font-weight: 600; }
.pt-hof-chk + .pt-hof-ok { margin: 0 0 14px; }
.pt-hof-bar { height: 6px; background: #ECEAE4; margin-top: 8px; }
.pt-hof-bar i { display: block; height: 6px; background: #A86A00; }
.pt-hof-chk { margin: 12px 0 14px; }
.pt-hof-chk div { display: flex; gap: 9px; padding: 6px 0; font-size: 14px; border-top: 1px solid #E4E2DB; }
.pt-hof-chk div:first-child { border-top: 0; }
.pt-hof-x { width: 16px; height: 16px; border: 1.5px solid #C9C7BF; flex: none; margin-top: 3px; }
.pt-hof-ok2 { width: 16px; height: 16px; background: #2E7D4F; flex: none; margin-top: 3px; position: relative; }
.pt-hof-ok2::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.pt-hof-m2 { margin-left: auto; font: 12px ui-monospace, "SF Mono", Menlo, monospace; color: #888780; }
.pt-hof-gets div { display: flex; gap: 10px; padding: 7px 0; font-size: 14px; border-top: 1px solid #E4E2DB; }
.pt-hof-gets h4 + div { border-top: 0; margin-top: 4px; }
.pt-hof-gets svg { margin-top: 2px; }
.pt-hof-lead div { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #E4E2DB; font-size: 14px; }
.pt-hof-lead h4 + div { border-top: 0; margin-top: 4px; }
.pt-hof-n { font: 600 13px ui-monospace, "SF Mono", Menlo, monospace; color: #888780; width: 16px; }
.pt-hof-c { margin-left: auto; font: 600 13px ui-monospace, "SF Mono", Menlo, monospace; }
/* "Get your build in the hall of fame" — a light card inside the container (Leon, 8 Oct 20:32), 48px of paper before the app band */
.pt-hof-getw { padding-bottom: 48px; }
.pt-hof-get { display: flex; align-items: center; gap: 40px; background: #fff; border: 1px solid #E4E2DB; border-top: 4px solid #A86A00; padding: 28px 32px; }
.pt-hof-get__tx { flex: 1; min-width: 0; }
.pt-hof .pt-hof-get h3 { color: #1A1A1A; font-size: 24px; margin: 0; font-weight: 700; text-transform: none; letter-spacing: 0; }
.pt-hof-get p { color: #5C5A54; margin: 4px 0 0; }
.pt-hof-rules { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 14px; font-size: 14px; color: #5C5A54; }
.pt-hof-rules b { font-family: ui-monospace, "SF Mono", Menlo, monospace; color: #1A1A1A; }
.pt-hof .pt-hof-get__btn { flex: none; }
/* phone (mockup 2) */
@media (max-width: 900px) {
	.pt-hof-main { display: flex; flex-direction: column; gap: 20px; padding-top: 20px; padding-bottom: 24px; }
	.pt-hof-side { display: contents; }
	.pt-hof-mine { order: -1; }
	.pt-hof-mine .is-met:not(.is-keep) { display: none; }
	.pt-hof-mine .pt-hof-chk .is-due ~ .is-due, .pt-hof-mine .pt-hof-chk .is-due { border-top: 1px solid #E4E2DB; }
	.pt-hof-mine .pt-hof-chk .is-due:first-of-type { border-top: 0; }
	.pt-hof-get { flex-direction: column; align-items: stretch; gap: 18px; padding: 22px 20px; }
	.pt-hof .pt-hof-get__btn { display: flex; width: 100%; }
}
@media (max-width: 640px) {
	.pt-hof-d { display: none; }
	.pt-hof-m { display: inline; }
	.pt-hof-hero { padding: 24px 0 28px; }
	.pt-hof .pt-hof-hero h1 { font-size: 30px; }
	.pt-hof-hero p { font-size: 15px; }
	.pt-hof-cta:not(.is-keep) { display: none; }
	.pt-hof-first { display: none; }
	.pt-hof-hstats div { padding: 12px 16px 12px 0; margin-right: 16px; }
	.pt-hof-hstats b { font-size: 18px; }
	.pt-hof-feat { grid-template-columns: 1fr; }
	.pt-hof-feat__ph { min-height: 220px; }
	.pt-hof-feat__bd { padding: 16px; }
	.pt-hof .pt-hof-feat h2 { font-size: 21px; }
	.pt-hof-feat .pt-hof-who { margin-top: 10px; }
	.pt-hof-feat .pt-hof-rk, .pt-hof-feat .pt-hof-why, .pt-hof-feat .pt-hof-fst { display: none; }
	.pt-hof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.pt-hof-w__bd { padding: 9px 10px 10px; }
	.pt-hof-w__t { font-size: 13px; }
	.pt-hof-w__bd .pt-hof-who, .pt-hof-w__ft { display: none; }
	.pt-hof-sh { align-items: center; }
	.pt-hof .pt-hof-get h3 { font-size: 20px; }
}
@media (max-width: 760px) { .pt-hof-in { padding-left: 14px; padding-right: 14px; } }   /* = .pt-csub__in on phones; sides only, so the main column's and the card's vertical spacing stay */
/* the community sub-nav's crumb (right side), desktop only */
.pt-csub__crumb { margin-left: auto; align-self: center; font-size: 13px; color: #5C5A54; white-space: nowrap; }
.pt-csub .pt-csub__crumb a, .pt-csub .pt-csub__crumb a:visited { display: inline; padding: 0; border: 0; font-size: 13px; color: #185FA5; }
.pt-csub .pt-csub__crumb a:hover { text-decoration: underline; color: #185FA5; }
@media (max-width: 760px) { .pt-csub__crumb { display: none; } }
.pt-forum-wrapper .pt-bl-botw-m { background: none; border: 0; }   /* the card draws its own frame */
/* /community/: side column on desktop, inside the feed (after 3 items) on phones */
.pt-botw-hubm { padding: 12px 0; }
@media (min-width: 900px) { .pt-botw-hubm { display: none; } }
@media (max-width: 899px) { .pt-botw-hubd { display: none; } }
/* Home page: Build of the week as its own section (Leon, 8 Oct 20:45) — the hall of fame's This week card in the page's container */
.pt-hp-bw__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.pt-hp-bw__head .eyebrow { margin-bottom: 6px; }
.pt-hof.pt-hof--embed { background: transparent; }
.pt-hp-bw[hidden] { display: none; }
/* Build Logs board header: Hall of fame next to the main button (Leon, 8 Oct) */
.pt-bl-head__acts { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.pt-forum-wrapper a.pt-bl-hof, .pt-forum-wrapper a.pt-bl-hof:visited { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #1A1A1A; text-decoration: none; white-space: nowrap; }
.pt-forum-wrapper a.pt-bl-hof:hover { text-decoration: underline; color: #1A1A1A; }

/* The winner's card on its own build page (Leon, 8 Oct): replaces the badge under the title. A white side card with the gold edge
   of the other plain Build of the week cards; the trophy sits in a pale gold square. */
.pt-bl-aside .pt-botw-won { border-top: 4px solid #A86A00; }
.pt-botw-won__top { display: flex; gap: 12px; align-items: flex-start; }
.pt-botw-won__cup { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: none; background: #FBF6EC; border: 1px solid #E8D3A8; }
.pt-bl-aside .pt-botw-won .pt-botw-won__t { display: block; margin: 0; font-size: 16px; line-height: 1.3; color: #1A1A1A; font-weight: 700; text-transform: none; letter-spacing: 0; }
.pt-botw-won__by { margin: 3px 0 0; font-size: 13px; color: #5C5A54; }
.pt-botw-won__by .pt-mono { color: #888780; }
.pt-botw-won__why { margin: 12px 0 0; padding-left: 10px; border-left: 2px solid #A86A00; font-size: 14px; color: #1A1A1A; }
.pt-botw-won__n { margin: 10px 0 0; font-size: 13px; color: #5C5A54; }
.pt-botw-won .pt-botw-won__all, .pt-botw-won .pt-botw-won__all:hover, .pt-botw-won .pt-botw-won__all:focus, .pt-botw-won .pt-botw-won__all:active { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 42px; margin-top: 12px; padding: 10px 14px; background: #1A1A1A; border: 1px solid #1A1A1A; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.pt-botw-won .pt-botw-won__all:hover, .pt-botw-won .pt-botw-won__all:focus-visible { background: #1F1F1F; }
.pt-botw-won__how, .pt-botw-won__how:hover { display: block; margin-top: 10px; text-align: center; font-size: 13px; color: #5C5A54; }
.pt-botw-won__how:hover { text-decoration: underline; }