/* Production examples: generous previews, readable supporting copy. */
.cases{background:#fff;padding:100px 5% 35px;color:#192f49}.cases>.wrap{max-width:1240px}.cases .label{font:600 11px/1.5 'Avenir Next',sans-serif;letter-spacing:.2em;color:#53749d;margin-bottom:20px}.cases h2{font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.5;margin:0 0 22px}.cases .section-lead{font-size:16px;line-height:1.9;color:#5a6c83;text-align:left;max-width:680px;margin:0 0 20px}.sample-note{font-size:12px;line-height:1.9;color:#6c7e94;max-width:850px;margin:0 0 57px;padding-left:14px;border-left:2px solid #b1c2d9}
.case{padding:55px 0 65px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);grid-template-areas:'head head' 'sub sub' 'stage flow' 'foot foot';gap:0 45px;border-top:1px solid #ced9e7}.case-head{grid-area:head;display:flex;align-items:start;gap:24px;margin-bottom:14px}.case-head .num{font:400 42px/1.25 'Avenir Next',sans-serif;color:#9aadca}.case-head h3{font-size:clamp(26px,2.8vw,35px);line-height:1.5;letter-spacing:.025em;margin:0;font-weight:700}.case-head h3 br{display:none}.case-sub{grid-area:sub;font-size:15px;line-height:1.9;color:#6b7e95;margin:0 0 35px;padding-left:77px}.case-flow{grid-area:flow;list-style:none;padding:0;margin:0;align-self:start}.case-flow>li{padding:22px 0;border-bottom:1px solid #e0e7f0}.case-flow>li:first-child{padding-top:0}.case-flow h4{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700;color:#31567e;margin:0 0 13px;line-height:1.7}.case-flow h4 i{font:500 11px 'Avenir Next',sans-serif;color:#7692b6}.case-flow p,.case-flow ul{font-size:15px;line-height:1.95;color:#465e79;margin:0}.case-flow ul{padding-left:20px}.case-flow li li{padding:0;margin-bottom:9px}.case-foot{grid-area:foot;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;margin-top:28px}.case-foot .similar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;line-height:1.7;color:#6b7e95}.case-foot .similar a{font-size:13px;color:#2458a0;border-bottom:1px solid #b9cbe4;padding-bottom:1px}.case-foot .similar a:hover{color:#153b73;border-color:#153b73}.case-foot .ask{margin-left:auto}.case-foot .textlink,.case-foot a{font-size:15px;color:#2458a0}.stage{grid-area:stage;position:relative;min-width:0;align-self:start;padding:28px;background:radial-gradient(ellipse at 90% 0,#344d76,#10213a 70%);border-radius:8px;box-shadow:0 20px 45px #1b355321;overflow:hidden}.stage-cap{display:flex;align-items:start;justify-content:space-between;flex-direction:column;gap:9px;margin-bottom:23px;color:#c2d0e5;font-size:11px;line-height:1.8;padding-bottom:15px;border-bottom:1px solid #bcd0ed33}.sample-label{color:#bdd0ec;font:500 10px 'Avenir Next',sans-serif;letter-spacing:.12em}.stage-cap b{color:#f2f6fe;font-weight:500}.expand-design{position:absolute;right:25px;top:22px;z-index:2;min-height:44px;background:transparent;border:0;border-bottom:1px solid #bfd0ed66;color:#e0eafa;font:500 12px 'Noto Sans JP',sans-serif;cursor:pointer;padding:4px 0}.expand-design:hover{color:white}.expand-design[hidden]{display:none}.expand-design:focus-visible{outline:2px solid #accfff;outline-offset:4px}.frame{position:relative;background:#fff;border:1px solid #dae1eb;border-radius:7px;overflow:hidden;color:#2a3d52;box-shadow:0 15px 35px #03132933;min-width:0}.frame .bar{height:28px;padding:0 12px;display:flex;align-items:center;gap:5px;background:#e8edf4;border-bottom:1px solid #d4ddeb}.bar i{width:5px;height:5px;border-radius:50%;background:#b5c2d4}.bar .url{flex:1;text-align:center;color:#657891;font-size:10px;background:#fff;border-radius:3px;margin-left:10px;max-height:18px;overflow:hidden}.stage-grid.lp{position:relative;padding:0 150px 55px 0}.lp-nav{padding:14px 16px;display:flex;align-items:center;gap:13px;font-size:10px;background:#fcfaf7}.lp-nav b{font:500 17px Georgia,serif;letter-spacing:.025em;margin-right:auto;color:#514238}.lp-nav .btn{background:#756048;color:#fff;padding:7px 10px;font-size:10px}.lp-hero{height:285px;position:relative;background:#b8a492 center/cover no-repeat}.lp-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#221a14bd,transparent 75%)}.lp-hero .copy{position:absolute;z-index:1;bottom:24px;left:23px;right:23px;color:white}.lp-hero .copy b{display:block;font:500 25px/1.6 'Yu Mincho',Georgia,serif;letter-spacing:.06em;text-shadow:0 2px 14px #0004}.lp-hero .copy>span{display:block;font-size:11px;line-height:1.8;margin-top:8px}.lp-body{padding:19px;background:#fffefb}.lp-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lp-menu>div{border-top:1px solid #cbbba6;padding-top:10px}.lp-menu b{display:block;font-size:12px;line-height:1.7;color:#5a4735}.lp-menu span{display:block;font-size:10px;line-height:1.8;margin-top:4px}.lp-menu em{display:block;font:500 12px/1.8 'Noto Sans JP',sans-serif;color:#806446;margin-top:5px}.lp-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;font-size:10px;line-height:1.8;color:#736556}.lp-feat b{display:block;font-size:11px;color:#554536;margin-bottom:4px}.lp-cta{display:flex;gap:7px}.lp-cta>span{flex:1;padding:10px 5px;text-align:center;font-size:10px;font-weight:500;background:#806849;color:#fff;border-radius:2px}.lp-cta .line{background:#315b4d}.lp-cta .tel{background:#f7f2e9;border:1px solid #bcaa91;color:#63503a}.lp-access{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;margin-top:15px;padding-top:10px;border-top:1px solid #e6ded3;font-size:9px;color:#85735e}.lp-side{display:contents}.frame.phone{position:absolute;width:163px;right:0;bottom:0;border:5px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 30px #0004;transform:rotate(3deg)}.frame.phone .bar{height:17px;justify-content:center}.frame.phone .bar i{width:36px;height:5px;background:#64718a}.frame.phone .lp-hero{height:170px}.frame.phone .copy{bottom:14px;left:12px;right:10px}.frame.phone .copy b{font-size:16px;line-height:1.7}.frame.phone .lp-body{padding:10px}.frame.phone .lp-cta{flex-direction:column}.frame.phone .lp-cta>span{font-size:10px}.hint{color:#afc1dc;font-size:11px;line-height:1.8;padding:14px 0 0}.hint b{display:block;font-size:12px;font-weight:500;color:#e3ecfa;margin-bottom:5px}.lp-side .hint{margin:18px 190px 0 0;padding-left:12px;border-left:1px solid #9db6dc66}
#case-sns{grid-template-columns:minmax(300px,1fr) minmax(0,1.65fr);grid-template-areas:'head head' 'sub sub' 'flow stage' 'foot foot'}.stage-grid.two{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:22px}.post,.ad{background:#fff;border:1px solid #f3f4f7;border-radius:5px;overflow:hidden;box-shadow:0 12px 26px #02091230;color:#413c37}.post-head{display:flex;align-items:center;gap:7px;padding:11px;font-size:10px}.post-head i{width:19px;height:19px;border-radius:50%;background:#b2977d}.post-head span{margin-left:auto;font-size:9px;color:#8c8178}.post-img{position:relative;aspect-ratio:4/5;background:#b59b8a center/cover}.post-img:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#201710b0,transparent 65%)}.post-img .ov{position:absolute;z-index:1;bottom:20px;left:18px;color:#fff}.post-img .ov b{font:500 27px/1.5 'Yu Mincho',serif;letter-spacing:.045em}.post-img .ov>span{display:block;font-size:10px;letter-spacing:.15em;margin-top:12px}.post-body{padding:14px}.post-body p{font-size:12px;line-height:1.9;margin:0}.post-body .icons{display:flex;gap:10px;margin:0 0 12px}.post-body .icons i{width:14px;height:14px;border:1px solid #8b8277;border-radius:50%}.post-body .tags{font-size:10px;color:#6a8199;line-height:1.8;margin-top:8px}.sns-col{display:grid;gap:12px}.ad-img{position:relative;height:240px;background:#c1ac99 center 20%/cover}.ad-img>span{position:absolute;top:12px;left:12px;background:#fcfaf7e8;padding:5px 8px;font-size:10px;letter-spacing:.15em;color:#84664d}.ad-copy{background:#f7f2eb;padding:19px 16px}.ad-copy b{font:500 22px/1.6 'Yu Mincho',serif;color:#594330}.ad-copy p{font-size:12px;line-height:1.9;color:#7b695b;margin:11px 0 14px}.ad-copy .btn{display:block;background:#796147;color:#fff;padding:11px 7px;text-align:center;font-size:11px}.ad-meta{display:grid;gap:3px;font-size:11px;line-height:1.8;color:#bacbe1}
#case-ops{grid-template-columns:1fr;grid-template-areas:'head' 'sub' 'flow' 'stage' 'foot'}.case#case-ops .case-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0 0 35px}.case#case-ops .case-flow>li{padding:20px 0 0;border-top:1px solid #d6e1ef;border-bottom:0}#case-ops .stage{padding:30px}#case-ops .stage-cap{margin-bottom:23px}.ops-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.ops-tabs button{background:#d2e1f309;border:1px solid #bdd0ed4d;border-radius:4px;color:#d7e3f5;padding:12px 19px;font:500 14px/1.5 'Noto Sans JP',sans-serif;min-height:48px;cursor:pointer}.ops-tabs button[aria-selected=true]{background:#f6f9ff;color:#213d61;border-color:#f6f9ff}.ops-tabs button:focus-visible{outline:3px solid #bed7ff;outline-offset:3px}.ops-panel[hidden]{display:none}.inbox{display:grid;grid-template-columns:.7fr 1.3fr;min-height:430px}.inbox-list{border-right:1px solid #d9e3f0;padding:12px 0}.inbox-list .m{display:grid;gap:7px;padding:17px 20px;border-bottom:1px solid #e8edf5}.inbox-list .m.is-on{background:#edf3fc;border-left:3px solid #496c9a}.inbox-list b{font-size:14px;line-height:1.7}.inbox-list .m>span{font-size:12px;color:#7388a3;line-height:1.6}.inbox-list .m .t{font-size:10px;padding:3px 8px;border-radius:3px;background:#e9eff8;color:#5476a4;justify-self:start}.inbox-list .m .hi{background:#f3e6cf;color:#8a6630}.inbox-list .m .ok{background:#e2efe6;color:#4a7860}.inbox-draft{padding:26px;display:grid;gap:13px;align-content:start}.inbox-draft .lbl{font-size:12px;letter-spacing:.09em;color:#567cab;font-weight:700}.inbox-draft .q{font-size:14px;line-height:1.95;background:#f1f5fb;padding:15px;border-radius:4px}.inbox-draft .d{font-size:15px;line-height:2;border-left:2px solid #7494bd;padding:8px 0 8px 18px;white-space:pre-line}.inbox-draft .act{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.inbox-draft .act>span{border:1px solid #b1c2da;padding:8px 12px;font-size:12px;border-radius:3px;color:#4f719d}.inbox-draft .act .p{background:#345f96;border-color:#345f96;color:white}.minutes{padding:28px;display:grid;gap:24px;font-size:15px;line-height:1.9}.minutes .mh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #dce4ef}.minutes .mh b{font-size:21px}.minutes .mh span{font-size:13px;color:#72849c}.minutes h5{font-size:14px;margin:0 0 9px;color:#4f74a3}.minutes ul{padding-left:21px;margin:0}.minutes .todo{display:grid;gap:9px}.minutes .todo>div{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;padding:12px;background:#eff4fa;border-radius:4px}.minutes .todo i{width:12px;height:12px;border:1px solid #88a0be}.minutes .todo span{font-size:12px;color:#6a809c}.sheet{padding:25px;overflow:auto}.sheet .sh{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}.sheet .sh b{font-size:20px}.sheet .sh span{font-size:13px;color:#67809f}.sheet table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.sheet td,.sheet th{padding:16px 13px;border-bottom:1px solid #dfe8f3;white-space:nowrap}.sheet th{background:#edf3fb;color:#5e7798;font-weight:500;text-align:left}.sheet .n{text-align:right}.sheet .up{color:#42745b}.sheet .dn{color:#a45850}.sheet .sum{background:#f7f9fd;font-weight:700}.sheet .memo{font-size:14px;line-height:1.9;background:#edf3fc;border-left:2px solid #718fb6;padding:15px;margin-top:23px}.faq{padding:28px;display:grid;gap:15px;font-size:15px;line-height:1.95}.faq .q{background:#eaf1fc;border-radius:9px 9px 0 9px;padding:15px 19px;justify-self:end;max-width:90%}.faq .a{background:#f4f7fb;border:1px solid #e0e8f3;border-radius:9px 9px 9px 0;padding:19px;max-width:90%}.faq .a small{display:block;font-size:12px;color:#6b819f;margin-top:10px}.faq .src{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#607898;padding-top:10px}
.design-viewer{width:min(1240px,96vw);max-height:94dvh;border:1px solid #6982a7;padding:0;background:#10213a;border-radius:10px;color:#fff;box-shadow:0 30px 100px #0008}.design-viewer::backdrop{background:#020a19dd;backdrop-filter:blur(8px)}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 25px;background:#10213a;position:sticky;top:0;z-index:5;border-bottom:1px solid #b3c6e244}.viewer-head h2{font-size:16px;margin:0}.viewer-close{min-height:44px;background:transparent;color:#f3f7ff;border:1px solid #a8bfd866;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer}.viewer-content{padding:25px}.viewer-content .stage-grid{max-width:1020px;margin:auto}.viewer-content .lp-hero{height:400px}.viewer-content .lp-menu b,.viewer-content .lp-feat b{font-size:15px}.viewer-content .lp-menu span,.viewer-content .lp-feat,.viewer-content .lp-cta>span,.viewer-content .lp-access{font-size:13px}.viewer-content .lp-menu em{font-size:16px}.viewer-content .post-img{max-height:620px}.viewer-content .post-body p,.viewer-content .ad-copy p{font-size:16px}.viewer-content .ad-img{height:390px}.viewer-content .ad-copy b{font-size:30px}.viewer-content .post-img .ov b{font-size:40px}.viewer-content .lp-hero .copy b{font-size:35px}.viewer-content .phone .lp-hero{height:170px}.viewer-content .phone .copy b{font-size:16px}
@media(max-width:1050px){.case,#case-sns{grid-template-columns:1fr;grid-template-areas:'head' 'sub' 'stage' 'flow' 'foot'}.case-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.case-flow>li,.case-flow>li:first-child{padding-top:18px;border-top:1px solid #d6e1ef;border-bottom:0}.case#case-ops .case-flow{margin-top:0}.stage-grid.lp{padding-right:172px}.frame.phone{width:185px}.lp-side .hint{margin-right:200px}.inbox{grid-template-columns:.8fr 1.2fr}}
@media(max-width:640px){.cases{padding:65px 22px 15px}.cases h2{font-size:30px}.cases .section-lead{font-size:15px}.sample-note{font-size:12px;margin-bottom:35px}.case{padding:36px 0 44px}.case-head{gap:14px;margin-bottom:15px}.case-head .num{font-size:28px}.case-head h3{font-size:24px;line-height:1.55}.case-head h3 br{display:initial}.case-sub{padding:0;font-size:14px;margin-bottom:25px}.stage{padding:15px;border-radius:6px;box-shadow:0 12px 30px #1734571c}.stage-cap{gap:7px;font-size:10px;padding-bottom:13px;margin-bottom:15px}.expand-design{right:15px;top:7px;font-size:11px;min-height:40px}.sample-label{font-size:9px}.stage-grid.lp{padding:0}.lp-side .phone{display:none}.lp-side .hint{margin:17px 0 0;font-size:12px}.lp-nav{padding:12px;gap:8px}.lp-nav b{font-size:17px}.lp-nav>span:not(.btn){display:none}.lp-nav .btn{font-size:10px}.lp-hero{height:275px;background-position:55% center}.lp-hero .copy{bottom:20px;left:16px;right:14px}.lp-hero .copy b{font-size:23px}.lp-hero .copy>span{font-size:11px;line-height:1.9}.lp-body{padding:15px}.lp-menu,.lp-feat{grid-template-columns:1fr;gap:13px}.lp-menu>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding-top:12px}.lp-menu b{font-size:14px}.lp-menu span{font-size:12px;grid-column:1;line-height:1.7}.lp-menu em{font-size:13px;grid-column:2;grid-row:1/3;margin:0;align-self:center}.lp-feat{font-size:12px;line-height:1.85;margin:21px 0}.lp-feat b{font-size:13px}.lp-cta{flex-direction:column;gap:7px}.lp-cta>span{font-size:13px;padding:12px}.lp-access{font-size:10px;line-height:1.8}.case-flow,.case#case-ops .case-flow{grid-template-columns:1fr;gap:21px;margin-top:27px}.case-flow h4{font-size:14px}.case-flow p,.case-flow ul{font-size:15px;line-height:1.9}.case-flow li li{margin-bottom:7px}.case-foot{margin-top:20px;gap:12px}.case-foot .similar{font-size:12px}.case-foot .similar a{font-size:13px}.case-foot .ask{margin-left:0}.case-foot a{font-size:14px}.stage-grid.two{grid-template-columns:1fr;gap:25px}.post-head{font-size:12px;padding:12px}.post-head span{font-size:10px}.post-img .ov b{font-size:30px}.post-body p{font-size:14px}.post-body .tags{font-size:12px}.ad-img{height:290px}.ad-copy{padding:22px}.ad-copy b{font-size:27px}.ad-copy p{font-size:14px}.ad-copy .btn{font-size:13px;padding:13px}.ad-meta{font-size:12px}.hint{font-size:12px}.hint b{font-size:13px}.case#case-ops .case-flow{margin-top:0;margin-bottom:27px}#case-ops .stage{padding:15px 12px}.ops-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.ops-tabs button{font-size:12px;min-height:50px;padding:9px 5px}.inbox{grid-template-columns:1fr}.inbox-list{padding:0;border-right:0;border-bottom:1px solid #dce4f1;display:grid;grid-template-columns:1fr 1fr}.inbox-list .m{padding:12px;gap:5px;min-width:0}.inbox-list .m:nth-child(n+3){display:none}.inbox-list .m>span:not(.t){display:none}.inbox-list b{font-size:12px}.inbox-list .m .t{font-size:10px}.inbox-draft{padding:17px 13px;gap:12px}.inbox-draft .q{font-size:13px;padding:12px}.inbox-draft .d{font-size:14px;padding-left:12px;line-height:2}.inbox-draft .act{gap:7px}.inbox-draft .act>span{font-size:11px}.minutes{padding:19px 15px;font-size:14px}.minutes .mh b{font-size:18px}.minutes .mh span{font-size:11px}.minutes .todo>div{grid-template-columns:12px 1fr;padding:11px 8px;gap:7px}.minutes .todo span{grid-column:2;font-size:11px}.sheet{padding:18px 12px}.sheet .sh b{font-size:18px}.sheet table{font-size:13px}.sheet td,.sheet th{padding:12px 10px}.sheet .memo{font-size:13px;min-width:240px}.faq{padding:17px 12px;font-size:14px;gap:13px}.faq .q,.faq .a{max-width:100%;padding:13px}.faq .a small{font-size:11px}.faq .src{font-size:11px}.viewer-head{padding:10px 14px;gap:8px}.viewer-head h2{font-size:13px}.viewer-close{font-size:12px;padding:6px 10px}.viewer-content{padding:12px}.viewer-content .lp-hero{height:300px}.viewer-content .lp-hero .copy b{font-size:25px}.viewer-content .lp-cta>span{font-size:13px}.viewer-content .post-img .ov b{font-size:32px}.viewer-content .ad-img{height:330px}.design-viewer{width:96vw;max-height:94dvh}}
/* ===== TOP refresh 2026-10 (scoped to .home-refresh) ===== */
.home-refresh .cases .label{color:#2f6a94}
.home-refresh .cases .section-lead{font-size:17px;color:#46576c;max-width:720px}
.home-refresh .sample-note{font-size:13px;color:#52647b;border-left-color:#19b4e0}
.home-refresh .case-sub{font-size:16px;color:#46586f;max-width:60em}
.home-refresh .case-head h3{text-wrap:balance}
.home-refresh .case .case-flow>li,.home-refresh .case .case-flow>li:first-child,.home-refresh #case-ops .case-flow>li{padding:22px 24px;margin-bottom:14px;background:#f5f8fc;border:1px solid #dce6f1;border-top:2px solid #19b4e0;border-radius:6px}
.home-refresh .case .case-flow>li:last-child{margin-bottom:0}
.home-refresh #case-ops .case-flow{gap:18px}
.home-refresh #case-ops .case-flow>li{margin-bottom:0}
.home-refresh .case-flow h4{font-size:16px;color:#1d4673;margin-bottom:14px;gap:10px}
.home-refresh .case-flow h4 i{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:11px;background:#dff4fb;color:#0a6a8c;font:600 11px 'Avenir Next',sans-serif}
.home-refresh .case-flow p{font-size:16px;line-height:1.95;color:#2f445c}
.home-refresh .case-flow ul.roles{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:16px;line-height:1.85;color:#2f445c}
.home-refresh .case-flow ul.roles li{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;margin:0;padding:0}
.home-refresh .role{display:inline-grid;place-items:center;height:24px;margin-top:3px;border-radius:12px;font:700 12px/1 'Noto Sans JP',sans-serif}
.home-refresh .role.human{background:#fff;border:1px solid #9fb6d3;color:#27476f}
.home-refresh .role.ai{background:#dff6fd;border:1px solid #5fc3e0;color:#0a5873}
.home-refresh .stage{background:radial-gradient(ellipse at 90% 0,#1f5f9499,transparent 60%),linear-gradient(160deg,#0d2342,#071428);border:1px solid #6fb5e533;box-shadow:0 24px 50px #08203d2e,inset 0 1px #ffffff1a}
.home-refresh .stage:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#5ad7ffaa,transparent)}
.home-refresh .stage-cap{font-size:13px;color:#cdd9ea}
.home-refresh .sample-label{color:#8fe3ff;font-size:11px}
.home-refresh .expand-design{font-size:13px}
.home-refresh .hint{font-size:13px;color:#c6d4e8}
.home-refresh .hint b{font-size:13px}
.home-refresh .ad-meta{font-size:12px;color:#c6d4e8}
.home-refresh .ops-tabs button{font-size:15px}
.home-refresh .ops-tabs button[aria-selected=true]{box-shadow:inset 0 -3px #19b4e0}
.home-refresh .case-foot .similar{font-size:14px;color:#52647b}
.home-refresh .case-foot .similar a{font-size:14px}
.home-refresh .design-viewer{border-color:#5ad7ff55}
@media(max-width:1100px){.home-refresh .case-flow,.home-refresh .case#case-ops .case-flow{grid-template-columns:1fr;gap:14px;max-width:780px;margin-top:28px}.home-refresh .case .case-flow>li,.home-refresh .case .case-flow>li:first-child,.home-refresh #case-ops .case-flow>li{margin-bottom:0}}
@media(max-width:640px){.home-refresh .cases h2{font-size:30px}.home-refresh .cases .section-lead{font-size:17px}.home-refresh .sample-note{font-size:13px}.home-refresh .case-head h3{font-size:22px;line-height:1.55}.home-refresh #case-ops .case-head h3 br{display:none}.home-refresh .case-sub{font-size:16px;line-height:1.9}.home-refresh .case .case-flow>li,.home-refresh .case .case-flow>li:first-child,.home-refresh #case-ops .case-flow>li{padding:20px 18px}.home-refresh .case-flow h4{font-size:16px}.home-refresh .case-flow p{font-size:18px;line-height:1.9}.home-refresh .case-flow ul.roles{font-size:17px;gap:12px}.home-refresh .case-flow ul.roles li{grid-template-columns:34px 1fr;gap:9px}.home-refresh .stage-cap{font-size:12px}.home-refresh .sample-label{font-size:11px}.home-refresh .hint,.home-refresh .hint b{font-size:13px}.home-refresh .ad-meta{font-size:13px}.home-refresh .ops-tabs button{font-size:13px}.home-refresh .case-foot .similar,.home-refresh .case-foot .similar a{font-size:14px}.home-refresh .case-foot a{font-size:15px}}
.home-refresh .case-flow p,.home-refresh .case-flow ul.roles li,.home-refresh .process-steps p,.home-refresh .worry-grid .detail{word-break:auto-phrase;text-wrap:pretty}