.p12-nav{display:flex;flex-wrap:wrap;gap:12px;padding-top:25px;padding-bottom:25px}.p12-nav a{padding:9px 18px;border:1px solid #d1e0ea;border-radius:30px;font-size:14px;color:#285577}.p12-main section{padding:65px 0}.p12-label{font-size:12px;color:#16778c;letter-spacing:2px;font-weight:700}.p12-intro{color:#627888;font-size:18px;max-width:900px;margin-bottom:32px}.p12-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid #d7e4ed;border-radius:18px;padding:32px}.p12-feature figure,.p12-software figure{margin:0;min-width:0}.p12-feature img{width:100%;height:270px;object-fit:contain}.p12-main figcaption{font-size:12px;color:#6a7f8f;margin-top:14px}.p12-feature ul{padding-left:20px;color:#496679;font-size:16px;line-height:2.2}.p12-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.p12-light{background:#f1f6fa}.p12-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.p12-grid article{background:white;border:1px solid #d2e1eb;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.p12-grid img{width:100%;height:230px;object-fit:contain;background:#edf3f7}.p12-grid article>div{padding:25px;display:flex;flex-direction:column;flex:1}.p12-grid small,.p12-software small{color:#1d8393;font-size:12px}.p12-grid h3{margin-top:10px}.p12-grid p{color:#5d7586;font-size:15px}.p12-grid a{color:#156fac;font-weight:600;margin-top:auto}.p12-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#617686;font-size:14px}.p12-software{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center}.p12-software img{width:100%;height:auto;border:1px solid #cfdfeb;border-radius:12px}.p12-software-list{display:grid;gap:16px}.p12-software-list article{border-left:3px solid #3994aa;background:#eff5f9;padding:20px 24px}.p12-software-list h3{font-size:23px;margin-top:7px}.p12-software-list p{font-size:15px;color:#526f83}.p12-software-list a,.p12-textlink{color:#146daa}.p12-textlink{display:inline-block;margin-top:25px}.p12-dark{background:#0d283d;color:#edf7ff}.p12-dark .p12-label{color:#78e2d0}.p12-dark .p12-intro{color:#b8d1e0}.p12-dark .p12-grid article{background:#193a51;border-color:#3a5b74}.p12-dark .p12-grid img{background:#10273c}.p12-dark .p12-grid p{color:#b7d0df}.p12-dark .p12-grid small,.p12-dark .p12-grid a{color:#76dfcc}.p12-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.p12-resources a{border:1px solid #d2e0ea;border-radius:12px;padding:24px;background:#f3f7fa}.p12-resources b{display:block;font-size:18px;margin-bottom:12px}.p12-resources span{color:#60798c;font-size:14px}.p12-cooperate{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #d2e0ea;margin-top:38px;padding-top:32px}.p12-cooperate p{color:#60798c;margin:0}.p12-reference>summary{padding:25px 5%;background:#eaf2f7;font-size:19px;font-weight:600;cursor:pointer}.p12-reference{border-top:1px solid #d1e0eb}@media(max-width:900px){.p12-feature,.p12-software{grid-template-columns:1fr}.p12-grid{grid-template-columns:1fr}.p12-grid img{height:260px}.p12-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.p12-main section{padding:42px 0}.p12-main h2{font-size:29px}.p12-intro{font-size:16px}.p12-feature{padding:20px;gap:20px}.p12-feature img{height:210px}.p12-feature ul{font-size:15px}.p12-resources{grid-template-columns:1fr}.p12-cooperate,.p12-footnote{flex-direction:column;align-items:flex-start}.p12-nav{gap:8px}.p12-nav a{padding:7px 12px;font-size:13px}}
