.ob-source-controls{background:#f5f6f1;border-bottom:1px solid #e1e6dc;gap:8px;padding:18px 25px;display:flex}.ob-source-controls button{justify-content:space-between;align-items:center;gap:35px;display:flex}.ob-source-controls button>span{color:#7a8e70;font-size:15px}.ob-route{grid-template-columns:1fr .85fr 1fr .85fr 1fr;align-items:center;gap:18px;padding:35px 32px 28px;display:grid}.ob-route-node{text-align:center;flex-direction:column;align-items:center;display:flex}.ob-route-icon{color:#617f54;background:#f8faf4;border:1px solid #d6dfcf;border-radius:10px;place-items:center;width:62px;height:62px;margin-bottom:17px;display:grid}.ob-route-icon svg{width:36px;height:36px}.ob-route-node>strong{color:#344b2f;font-size:14px;font-weight:530;line-height:1.6}html body.type-system.next-site #main .ob-page .ob-route-node>small{color:#65745d;margin-top:5px;font-size:11px;line-height:1.7}.ob-route-core .ob-route-icon{color:#c2deb2;background:#29422e;border-color:#29422e}.ob-route-line{background:#c5d2bb;height:1px;margin-top:-47px;position:relative}.ob-route-line>span{text-align:center;color:#6d7c65;font-size:10px;line-height:1.6;position:absolute;bottom:12px;left:0;right:0}.ob-route-line>b{color:#8ba17f;background:#fff;padding-left:7px;font-size:18px;font-weight:400;line-height:1;position:absolute;top:-12px;right:-1px}html body.type-system.next-site #main .ob-page .ob-route-scope{color:#566b4d;border-top:1px solid #dce3d5;align-items:baseline;gap:24px;margin:0 28px;padding:17px 0;font-size:12px;line-height:1.8;display:flex}.ob-route-scope>span{text-transform:uppercase;letter-spacing:.04em;color:#6a7863;flex:none;font-size:10px}.ob-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ob-source-reading article{background:#f8faf5;border-top:1px solid #dce3d5;grid-template-columns:1.1fr 1fr;gap:55px;padding:28px;display:grid}.ob-label{font:11px/1.7 var(--font-mono);color:#61745a;display:block}html body.type-system.next-site #main .ob-page .ob-source-reading h3{letter-spacing:-.035em;margin:12px 0 14px;font-size:24px;line-height:1.25}html body.type-system.next-site #main .ob-page .ob-source-reading p{max-width:56ch;font-size:13px;line-height:1.85}.ob-source-reading dl{gap:17px;margin:0;display:grid}.ob-source-reading dt,.ob-compare-grid dt{color:#526c47;font-size:11px;font-weight:500;line-height:1.6}html body.type-system.next-site #main .ob-page .ob-source-reading dd{color:#606b60;margin:5px 0 0;font-size:13px;line-height:1.7}html body.type-system.next-site #main .ob-page .ob-study-note{color:#65735d;border-top:1px solid #dce3d5;margin:0;padding:17px 28px;font-size:12px;line-height:1.8}.ob-work{background:#f0f2eb;border-block:1px solid #dce3d5;padding-block:62px}.ob-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;display:grid}.ob-use-grid article{border-top:1px solid #becbb4;padding-top:22px}html body.type-system.next-site #main .ob-page .ob-use-grid h3{letter-spacing:-.04em;margin:25px 0 16px;font-size:26px;line-height:1.25}html body.type-system.next-site #main .ob-page .ob-use-grid p{font-size:14px;line-height:1.85}.ob-compare{padding-block:65px}.ob-compare-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ob-compare-grid article{border:1px solid #dce3d5;border-radius:6px;flex-direction:column;align-items:start;padding:29px 30px;display:flex}.ob-compare-grid .ob-current{background:#f0f3e9;border-color:#c4d2b8}html body.type-system.next-site #main .ob-page .ob-compare-grid h3{letter-spacing:-.04em;margin:21px 0 17px;font-size:29px;line-height:1.2}html body.type-system.next-site #main .ob-page .ob-compare-grid p{max-width:53ch;font-size:14px;line-height:1.85}.ob-compare-grid dl{border-top:1px solid #d0dac6;gap:17px;margin:23px 0;padding-top:22px;display:grid}html body.type-system.next-site #main .ob-page .ob-compare-grid dd{color:#606b60;margin:6px 0 0;font-size:13px;line-height:1.8}.ob-compare-grid .po-link{margin-top:auto;font-size:12px}html body.type-system.next-site #main .ob-page .ob-compare-note{color:#606b60;max-width:100ch;margin-top:24px;font-size:13px;line-height:1.85}@media (width<=1100px){.ob-route{gap:14px;padding-inline:26px}.ob-source-reading article{gap:35px}.ob-use-grid{gap:27px}.ob-compare-grid article{padding:25px}}@media (width<=900px){.ob-source-reading article{grid-template-columns:1fr;gap:25px}.ob-source-controls button{gap:20px}}@media (width<=700px){.ob-source-controls{gap:6px;padding:14px 16px}.ob-source-controls button{flex:1;justify-content:center;gap:0;padding:10px 7px!important;font-size:12px!important}.ob-source-controls button>span{display:none}.ob-route{grid-template-columns:1fr;gap:15px;padding:26px}.ob-route-node{text-align:left;grid-template-columns:62px 1fr;align-items:center;column-gap:18px;display:grid}.ob-route-icon{grid-area:1/1/3;justify-self:center;width:54px;height:54px;margin:0}.ob-route-icon svg{width:32px;height:32px}.ob-route-node>small{margin-top:2px!important}.ob-route-line{width:1px;height:32px;margin:0 0 0 31px}.ob-route-line>span{white-space:nowrap;bottom:7px;left:40px;right:auto}.ob-route-line>b{padding:0;top:5px;left:-9px;right:auto;transform:rotate(90deg)}.ob-route-scope{flex-direction:column;gap:5px!important}.ob-source-reading article{padding:25px}.ob-use-grid{grid-template-columns:1fr;gap:27px}.ob-use-grid article{grid-template-columns:95px 1fr;gap:0 22px;display:grid}.ob-use-grid .ob-label{grid-row:1/3;margin-top:4px}.ob-use-grid :is(h3,p){grid-column:2}.ob-use-grid h3{margin-top:0!important;font-size:24px!important}.ob-compare-grid{grid-template-columns:1fr;gap:18px}.ob-work{padding-block:48px}.ob-compare{padding-block:49px}}@media (width<=560px){.ob-source-controls button{font-size:11px!important}.ob-route{padding-inline:20px}.ob-route-scope{margin-inline:20px!important}.ob-source-reading article{padding:22px 20px}.ob-study-note{padding-inline:20px!important}.ob-use-grid article{grid-template-columns:1fr;gap:0}.ob-use-grid .ob-label{grid-row:auto;margin:0 0 17px}.ob-use-grid :is(h3,p){grid-column:1}.ob-compare-grid article{padding:25px 21px}.ob-compare-grid h3{font-size:27px!important}}