/* Article detail services; tool pages retain their existing service panels. */
#yk-portal-v2 .ar-reading-aside > .ar-service{display:block;min-width:0;padding:19px 17px;border:1px solid #dce6f5;border-radius:12px;background:linear-gradient(145deg,#fff 40%,#f2f7ff);box-shadow:0 3px 12px rgb(28 62 110 / 2%)}
#yk-portal-v2 .ar-service .ar-service-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}
#yk-portal-v2 .ar-service .ar-service-heading::after{content:"";flex:1;height:1px;background:#e0e8f4;margin-left:3px}
#yk-portal-v2 .ar-service .ar-service-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #dce7f9;border-radius:9px;color:#2865d6;background:#edf4ff}
#yk-portal-v2 .ar-service .ar-service-icon svg{width:16px;height:16px}
#yk-portal-v2 .ar-service h3{margin:0;font-size:15px;font-weight:600;color:#203755;line-height:1.6}
#yk-portal-v2 .ar-service p{margin:0 0 17px;font-size:12px;line-height:1.95;color:#718198;overflow-wrap:anywhere}
#yk-portal-v2 .ar-service .ar-service-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;padding:9px 12px;border:1px solid #d7e4fa;border-radius:8px;background:#edf4ff;color:#2862c5;font-size:12px;font-weight:500;text-decoration:none;line-height:1.7}
#yk-portal-v2 .ar-service .ar-service-button svg{width:15px;height:15px}
#yk-portal-v2 .ar-service .ar-service-button:hover{border-color:#92b4ee;background:#e6efff}
#yk-portal-v2 .ar-service .ar-service-button:focus-visible{outline:3px solid #8bb3f1;outline-offset:3px}
#yk-portal-v2 .ar-reading-aside > .ar-custom{background:linear-gradient(145deg,#f0f8f5,#fbfdfc);border-color:#dbece5}
#yk-portal-v2 .ar-custom .ar-service-icon{color:#26816b;background:#e7f4ed;border-color:#d3e9dd}
#yk-portal-v2 .ar-custom .ar-service-heading::after{background:#dbeae3}
#yk-portal-v2 .ar-custom p span{color:#3d7966;font-weight:500}
#yk-portal-v2 .ar-custom .ar-service-button{color:#26785f;border-color:#d4e7dc;background:#fff}
#yk-portal-v2 .ar-custom .ar-service-button:hover{border-color:#8dbda7;background:#f3faf6}
@media(max-width:820px){
    #yk-portal-v2 .yp-reading-layout > .ar-reading-aside{display:grid;grid-template-columns:1fr}
    #yk-portal-v2 .ar-reading-aside > :not(.at-tools):not(.ar-service){display:none}
    #yk-portal-v2 .ar-reading-aside > .ar-service{display:block;padding:21px}
    #yk-portal-v2 .ar-service h3{font-size:16px}
    #yk-portal-v2 .ar-service .ar-service-button{min-height:44px;font-size:13px}
}