/* Illustrative service scenes; open page layout overrides follow below. */
.marketing-example-intro{font-size:17px;line-height:1.8;max-width:760px;margin-bottom:30px;color:#7b879a}
.marketing-industry{min-width:0;border:0;margin:0;padding:24px 32px 26px}.marketing-industry[hidden]{display:none}
.marketing-industry legend{float:left;width:100%;padding:0;margin-bottom:4px;font-size:14px;font-weight:600;color:#26344f}
.marketing-industry>p{clear:both;font-size:13px;color:#7b879a;margin-bottom:14px}
.marketing-industry-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.marketing-industry-options label{position:relative;display:block;min-width:0;cursor:pointer}
.marketing-industry-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.industry-option{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #e0e6f0;border-radius:12px;background:#fff;min-height:80px}
.industry-option img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}.industry-option img[src*="carbonara"]{object-fit:contain;background:#faf8f5}
.industry-option b{display:block;font-size:15px;font-weight:600;color:#26344f}.industry-option small{display:block;font-size:12px;color:#7b879a;margin-top:4px}
.marketing-industry-options input:checked+.industry-option{border-color:#325feb;background:#f5f8ff;box-shadow:0 0 0 1px #325feb}
.marketing-industry-options input:checked+.industry-option b{color:#325feb}
.marketing-industry-options input:focus-visible+.industry-option{outline:3px solid #325feb;outline-offset:3px}
.mock-post-description{white-space:pre-line}
[data-marketing-examples]:not([data-industry="restaurant"]) [data-industry-photo="product"]{object-fit:cover}
[data-marketing-examples]:not([data-industry="restaurant"]) .mock-post-hero img{width:100%;height:100%}
@media(hover:hover) and (pointer:fine){.marketing-industry-options label:hover .industry-option{background:#f5f8ff}}
.work-example .work-demo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:40px;align-items:center}
.work-demo .work-explainer{min-width:0;padding:8px 0}
.work-demo .work-explainer h3{font-size:30px;line-height:1.4}
.work-example .work-points{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
.work-example .work-points li{border:0;padding:0 0 0 25px;position:relative}
.work-points li::before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.work-example .work-points li b{font-size:15px;margin:0 0 3px}.work-example .work-points li span{font-size:14px}
.work-visual{margin:0;min-width:0;border-radius:18px;padding:24px;background:#f3f6fb;overflow:hidden}
.mock-scene{font-size:13px;line-height:1.5;color:#26344f;min-width:0}
.mock-window{border:1px solid #e0e6f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(37,65,107,.06)}
.mock-chrome{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #edf0f5}
.mock-dots{display:flex;gap:4px;margin-right:5px}.mock-dots i{width:5px;height:5px;border-radius:50%;background:#d9dfeb}
.mock-chrome strong{font-size:12px;font-weight:600}.mock-chrome small{margin-left:auto;color:#8a95a8;font-size:10px}
.mock-body{padding:20px;min-width:0}
.mock-label{font-size:11px;color:#7b879a;font-weight:500}
.mock-pill{display:inline-flex;padding:3px 8px;border-radius:6px;background:#edf2ff;color:#325feb;font-size:10px;line-height:1.5;white-space:nowrap}
.mock-icon{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mock-store-photo{display:block;width:100%;height:150px;object-fit:cover;border-radius:9px}
.mock-store-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 12px;font-size:17px}
.mock-source-grid{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center}
.mock-menu-photo{width:88px;height:88px;object-fit:contain;border-radius:9px;background:#faf8f5}
.mock-source-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid #edf0f5;font-size:12px}
.mock-source-row:last-child{border:0}.mock-source-row span{color:#7b879a}.mock-source-row strong{font-weight:500}
.mock-source-bottom{display:flex;gap:8px;align-items:center;margin-top:16px;color:#526386;font-size:11px}
.mock-source-bottom .mock-icon{width:16px;height:16px;color:#325feb}
.mock-studio{position:relative;display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1fr);gap:16px;align-items:center}
.mock-media-stack{display:grid;gap:14px}
.mock-media-tile{padding:7px;background:#fff;border:1px solid #e0e6f0;border-radius:9px;box-shadow:0 8px 20px rgba(37,65,107,.05)}
.mock-media-tile img{display:block;width:100%;height:93px;object-fit:cover;border-radius:5px}.mock-media-tile:first-child img{object-fit:contain;background:#faf8f5}
.mock-media-tile span{display:block;font-size:10px;color:#7b879a;margin:5px 3px 1px}
.mock-post{background:#fff;border:1px solid #e0e6f0;border-radius:12px;padding:14px;box-shadow:0 12px 30px rgba(37,65,107,.07)}
.mock-post-head{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:12px}
.mock-avatar{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf2ff;color:#325feb;font-size:11px;font-weight:700;flex:none}
.mock-post-hero{position:relative;overflow:hidden;aspect-ratio:1;background:#faf8f4;border-radius:8px;display:flex;align-items:center;justify-content:center}
.mock-post-hero img{display:block;width:94%;height:94%;object-fit:contain}
.mock-post-hero span{position:absolute;bottom:10px;left:8px;right:8px;text-align:center;background:rgba(255,255,255,.9);border-radius:5px;padding:7px 4px;font-size:12px;font-weight:600}
.mock-post-copy{font-size:11px;margin-top:12px;color:#53627c;line-height:1.7}.mock-post-copy b{display:block;color:#26344f;font-size:12px}
.mock-post-caption{display:flex;align-items:center;gap:7px;margin-top:12px;border-top:1px solid #edf0f5;padding-top:10px;color:#7b879a;font-size:10px}
.mock-post-caption .mock-icon{width:16px;height:16px}
.mock-channel-source{display:flex;align-items:center;gap:13px;max-width:300px;margin:0 auto;padding:12px;border-radius:11px;background:#fff;border:1px solid #e0e6f0}
.mock-channel-source img{width:58px;height:58px;object-fit:contain;border-radius:7px;background:#faf8f5}.mock-channel-source strong{font-size:15px}.mock-channel-source p{font-size:11px;color:#7b879a;margin-top:3px}
.mock-route-lines{width:100%;height:62px;display:block;fill:none;stroke:#b9c8e5;stroke-width:1.5}
.mock-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mock-channel-card{background:#fff;border:1px solid #e0e6f0;border-radius:11px;padding:15px 8px;text-align:center;min-width:0}
.mock-channel-card img{display:block;width:25px;height:25px;object-fit:contain;margin:0 auto 12px}
.mock-channel-card img[src*="/naver"]{width:64px}
.mock-channel-card strong{display:block;font-size:12px;line-height:1.5}.mock-channel-card span{display:block;font-size:10px;color:#7b879a;margin-top:5px}
.mock-channel-note{display:flex;align-items:center;gap:8px;padding:13px 0 0;font-size:11px;color:#53627c}.mock-channel-note .mock-icon{color:#325feb;width:17px;height:17px}
.mock-kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.mock-kpi{border-left:2px solid #325feb;padding-left:11px}.mock-kpi:last-child{border-color:#aebde1}
.mock-kpi strong{display:block;font-size:20px;line-height:1.5;letter-spacing:-.03em;margin-top:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.mock-kpi em{font-size:10px;font-style:normal;font-weight:400;margin-left:2px}
.mock-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;font-weight:600}
.mock-legend{display:flex;gap:10px;font-size:10px;font-weight:400;color:#7b879a}.mock-legend span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:#325feb;margin-right:4px}.mock-legend span:last-child::before{background:#c5d0e8}
.mock-chart{height:144px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;margin:14px 0 0;padding:0 8px 24px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf0f5 39px,#edf0f5 40px)}
.mock-chart-day{height:100%;position:relative;display:flex;gap:3px;align-items:end;justify-content:center}
.mock-chart-day i{display:block;flex:1;max-width:12px;border-radius:3px 3px 0 0;height:var(--height);background:#325feb}.mock-chart-day i:nth-child(2){background:#c5d0e8}
.mock-chart-day span{position:absolute;left:0;right:0;bottom:-23px;text-align:center;font-size:10px;color:#7b879a}
.mock-costs{display:flex;align-items:center;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f5}
.mock-donut{width:62px;height:62px;flex:none;border-radius:50%;background:conic-gradient(#325feb 0 50%,#a8b9e3 50% 80%,#e2e8f4 80%);position:relative}.mock-donut::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}
.mock-cost-legend{flex:1;display:grid;gap:5px;font-size:11px}.mock-cost-legend>div{display:flex;justify-content:space-between;color:#64718a}.mock-cost-legend b{color:#26344f;font-weight:500}
.mock-segments{display:grid;gap:12px;margin-top:16px}.mock-segment{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;font-size:12px}.mock-segment span{height:8px;background:#f0f3fa;border-radius:4px;overflow:hidden}.mock-segment i{display:block;height:100%;width:var(--width);background:#325feb;border-radius:4px}.mock-segment:nth-child(2) i{background:#8ba5df}.mock-segment:nth-child(3) i{background:#bfcee9}
.mock-customer-next{margin-top:22px;border:1px solid #e0e6f0;border-radius:10px;padding:15px;background:#f8faff}
.mock-customer-next>strong{display:flex;align-items:center;gap:8px;font-size:12px}.mock-customer-next .mock-icon{color:#325feb}
.mock-activity{display:flex;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e0e6f0}.mock-activity img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:6px}.mock-activity b{font-size:12px;font-weight:500}.mock-activity p{font-size:10px;color:#7b879a;margin-top:4px}
.mock-people{display:flex;align-items:center;gap:7px;margin-top:17px;color:#7b879a;font-size:11px}.mock-people svg{width:18px;height:18px}
.mock-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mock-lane{background:#f4f6fa;border-radius:9px;padding:10px 7px;min-width:0}
.mock-lane-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-bottom:11px}.mock-lane-title::before{content:"";width:5px;height:5px;border-radius:50%;background:#b6c0d2}.mock-lane:nth-child(2) .mock-lane-title::before{background:#325feb}.mock-lane:nth-child(3) .mock-lane-title::before{background:#73ad96}
.mock-task{padding:11px 8px;background:#fff;border:1px solid #e5eaf2;border-radius:7px;margin-bottom:9px;min-height:105px}
.mock-task:last-child{margin-bottom:0}.mock-task .mock-icon{width:18px;height:18px;margin-bottom:8px;color:#6c85bd}.mock-task strong{display:block;font-size:12px;font-weight:500;line-height:1.6}.mock-task span{display:block;color:#8893a6;font-size:10px;margin-top:9px}
.mock-board-foot{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:11px;color:#64718a}.mock-board-foot .mock-icon{width:17px;height:17px;color:#325feb}
@media(max-width:900px){
 .work-example .work-demo{grid-template-columns:1fr;gap:28px}
 .work-visual{width:100%;max-width:600px;justify-self:center}
 .work-example .work-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media(max-width:600px){
 .marketing-example-intro{font-size:15px;margin-bottom:24px}.marketing-industry{padding:20px}
 .marketing-industry-options{gap:8px}.industry-option{display:block;padding:8px;text-align:center;min-height:0}.industry-option img{width:100%;height:auto;aspect-ratio:1;max-height:80px}.industry-option b{font-size:13px;margin-top:7px}.industry-option small{font-size:10px;margin-top:3px;white-space:nowrap}
 .work-demo .work-explainer h3{font-size:24px}.work-example .work-points{grid-template-columns:1fr;gap:13px;margin-top:20px}
 .work-visual{width:calc(100% + 40px);max-width:none;justify-self:start;margin-left:-20px;margin-right:-20px;padding:20px 12px;border-radius:0}.mock-body{padding:16px}.mock-chrome{padding:12px}
 .mock-store-photo{height:124px}.mock-store-title{font-size:15px}.mock-source-grid{grid-template-columns:70px minmax(0,1fr);gap:10px}.mock-menu-photo{width:70px;height:70px}
 .mock-source-row{grid-template-columns:44px minmax(0,1fr);font-size:11px}
 .mock-studio{gap:10px;grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}.mock-media-tile img{height:82px}.mock-post{padding:10px}.mock-post-hero span{font-size:11px;bottom:7px;padding:5px 3px}.mock-post-copy{font-size:10px}
 .mock-channel-grid{gap:7px}.mock-channel-card{padding:14px 5px}.mock-channel-card strong{font-size:11px}.mock-channel-card span{font-size:10px}
 .mock-kpis{gap:10px}.mock-kpi strong{font-size:18px}.mock-kpi .mock-label{font-size:10px}.mock-chart{gap:8px;padding-inline:2px}.mock-costs{gap:15px}
 .mock-board{gap:7px}.mock-lane{padding:9px 5px}.mock-task{padding:9px 6px;min-height:112px}.mock-task strong{font-size:12px}.mock-task span{font-size:10px}
}
@media(max-width:360px){
 .work-visual{padding:11px}.mock-body{padding:12px}.mock-chrome{gap:5px;padding:10px}.mock-chrome small{font-size:9px}
 .mock-kpi strong{font-size:16px}.mock-studio{grid-template-columns:1fr}.mock-media-stack{display:none}.mock-post{max-width:210px;margin:auto;width:100%}
 .mock-route-lines{display:none}.mock-channel-grid{grid-template-columns:1fr;margin-top:14px}
 .mock-channel-card{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;padding:12px;text-align:left}
 .mock-channel-card img{grid-row:1/3;justify-self:center;margin:0}.mock-channel-card img[src*="/naver"]{width:48px}
 .mock-channel-card strong{font-size:12px}.mock-channel-card span{margin-top:2px}
 .mock-board{grid-template-columns:1fr}.mock-task{min-height:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}.mock-task .mock-icon{margin-bottom:0}.mock-task span{grid-column:2;margin-top:0}.mock-lane-title{font-size:12px}.mock-task strong{font-size:12px}
}

/* Same large-image / short-copy composition used by the existing service pages. */
.work-example{margin-top:40px;border:0;border-radius:0;overflow:visible;background:none}
.work-example-head{padding:0 0 22px;border-bottom:1px solid var(--line);background:none}
.work-example-head b{font-size:17px}.work-example-head span{font-size:13px}
.marketing-industry{padding:28px 0 24px}.marketing-industry legend{font-size:15px}
.marketing-industry-options{gap:32px}.industry-option{padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;min-height:80px}
.marketing-industry-options input:checked+.industry-option{border-color:var(--brand);background:none;box-shadow:none}
.work-example-tabs{gap:32px;padding:0;border-bottom:1px solid var(--line)}.work-example-tabs button{font-size:17px;padding:22px 0}
.work-example [role=tabpanel]{padding:44px 0 0;min-height:0}
.work-example .work-demo{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center}
.work-visual{grid-column:1;grid-row:1;margin:0;padding:0;background:none;border-radius:0;overflow:visible;max-width:none}
.work-demo .work-explainer{grid-column:2;grid-row:1;padding:0}.work-demo .work-explainer h3{font-size:32px;line-height:1.4;letter-spacing:-.035em}
.work-example .work-copy{font-size:17px;line-height:1.8;margin-top:22px}
.work-example .work-points{gap:20px;margin-top:28px}.work-example .work-points li{padding:16px 0 0;border-top:1px solid var(--line)}.work-points li::before{display:none}
.work-example .work-points li b{font-size:17px;margin-bottom:6px}.work-example .work-points li span{font-size:15px;line-height:1.8}
.mock-window{border:1px solid #e2e5eb;border-radius:18px;box-shadow:0 24px 48px -16px rgba(17,19,24,.2)}
.mock-chrome{padding:18px 22px}.mock-chrome strong{font-size:14px}.mock-chrome small{font-size:11px}.mock-body{padding:26px}
.mock-store-photo{height:250px;border-radius:12px}.mock-store-title{font-size:20px;margin:22px 0 16px}.mock-source-row{font-size:14px;line-height:1.8}
.mock-source-grid{grid-template-columns:100px minmax(0,1fr);gap:20px}.mock-menu-photo{width:100px;height:100px}.mock-source-caption{font-size:12px;margin-top:20px}
.mock-studio{display:flex;flex-direction:column;gap:22px;align-items:stretch}.mock-post{order:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none}
.mock-media-stack{order:1;display:flex;gap:16px}.mock-media-tile{flex:1;padding:0;border:0;border-radius:0;background:none}.mock-media-tile img{height:110px;border-radius:12px}.mock-media-tile span{font-size:12px;margin-top:8px}
.mock-post-head{font-size:14px;margin-bottom:16px}.mock-post-hero{aspect-ratio:4/3;border-radius:18px;box-shadow:0 18px 40px rgba(25,31,40,.10)}.mock-post-hero img{width:100%;height:100%}
.mock-post-hero span{font-size:16px;padding:12px;background:rgba(255,255,255,.92);bottom:16px;left:16px;right:16px}.mock-post-copy{font-size:14px;margin-top:22px;line-height:1.8}.mock-post-copy b{font-size:16px;margin-bottom:6px}.mock-post-caption{font-size:12px}
.mock-channel-source{max-width:none;padding:0 0 22px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.mock-channel-source img{width:92px;height:92px}.mock-channel-source strong{font-size:18px}.mock-channel-source p{font-size:14px}
.mock-route-lines{display:none}.mock-channel-grid{gap:24px;margin-top:28px}.mock-channel-card{padding:20px 0;border:0;border-radius:0;background:none}.mock-channel-card img{height:34px;width:34px}.mock-channel-card img[src*="/naver"]{width:78px}.mock-channel-card strong{font-size:16px}.mock-channel-card span{font-size:13px;line-height:1.7}.mock-channel-note{font-size:14px;padding-top:24px;border-top:1px solid var(--line)}
.mock-kpis{gap:24px;margin-bottom:28px}.mock-kpi strong{font-size:30px}.mock-kpi em{font-size:13px}.mock-label{font-size:13px}.mock-chart-head{font-size:16px}.mock-legend{font-size:12px}.mock-chart{height:190px;gap:14px}.mock-chart-day i{max-width:18px}.mock-chart-day span{font-size:12px}.mock-costs{gap:24px;padding-top:22px}.mock-donut{width:76px;height:76px}.mock-donut::after{inset:16px}.mock-cost-legend{font-size:14px;gap:8px}
.mock-segment{font-size:15px;grid-template-columns:62px minmax(0,1fr);gap:16px}.mock-segments{gap:18px;margin-top:24px}.mock-customer-next{margin-top:28px;padding:20px;background:#f5f6f8;border:0}.mock-customer-next>strong{font-size:15px}.mock-activity b{font-size:14px}.mock-activity p{font-size:12px;line-height:1.7}.mock-people{font-size:13px}
.mock-lane{padding:14px 10px;background:#f5f6f8}.mock-lane-title{font-size:13px}.mock-task{padding:14px 10px;border:0;min-height:112px}.mock-task strong{font-size:14px}.mock-task span{font-size:12px}.mock-board-foot{font-size:13px}
.work-example-note{margin-top:28px;font-size:13px}
@media(hover:hover) and (pointer:fine){.marketing-industry-options label:hover .industry-option{background:none;border-bottom-color:#b7c7e5}}
@media(max-width:900px){
 .work-example .work-demo{grid-template-columns:1fr;gap:36px}.work-visual{grid-column:1;grid-row:1;width:100%;max-width:640px;justify-self:center}.work-demo .work-explainer{grid-column:1;grid-row:2;width:100%}
 .work-example .work-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.marketing-industry-options{gap:24px}
}
@media(max-width:600px){
 .work-example{margin-top:28px}.work-example-head{padding:0 0 18px;flex-direction:row;gap:16px;align-items:baseline}.work-example-head b{font-size:16px}.work-example-head span{font-size:12px}
 .marketing-industry{padding:22px 0}.marketing-industry-options{gap:16px}.industry-option{display:block;padding:10px 0;text-align:center}.industry-option img{max-height:72px;border-radius:8px}.industry-option b{font-size:14px}.industry-option small{font-size:10px}
 .work-example-tabs{gap:24px;padding:0}.work-example-tabs button{font-size:15px;padding:18px 0}.work-example [role=tabpanel]{padding:28px 0 0}
 .work-visual{width:100%;max-width:none;margin:0;padding:0}.work-demo .work-explainer h3{font-size:26px}.work-example .work-copy{font-size:16px;margin-top:16px}.work-example .work-points{grid-template-columns:1fr;gap:18px;margin-top:24px}
 .mock-window{border-radius:14px}.mock-body{padding:18px}.mock-chrome{padding:14px 16px;gap:6px}.mock-chrome strong{font-size:12px}.mock-chrome small{font-size:10px}.mock-store-photo{height:180px}.mock-store-title{font-size:18px}
 .mock-source-grid{grid-template-columns:70px minmax(0,1fr);gap:14px}.mock-menu-photo{width:70px;height:70px}.mock-source-row{font-size:12px;grid-template-columns:44px minmax(0,1fr)}
 .mock-post{max-width:none;width:100%;margin:0}.mock-studio{display:flex;gap:18px}.mock-post-head{font-size:12px}.mock-post-hero{border-radius:14px}.mock-post-hero span{font-size:14px;padding:10px;bottom:12px;left:12px;right:12px}.mock-post-copy{font-size:13px}.mock-media-stack{display:flex}.mock-media-tile img{height:90px}
 .mock-channel-source img{width:70px;height:70px}.mock-channel-source strong{font-size:16px}.mock-channel-source p{font-size:12px}.mock-channel-grid{grid-template-columns:1fr;gap:0}.mock-channel-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:4px 16px;text-align:left;border-bottom:1px solid var(--line)}.mock-channel-card img{grid-row:1/3;justify-self:center;align-self:center;margin:0}.mock-channel-card strong{font-size:16px}.mock-channel-card span{font-size:13px;margin:0}.mock-channel-card img[src*="/naver"]{width:60px}.mock-channel-note{border-top:0;font-size:13px}
 .mock-kpis{gap:16px}.mock-kpi strong{font-size:24px}.mock-kpi .mock-label{font-size:12px}.mock-chart-head{font-size:14px}.mock-legend{font-size:10px}.mock-chart{height:160px;gap:8px}.mock-cost-legend{font-size:12px}.mock-donut{width:62px;height:62px}.mock-donut::after{inset:13px}
 .mock-lane{padding:10px 7px}.mock-task strong{font-size:12px}.mock-task span{font-size:11px}.mock-board{gap:8px}.mock-task{padding:12px 8px}.mock-lane-title{font-size:12px}.mock-board-foot{font-size:12px}
}
@media(max-width:420px){.mock-kpis{grid-template-columns:1fr;gap:20px}}
@media(max-width:360px){.mock-body{padding:14px}.mock-chrome{padding:12px}.mock-kpi strong{font-size:24px}.mock-kpi .mock-label{font-size:11px}.mock-kpi em{font-size:11px}.mock-board{grid-template-columns:1fr}.mock-task{min-height:0}.mock-task strong{font-size:13px}.work-example-head{gap:10px}.mock-post-head{font-size:11px}}