/* Cothink Board — white editorial commerce hub: product and post records carry the same precise, non-marketplace visual system. */
.board-hub{padding:156px 32px 118px;background:var(--paper)}.board-hub-head{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(260px,.68fr);gap:56px;align-items:end;padding-bottom:88px;border-bottom:1px solid var(--ink)}.board-hub-kicker,.board-hub-count,.board-record-type,.board-record-meta,.board-flow-step,.board-wordpress-note span{font:10px var(--mono);letter-spacing:.035em}.board-hub-kicker{margin:0;color:var(--stone)}.board-hub h1{max-width:11ch;margin:38px 0 0;font:clamp(76px,10.4vw,166px)/.78 var(--display);letter-spacing:-.08em}.board-hub h1 span{color:var(--stone)}.board-hub-intro{max-width:33ch;margin:0;font-family:var(--tech-korean,"Noto Sans KR",Arial,sans-serif);font-size:17px;line-height:1.48;letter-spacing:-.025em}.board-hub-count{display:block;margin-top:22px;color:var(--graphite)}.board-hub-nav{position:sticky;z-index:18;top:72px;display:flex;justify-content:space-between;gap:25px;margin:0 0 52px;padding:13px 0;border-bottom:1px solid var(--hairline);background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.board-hub-nav p{margin:0;font:10px var(--mono);letter-spacing:.035em}.board-hub-filters{display:flex;gap:19px}.board-hub-filters button{padding:0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--stone);font:10px var(--mono);letter-spacing:.03em}.board-hub-filters button:hover,.board-hub-filters button:focus-visible,.board-hub-filters button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}.board-records{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.board-record{display:flex;flex-direction:column;min-width:0;min-height:430px;padding:17px;border-top:1px solid var(--ink);background:var(--fog);transition:background .24s var(--ease-out),transform .35s var(--ease-out),opacity .25s var(--ease-out)}.board-record[data-board-kind="product"]{grid-column:span 7}.board-record[data-board-kind="post"]{grid-column:span 5;margin-top:92px}.board-record[data-board-kind="resource"]{grid-column:4/span 6;min-height:355px;margin-top:15px;background:var(--paper);border:1px solid var(--hairline)}.board-record.is-filtered-out{display:none}.board-record:hover{background:#e9e9e9;transform:translateY(-5px)}.board-record-top{display:flex;justify-content:space-between;gap:16px}.board-record-type{color:var(--graphite)}.board-record-index{font:10px var(--mono);color:var(--stone)}.board-record-media{display:grid;place-items:center;min-height:160px;margin:38px 0 20px;border:1px solid var(--hairline);background:linear-gradient(135deg,#f6f6f6,#e9e9e9);color:var(--stone);font:10px var(--mono);letter-spacing:.04em}.board-record[data-board-kind="resource"] .board-record-media{min-height:86px;margin-top:30px}.board-record h2{max-width:11ch;margin:0;font:clamp(39px,4.8vw,76px)/.83 var(--display);letter-spacing:-.07em}.board-record p{max-width:28ch;margin:18px 0 0;font-family:var(--tech-korean,"Noto Sans KR",Arial,sans-serif);font-size:15px;line-height:1.48;letter-spacing:-.025em}.board-record-meta{margin-top:auto;padding-top:25px;color:var(--graphite);border-top:1px solid var(--hairline)}.board-flow{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:126px;padding-top:32px;border-top:1px solid var(--ink)}.board-flow h2{max-width:11ch;margin:0;font:clamp(50px,6.5vw,102px)/.8 var(--display);letter-spacing:-.075em}.board-flow h2 span{color:var(--stone)}.board-flow-copy{display:grid;gap:25px;align-content:end}.board-flow-copy>p{max-width:37ch;margin:0;font-family:var(--tech-korean,"Noto Sans KR",Arial,sans-serif);font-size:16px;line-height:1.48;letter-spacing:-.025em}.board-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.board-flow-steps div{min-height:112px;padding-top:11px;border-top:1px solid var(--ink)}.board-flow-step{color:var(--stone)}.board-flow-steps strong{display:block;margin-top:24px;font-size:15px;font-weight:500;letter-spacing:-.04em}.board-wordpress-note{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-top:64px;padding:22px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.board-wordpress-note p{max-width:58ch;margin:0;font-family:var(--tech-korean,"Noto Sans KR",Arial,sans-serif);font-size:14px;line-height:1.48;letter-spacing:-.025em}.board-wordpress-note span{color:var(--graphite)}
@media(max-width:760px){.board-hub{padding:126px 20px 72px}.board-hub-head{grid-template-columns:1fr;gap:44px;padding-bottom:58px}.board-hub h1{margin-top:31px;font-size:clamp(63px,17vw,88px)}.board-hub-intro{font-size:16px}.board-hub-nav{top:58px;display:grid;gap:14px;margin-bottom:35px;padding:11px 0}.board-hub-filters{gap:15px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.board-hub-filters::-webkit-scrollbar{display:none}.board-hub-filters button{white-space:nowrap}.board-records{grid-template-columns:1fr;gap:12px}.board-record[data-board-kind],.board-record[data-board-kind="post"],.board-record[data-board-kind="resource"]{grid-column:auto;min-height:0;margin-top:0}.board-record{padding:14px 0 23px;background:transparent}.board-record:hover{background:transparent;transform:none}.board-record-media{min-height:205px;margin:26px 0 16px}.board-record[data-board-kind="resource"]{border-width:0;border-top:1px solid var(--ink)}.board-record[data-board-kind="resource"] .board-record-media{min-height:112px;margin-top:22px}.board-record h2{font-size:clamp(41px,12vw,61px)}.board-record p{font-size:15px}.board-flow{grid-template-columns:1fr;gap:42px;margin-top:80px}.board-flow h2{font-size:clamp(49px,14.5vw,68px)}.board-flow-steps{grid-template-columns:1fr 1fr;gap:19px 12px}.board-flow-steps div{min-height:82px}.board-flow-steps strong{margin-top:16px;font-size:14px}.board-wordpress-note{grid-template-columns:1fr;gap:14px;margin-top:45px;padding:18px 0}.board-wordpress-note p{font-size:14px}}