.work-chapters .wp-mock{background:#fff;color:#17252a;padding:0;font:400 14px/1.65 Inter,sans-serif;--wp-blue:#00aeef;--wp-line:#d5e5eb}
.work-chapters .wp-mock *{box-sizing:border-box}.work-chapters .wp-mock header{margin-bottom:34px}.work-chapters .wp-label{font-size:11px;letter-spacing:.22em;color:#647078;margin:0 0 23px}.work-chapters h2{font:400 52px/1.08 Fraunces,Georgia,serif;letter-spacing:-.03em;margin:0 0 25px;max-width:850px}.work-chapters h3{font:400 36px/1.1 Fraunces,Georgia,serif;letter-spacing:-.025em;margin:12px 0 14px}.work-chapters p{margin:0;color:#61727a}.work-chapters .wp-cta{display:inline-flex;align-items:center;gap:25px;padding:12px 21px;border-radius:99px;background:var(--wp-blue);color:white;text-decoration:none;font-size:13px;font-weight:500}.work-chapters .chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px}.work-chapters article{border-top:1px solid var(--wp-line);padding-top:18px}.work-chapters .wp-art{position:relative;display:flex;align-items:center;justify-content:center;height:280px;background:#f4f8fa;overflow:hidden;margin-bottom:22px}.work-chapters .wp-kicker{font-size:11px;letter-spacing:.17em;color:#0084b3}.work-chapters .brief,.work-chapters .improve{background-color:#f7fafb;background-image:linear-gradient(#e4eef2 1px,transparent 1px),linear-gradient(90deg,#e4eef2 1px,transparent 1px);background-size:23px 23px}.work-chapters .paper{background:white;border:1px solid #bed9e5;width:86%;padding:15px;transform:rotate(-3deg);box-shadow:0 10px 24px #18394408;color:#566f7a;font-size:11px;border-radius:7px}.work-chapters .paper>div{padding:9px 0;border-bottom:1px solid #d9e6eb;display:flex;align-items:center;gap:10px}.work-chapters .paper>div:last-child{border:0}.work-chapters .paper-head{letter-spacing:.09em;color:#243943}.work-chapters .paper span,.work-chapters .paper-head i{margin-left:auto;color:#008ac0}.work-chapters .map{display:grid;justify-items:center;font-size:11px;width:55%;gap:3px;color:#00a1d4}.work-chapters .map div{background:white;border:1px solid #cbdfe7;color:#566d76;padding:7px 15px;width:100%;text-align:center;border-radius:5px}.work-chapters .map .selected{background:#e5f5fb;border-color:#96d9ee}.work-chapters .note{margin-left:10px;width:25%;display:grid;gap:14px;color:#0088b5;font-size:11px}.work-chapters .browser{width:86%;border:1px solid #bdd7e1;border-radius:7px;overflow:hidden;background:white;transform:rotate(2deg)}.work-chapters .chrome{padding:9px;color:#88b9ca;background:#f5f9fa;font-size:8px;border-bottom:1px solid #d5e5eb;display:flex;gap:12px}.work-chapters .chrome span{color:#627b87}.work-chapters .browser-body{padding:17px 20px}.work-chapters .browser strong{font:400 21px/1.1 Fraunces,serif;color:#203c46}.work-chapters .line{height:4px;width:90%;background:#d4e3e9;margin-top:12px}.work-chapters .mini-cta{background:#00aeef;color:white;border-radius:99px;padding:5px 10px;font-size:8px;width:max-content;margin-top:10px}.work-chapters .build-tag{position:absolute;right:12px;bottom:10px;background:white;border:1px solid #cae0e8;padding:5px 8px;border-radius:5px;font-size:8px;display:flex;gap:6px;color:#587584}.work-chapters .review{transform:rotate(2deg)}.work-chapters .review i{color:#008ac0}

.work-chapters{background:#fff}.work-chapters .chapter-grid{gap:48px 36px}.work-chapters .chapter-mark{color:#008ac0}.work-chapters .wp-mock header{margin-bottom:48px}.work-chapters .paper{font-size:15px;padding:24px}.work-chapters .map,.work-chapters .note{font-size:14px}.work-chapters .chrome{font-size:11px}.work-chapters .browser strong{font-size:30px}.work-chapters .mini-cta,.work-chapters .build-tag{font-size:11px}.work-chapters .chapter-grid article>p:last-child{font-size:16px}
@media(max-width:600px){.work-chapters .chapter-grid{grid-template-columns:1fr;gap:36px}.work-chapters h2{font-size:40px}.work-chapters h3{font-size:32px}.work-chapters .wp-art{height:245px}.work-chapters .paper{font-size:13px}.work-chapters .map,.work-chapters .note{font-size:12px}}