.ok-detail{--od-blue:#112c60;--od-red:#cf272b;--od-muted:#708096;background:#f6f8fc;color:#30425b;padding-bottom:64px;line-height:1.75}.ok-detail,.ok-detail *{box-sizing:border-box}.ok-detail .ok-detail-container{width:calc(100% - 48px);max-width:1240px;margin-left:auto;margin-right:auto}
.ok-detail-hero{background:linear-gradient(115deg,#edf2fb,#f8faff 70%,#fcefee);border-bottom:1px solid #e3eaf4;padding:26px 0 42px}.ok-detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--od-muted);margin-bottom:30px}.ok-detail a{transition:color .2s,background-color .2s}.ok-detail-breadcrumb a{color:#506581}.ok-detail-breadcrumb a:hover,.ok-detail-meta a:hover{color:var(--od-red)}.ok-detail-label{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--od-blue);margin-bottom:14px}.ok-detail-label span{color:var(--od-red);margin:0 8px}.ok-detail .ok-detail-hero h1{font-size:clamp(26px,3vw,40px);line-height:1.3;letter-spacing:-.7px;color:var(--od-blue);max-width:980px;margin:0 0 22px;font-weight:800;overflow-wrap:anywhere}.ok-detail-meta{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;font-size:13px;color:#64758e}.ok-detail-meta a{background:white;border:1px solid #dce5f2;border-radius:30px;padding:3px 13px;color:var(--od-blue);font-weight:600}
.ok-detail .ok-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start;margin-top:36px}.ok-detail-article,.ok-detail-info{background:#fff;border:1px solid #e3e9f2;border-radius:16px;box-shadow:0 5px 24px #162e5b04;overflow:hidden;min-width:0}.ok-detail-article{padding:36px 38px}.ok-detail-section-label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;font-weight:800;color:var(--od-blue);border-bottom:1px solid #e9edf4;padding-bottom:20px;margin-bottom:26px}.ok-detail-section-label>span{width:5px;height:18px;background:var(--od-red);border-radius:3px}
.ok-detail-content{font-size:16px;line-height:1.9;overflow-wrap:anywhere;min-height:180px}.ok-detail-content>:first-child{margin-top:0}.ok-detail-content h2,.ok-detail-content h3,.ok-detail-content h4{color:var(--od-blue);line-height:1.45;margin-top:1.5em;margin-bottom:.7em}.ok-detail-content h2{font-size:25px}.ok-detail-content h3{font-size:21px}.ok-detail-content p,.ok-detail-content ul,.ok-detail-content ol{margin-bottom:1.3em}.ok-detail-content a{color:var(--od-red);text-decoration:underline;text-underline-offset:3px}.ok-detail-content img,.ok-detail-content video{max-width:100%;height:auto;border-radius:10px}.ok-detail-content iframe{max-width:100%}.ok-detail-content .alignwide,.ok-detail-content .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}.ok-detail-content blockquote{border-left:3px solid var(--od-red);background:#f4f7fc;padding:18px 22px;margin:24px 0;font-size:inherit;color:#405677}.ok-detail-content .wp-block-table{overflow-x:auto}.ok-detail-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.ok-detail-content td,.ok-detail-content th{padding:12px;border:1px solid #e2e8f1}
.ok-detail-article-footer{border-top:1px solid #e9edf4;margin-top:32px;padding-top:22px;display:flex;flex-direction:column;gap:14px;font-size:12px;color:var(--od-muted)}.ok-detail-article-footer a{font-size:14px;color:var(--od-blue);font-weight:700;align-self:flex-start}.ok-detail-sidebar{display:grid;gap:22px;min-width:0}.ok-detail-info{padding:24px}.ok-detail-cover{background:#edf3fb;border-radius:10px;padding:18px;text-align:center;margin-bottom:24px}.ok-detail-cover img{display:block;width:auto;max-width:100%;max-height:270px;object-fit:contain;margin:0 auto;border-radius:5px;box-shadow:0 8px 18px #112c6017}.ok-detail-placeholder{aspect-ratio:4/4.5;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 18px;background:linear-gradient(140deg,#e3ecfb,#cbddee);color:var(--od-blue);border:6px double #fff}.ok-detail-placeholder span{font-size:10px;letter-spacing:1px}.ok-detail-placeholder strong{font-size:23px;line-height:1.5}.ok-detail .ok-detail-info h2{font-size:18px;color:var(--od-blue);margin:0 0 16px;font-weight:800}.ok-detail-info dl{margin:0 0 22px;font-size:13px}.ok-detail-info dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #eef1f6;padding:11px 0}.ok-detail-info dt{color:var(--od-muted);font-weight:400;flex-shrink:0}.ok-detail-info dd{color:var(--od-blue);font-weight:600;text-align:right;margin:0}
.ok-detail .ok-detail-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--od-red);color:#fff;border-radius:9px;padding:12px 10px;font-size:14px;font-weight:700;text-decoration:none}.ok-detail-button span{font-size:22px;line-height:1}.ok-detail .ok-detail-button:hover{background:#ad1d23;color:#fff}.ok-detail-back{display:block;text-align:center;font-size:13px;font-weight:700;padding-top:16px;color:var(--od-blue)}.ok-detail-consult{background:var(--od-blue);color:#d9e4fa;padding:26px 24px;border-radius:16px;border-top:4px solid var(--od-red)}.ok-detail-consult-label{font-size:9px;letter-spacing:1.5px;color:#bacbe9;font-weight:700}.ok-detail .ok-detail-consult h2{font-size:21px;line-height:1.45;color:#fff;margin:12px 0}.ok-detail-consult p{font-size:13px;margin:0 0 20px}.ok-detail-consult a{display:block;border:1px solid #ffffff50;border-radius:8px;padding:10px;text-align:center;color:white;font-size:13px;font-weight:700}.ok-detail-consult a:hover{background:white;color:var(--od-blue)}
.ok-detail .ok-detail-related{margin-top:48px}.ok-detail-related-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.ok-detail .ok-detail-related-heading h2{font-size:25px;color:var(--od-blue);margin:0;font-weight:800}.ok-detail-related-heading>a{color:var(--od-red);font-size:13px;font-weight:600;flex-shrink:0}.ok-detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ok-detail-related-card{display:flex;gap:18px;align-items:center;padding:18px;background:white;border:1px solid #e3e9f2;border-radius:12px;min-width:0}.ok-detail-related-card:hover{border-color:#b8c9e3;background:#fbfcff}.ok-detail-related-image{width:80px;height:105px;flex-shrink:0;background:#edf3fb;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--od-blue);font-weight:700}.ok-detail-related-image img{width:100%;height:100%;object-fit:cover}.ok-detail-related-tag{font-size:9px;letter-spacing:1px;color:var(--od-muted)}.ok-detail .ok-detail-related-card h3{font-size:15px;line-height:1.55;color:var(--od-blue);margin:7px 0 10px;overflow-wrap:anywhere}.ok-detail-read{font-size:12px;font-weight:700;color:var(--od-red)}.ok-detail a:focus-visible{outline:3px solid #e9a624;outline-offset:4px;border-radius:4px}
@media(max-width:1000px){.ok-detail .ok-detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.ok-detail-article{padding:28px}.ok-detail-info{padding:20px}.ok-detail-related-grid{grid-template-columns:1fr}.ok-detail-related-image{height:90px;width:70px}}
@media(max-width:760px){.ok-detail{padding-bottom:36px}.ok-detail .ok-detail-container{width:calc(100% - 32px)}.ok-detail-hero{padding:20px 0 28px}.ok-detail-breadcrumb{font-size:11px;gap:7px;margin-bottom:24px}.ok-detail-label{font-size:10px;letter-spacing:1px}.ok-detail .ok-detail-layout{grid-template-columns:1fr;margin-top:22px;gap:22px}.ok-detail-article{padding:24px 20px}.ok-detail-content{font-size:15px;min-height:0}.ok-detail-content h2{font-size:22px}.ok-detail-content h3{font-size:19px}.ok-detail-section-label{font-size:11px}.ok-detail-cover img{max-height:240px}.ok-detail-placeholder{max-width:230px;margin-left:auto;margin-right:auto}.ok-detail .ok-detail-related{margin-top:32px}.ok-detail .ok-detail-related-heading h2{font-size:21px}.ok-detail-related-heading>a{font-size:12px}.ok-detail-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ok-detail a{transition:none}}