.designer-hero{background:linear-gradient(140deg,#eef1e8,#f4f1e9 70%)}.design-chain{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;margin:35px 0}.design-chain>div{height:100%;padding:22px 18px;border:1px solid var(--line)}.design-chain i{text-align:center;color:var(--green);font-style:normal}.design-chain span,.change-flow span{display:block;color:var(--green);font-size:10px;font-weight:700;margin-bottom:10px}.design-chain b{font:600 15px Manrope}.design-chain p{font-size:12px;line-height:1.5;margin:8px 0 0}
.basis-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0;border-top:1px solid var(--ink);border-left:1px solid var(--line)}.basis-grid>div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.basis-grid small{color:var(--green);font-size:10px;font-weight:700;text-transform:uppercase}.basis-grid b{display:block;font:600 17px Manrope;margin:9px 0}.basis-grid p{font-size:13px;line-height:1.55;margin:0}.quality-test{padding:28px;border:1px solid var(--green)}.quality-test b{font:600 17px Manrope}.quality-test ol{padding-left:25px;margin:15px 0 0}.quality-test li{padding:9px 5px;border-bottom:1px solid var(--line)}
.criteria-compare{display:grid;grid-template-columns:1fr 1fr;margin:35px 0;border:1px solid var(--line)}.criteria-compare>div{padding:28px}.criteria-compare .strong{background:#e6eee7}.criteria-compare span{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}.criteria-compare .strong span{color:var(--green)}.criteria-compare b{display:block;font:600 19px/1.4 Manrope;margin:12px 0}.criteria-compare p{font-size:14px;line-height:1.55;margin:0}
.special-control{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;border:1px solid var(--line)}.special-control>div{padding:22px;border-right:1px solid var(--line)}.special-control>div:last-child{border:0}.special-control span{display:grid;place-items:center;width:27px;height:27px;background:var(--green);color:white;font-size:10px;font-weight:700}.special-control h3{font:600 16px/1.35 Manrope;margin:18px 0 10px}.special-control p{font-size:12px;line-height:1.55;margin:0}
.interface-map{display:grid;grid-template-columns:1fr 30px 1.25fr 30px 1fr;align-items:center;margin:35px 0}.interface-map>div{height:100%;padding:25px;border:1px solid var(--line)}.interface-map>span{text-align:center;color:var(--green);font-weight:700}.interface-map .interface{background:var(--green);color:white}.interface-map small{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--green)}.interface-map .interface small{color:var(--accent)}.interface-map b{display:block;font:600 16px/1.4 Manrope;margin:10px 0}.interface-map p{font-size:12px;line-height:1.5;margin:0}.interface-map .interface p{color:white}.interface-questions{padding:25px 30px;background:#f1f0ea}.interface-questions b{font:600 16px Manrope}.interface-questions ul{columns:2;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.8}
.change-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;margin:35px 0}.change-flow>div{height:100%;padding:20px;border:1px solid var(--line)}.change-flow i{text-align:center;color:var(--green);font-style:normal}.change-flow b{font:600 14px Manrope}.change-flow p{font-size:12px;line-height:1.5;margin:8px 0 0}.warning{padding:25px 30px;background:#eee8d9;border-left:4px solid #ad7a28}.warning b{font:600 16px Manrope}.warning p{font-size:14px;margin:8px 0 0}
.role-limits{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--line);margin:35px 0}.role-limits>div{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.role-limits b{font:600 17px/1.4 Manrope}.role-limits p{font-size:13px;line-height:1.55;margin:10px 0 0}.design-checklist{list-style:none;padding:0;margin:35px 0;border-top:2px solid var(--ink)}.design-checklist li{display:grid;grid-template-columns:55px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.design-checklist span{color:var(--green);font-size:11px;font-weight:700}.design-checklist p{margin:0;font-size:15px}
@media(max-width:760px){.design-chain,.interface-map,.change-flow{grid-template-columns:1fr}.design-chain i,.interface-map>span,.change-flow i{transform:rotate(90deg);padding:7px}.basis-grid,.criteria-compare,.special-control,.role-limits{grid-template-columns:1fr}.special-control>div{border-right:0;border-bottom:1px solid var(--line)}.interface-questions ul{columns:1}}