/* Editorial guide: a readable, responsive extension of the Workcloud identity. */
.article-promo{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding:54px 60px;background:var(--sage);border-radius:24px;margin-block:40px 80px;align-items:center}.article-promo h2{font-size:48px}.article-promo p{max-width:490px;font-size:14px}.article-promo .eyebrow{margin-bottom:19px}.promo-path{display:grid;gap:0}.promo-path>span{display:flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #cdd4c4;padding:21px 0;color:#69804f}.promo-path b{color:var(--ink);font-size:17px;font-weight:650}.promo-path>span:last-child{border:0}.article-hero{display:grid;grid-template-columns:1.3fr .9fr;gap:80px;align-items:center;padding-block:24px 65px}.article-hero h1{font-size:clamp(56px,6.1vw,88px);line-height:1.04;margin-bottom:26px}.article-hero .eyebrow{display:flex;align-items:center;gap:10px}.article-deck{max-width:580px;font-size:17px;line-height:1.8}.article-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;font-weight:700;color:var(--muted);margin-block:27px 28px}.project-map{background:var(--ink);color:var(--paper);padding:35px 36px;border-radius:28px;position:relative;overflow:hidden}.project-map:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #deedb425;border-radius:50%;right:-90px;top:-50px;pointer-events:none}.project-map .small-tag{color:var(--lime);font-size:9px}.project-duration{display:flex;align-items:center;gap:24px;padding-block:26px 22px;border-bottom:1px solid #ffffff26}.project-duration>strong{font-family:Bricolage,Manrope,sans-serif;font-size:88px;letter-spacing:-.07em;line-height:1.1;color:var(--lime)}.project-duration>span{font-size:12px;line-height:1.65;max-width:150px}.project-map ol{padding:0;margin:20px 0 28px;list-style:none;display:grid;gap:24px}.project-map li{display:flex;gap:18px;align-items:center}.project-map li>span{font-size:11px;color:var(--lime);border:1px solid #deedb448;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.project-map li strong{font-size:16px;font-weight:650;display:block}.project-map li small{font-size:11px;color:#c0ccbe;display:block;margin-top:3px}.project-map>p{font-size:11px;color:#c0ccbe;margin-bottom:0;max-width:310px}.article-context{display:grid;grid-template-columns:280px 1fr;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px;margin-bottom:70px}.article-context>span{font-size:9px;font-weight:800;letter-spacing:.12em;max-width:230px;line-height:1.8}.article-context p{font-size:12px;margin:0;max-width:740px}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:105px;align-items:start;padding-bottom:100px}.article-sidebar{position:sticky;top:125px}.article-toc>.eyebrow{font-size:9px;margin-bottom:22px}.article-toc ol{padding:0;list-style:none;margin:0}.article-toc li>a{display:flex;align-items:baseline;gap:13px;font-size:12px;padding:10px 0;color:var(--muted);border-bottom:1px solid var(--line);line-height:1.5;transition:color .2s}.article-toc li>a:hover{color:var(--ink)}.article-toc li>a>span{font-size:9px;color:#79896c}.toc-cta{font-size:12px;font-weight:750;display:flex;align-items:center;gap:13px;margin-top:25px}.toc-cta svg{width:17px}.article-prose{max-width:800px;min-width:0}.article-prose>section{padding-top:16px;margin-bottom:75px;scroll-margin-top:15px}.chapter-label{font-size:10px;letter-spacing:.13em;font-weight:800;color:#69804f;display:block;margin-bottom:19px}.article-prose h2{font-size:clamp(32px,3.25vw,45px);line-height:1.15;letter-spacing:-.045em;margin-bottom:26px}.article-prose h3{font-size:26px;line-height:1.2;margin-top:32px;margin-bottom:15px;letter-spacing:-.035em}.article-prose p{font-size:15px;line-height:1.95;margin-bottom:22px;color:#536154}.article-prose p strong,.article-prose li strong{font-weight:800;color:var(--ink)}.article-prose p a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;color:var(--ink)}.article-prose ul,.article-steps{padding-left:22px;font-size:14px;line-height:1.9;color:#536154;margin-block:25px}.article-prose li{padding-left:5px;margin-bottom:13px}.article-note{border-left:3px solid var(--coral);padding:22px 25px;background:#ebeede;margin-block:30px}.article-note>strong{font-size:13px}.article-note p{font-size:13px;margin:8px 0 0}.schedule{margin-block:30px;border:1px solid #d2d9c8;border-radius:16px;overflow:hidden;background:#fcfcf7}.schedule-head,.schedule-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:24px;padding:23px 27px}.schedule-head{font-size:8px;letter-spacing:.1em;font-weight:800;background:var(--lime);padding-block:16px}.schedule-row{border-top:1px solid var(--line)}.schedule-row>span{font-size:12px;font-weight:750;padding-top:3px}.schedule-row h3{font-size:21px;margin:0 0 9px;line-height:1.25}.schedule-row p{font-size:12px;line-height:1.8;margin:0}.article-prose .article-small{font-size:12px;line-height:1.8}.workflow-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px;background:var(--lime);border-radius:12px;margin-block:30px}.workflow-strip span{background:#ffffffb0;border:1px solid #25362b12;padding:14px 16px;border-radius:8px;font-size:12px;font-weight:750}.workflow-strip span:nth-of-type(2){background:var(--ink);color:var(--lime)}.workflow-strip b{font-weight:400}.article-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.article-detail summary{padding:21px 0;cursor:pointer;font-size:14px;font-weight:750;list-style-position:inside}.article-detail p{font-size:14px;margin-bottom:23px}.voice-example{background:var(--ink);color:var(--paper);border-radius:20px;padding:30px;margin-block:30px}.voice-example>.small-tag{font-size:9px;color:var(--lime);display:block;margin-bottom:27px}.voice-line{display:flex;gap:15px;align-items:flex-start;margin:16px 0}.voice-line>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;font-size:9px;color:var(--lime);border:1px solid #deedb44d;border-radius:50%;margin-top:10px}.article-prose .voice-line p{color:#f0f3e9;background:#ffffff0e;border:1px solid #ffffff12;border-radius:2px 12px 12px;padding:15px 18px;font-size:13px;line-height:1.8;margin:0;max-width:520px}.voice-line.caller{flex-direction:row-reverse;margin-left:50px}.voice-line.caller>span{border:0;width:43px;font-size:8px}.article-prose .voice-line.caller p{background:var(--lime);color:var(--ink);border-radius:12px 2px 12px 12px}.voice-result{font-size:11px;color:var(--lime);padding-top:20px;margin-top:25px;border-top:1px solid #ffffff25;line-height:1.8}.test-list li{margin-bottom:18px}.cost-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block:32px}.cost-layers>div{border-top:2px solid var(--coral);padding-top:20px}.cost-layers>div>span{font-size:10px;color:var(--muted)}.cost-layers h3{font-size:23px;margin:15px 0 12px}.cost-layers p{font-size:12px;line-height:1.8}.article-end{padding:38px;background:var(--lime);border-radius:18px;margin-top:45px}.article-end h3{font-size:40px;margin:0 0 20px}.article-end p{font-size:14px;max-width:500px}.article-end .eyebrow{font-size:9px;margin-bottom:20px}
@media(max-width:1100px){.article-hero{gap:38px;grid-template-columns:1.1fr 1fr}.article-hero h1{font-size:65px}.project-map{padding:27px}.project-duration{gap:16px}.project-duration>strong{font-size:72px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:45px}.article-context{grid-template-columns:200px 1fr;gap:45px}.article-promo{gap:40px;padding:40px}.workflow-strip{padding:17px;gap:7px}.workflow-strip span{padding:12px 10px;font-size:11px}.schedule-head,.schedule-row{grid-template-columns:95px minmax(0,1fr);gap:17px;padding-inline:20px}}
@media(max-width:850px){.article-hero{grid-template-columns:1fr;gap:35px}.article-hero h1{font-size:72px}.article-deck{max-width:650px}.project-map{max-width:550px}.project-map ol{display:grid;gap:20px}.project-duration{padding-block:15px}.article-context{grid-template-columns:1fr;gap:14px;margin-bottom:40px}.article-context>span{max-width:none}.article-layout{display:block}.article-sidebar{position:static;margin-bottom:50px}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.article-prose{max-width:none}.article-prose h2{font-size:42px}.article-promo{grid-template-columns:1fr;gap:25px}.promo-path{grid-template-columns:1fr 1fr;gap:0 25px}.promo-path b{font-size:14px}.article-promo p{max-width:600px}}
@media(max-width:640px){.article-hero{padding-block:15px 35px}.article-hero h1{font-size:clamp(47px,12.5vw,70px);letter-spacing:-.055em}.article-hero .eyebrow{font-size:8px;letter-spacing:.09em}.article-deck{font-size:15px;line-height:1.85}.article-meta{font-size:9px;gap:10px 18px;margin-block:22px}.project-map{padding:27px 25px;border-radius:20px}.project-duration>strong{font-size:76px}.project-duration>span{font-size:12px}.project-map .small-tag{font-size:8px}.project-map li strong{font-size:15px}.article-context{padding-block:23px}.article-context p{font-size:12px}.article-context>span{font-size:8px}.article-toc ol{grid-template-columns:1fr}.article-toc li>a{font-size:13px;padding-block:10px}.article-sidebar{margin-bottom:40px}.article-prose h2{font-size:clamp(31px,8.4vw,40px)}.article-prose p{font-size:15px;line-height:1.9}.article-prose>section{margin-bottom:56px}.chapter-label{font-size:9px}.article-prose ul,.article-steps{font-size:14px;padding-left:18px}.schedule-head{display:none}.schedule-row{grid-template-columns:1fr;gap:12px;padding:23px 20px}.schedule-row:first-of-type{border-top:0}.schedule-row>span{font-size:10px;color:#637b45}.schedule-row h3{font-size:23px}.schedule-row p{font-size:13px}.workflow-strip{display:grid;grid-template-columns:1fr 20px 1fr;gap:12px;padding:20px}.workflow-strip span{text-align:center;font-size:12px;padding:14px 6px}.workflow-strip>b:nth-of-type(2){grid-column:3;transform:rotate(90deg);text-align:center}.workflow-strip span:nth-of-type(3){grid-column:3;grid-row:3}.workflow-strip>b:nth-of-type(3){grid-column:2;grid-row:3;transform:rotate(180deg)}.workflow-strip span:nth-of-type(4){grid-column:1;grid-row:3}.article-detail p{font-size:14px}.article-note{padding:20px}.article-note p{font-size:13px}.voice-example{padding:24px 18px}.voice-example>.small-tag{font-size:8px;line-height:1.9}.voice-line{gap:9px}.article-prose .voice-line p{font-size:12px;padding:13px;line-height:1.9}.voice-line>span{width:25px;height:25px;font-size:8px}.voice-line.caller{margin-left:15px}.voice-line.caller>span{font-size:7px;width:34px}.voice-result{font-size:10px}.cost-layers{grid-template-columns:1fr;gap:10px}.cost-layers>div{padding-top:16px}.cost-layers h3{font-size:25px;margin-block:10px}.cost-layers p{font-size:14px}.article-end{padding:27px 23px}.article-end h3{font-size:33px}.article-end p{font-size:14px}.article-end .button{font-size:11px;gap:12px;padding-inline:15px}.article-layout{padding-bottom:20px}.article-promo{padding:30px 24px;margin-block:25px 50px}.article-promo h2{font-size:39px}.article-promo .eyebrow{font-size:8px}.promo-path{grid-template-columns:1fr}.promo-path>span{padding-block:16px}.promo-path b{font-size:15px}.article-promo .button{font-size:11px;gap:13px}}