/* Shared accessibility constraints; site-specific compositions below preserve each site's language. */
.commercial-card{box-sizing:border-box;max-width:100%;margin:28px auto;padding:24px;border:1px solid #d6dce4;font:inherit;overflow-wrap:anywhere;clear:both}
.commercial-card small{display:block;font-size:13px;font-weight:700;letter-spacing:.05em;margin-bottom:10px}
.commercial-card strong{display:block;font-size:20px;line-height:1.45}
.commercial-card p{font-size:15px;line-height:1.8;margin:10px 0 18px;max-width:70ch}
.commercial-card a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;box-sizing:border-box;text-decoration:none;font-size:15px;font-weight:700;border-radius:4px;max-width:100%;white-space:normal}
.commercial-card a:focus-visible,a[data-cta-id]:focus-visible{outline:3px solid #1881ce;outline-offset:4px}
.commercial-disclosure{font-size:14px!important;line-height:1.7!important;max-width:68ch;margin:12px 0!important;opacity:.9}
.commercial-01up{max-width:1120px;background:#f8f3ee;border:0;border-left:5px solid #912b35;color:#332827;display:grid;grid-template-columns:1fr auto;gap:0 28px}
.commercial-01up small{color:#912b35}.commercial-01up strong,.commercial-01up p{grid-column:1}.commercial-01up a{grid-column:2;grid-row:1/4;align-self:center;background:#912b35;color:white}
.commercial-geowiki{background:#172d38;color:#f3f6f4;border:0;border-radius:0;max-width:1120px;padding:28px 32px;box-shadow:inset 5px 0 #b9d8a7}
.commercial-geowiki small{color:#b9d8a7}.commercial-geowiki a{background:#c5e1b6;color:#142b30}.commercial-geowiki strong{font-family:Georgia,serif}
.commercial-fxxt{background:#0e1a25;color:#e2edf4;border:1px solid #355668;max-width:1120px;border-radius:8px;padding:22px 24px}
.commercial-fxxt small{font-family:monospace;color:#75c4dc}.commercial-fxxt a{border:1px solid #75c4dc;color:#bdeaff;background:#183240}
.commercial-szblogs{background:#fff;color:#22324b;border:1px dashed #a7b9d1;border-radius:10px;max-width:1120px;box-shadow:none}
.commercial-szblogs small{color:#3863a1}.commercial-szblogs a{background:#e8effc;color:#244d86}
.commercial-newsforweb{background:#edf5ff;color:#163f6b;border:0;border-top:3px solid #3878c6;border-radius:14px;max-width:1120px}
.commercial-newsforweb a{background:#215da2;color:#fff}
.commercial-card[data-commercial-card="bianjiecloud"]{background:#f6f8fb;color:#22324b;border-left:4px solid #3d70b1;max-width:1120px}
.commercial-card[data-commercial-card="bianjiecloud"] a{background:#315f96;color:white}
.commercial-card.commercial-diyitech{background:#f0f6f2;border-color:#27815b;color:#203f30}
.commercial-card.commercial-diyitech p{color:#375346;opacity:1}
.commercial-card.commercial-diyitech a{background:#1f7152;color:#fff}
.commercial-readable-table{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid #d6dce4;border-radius:4px}
.commercial-readable-table table{display:table!important;min-width:540px;width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}
.commercial-readable-table th,.commercial-readable-table td{padding:12px;border-bottom:1px solid #d6dce4;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.commercial-readable-table th{background:#f1ece7;color:#3b2c29;font-weight:700}
@media(max-width:600px){.commercial-card{padding:20px;margin:24px 12px;max-width:calc(100% - 24px)}.commercial-card strong{font-size:18px}.commercial-card a{width:100%}.commercial-01up{display:block}.commercial-disclosure{font-size:13px!important}.commercial-card p{font-size:15px}}
@media(prefers-color-scheme:dark){html[data-theme="dark"] .commercial-card,html.dark .commercial-card,body.dark .commercial-card{background:#182430;color:#edf2f7;border-color:#60809e}html[data-theme="dark"] .commercial-card p,html.dark .commercial-card p,body.dark .commercial-card p{color:#d9e3ee}}
/* Prevent long evidence URLs in the existing 01UP article from expanding mobile layout. */
body:has(.commercial-01up) article,body:has(.commercial-01up) .article-body,body:has(.commercial-01up) .article-content{min-width:0;overflow-wrap:anywhere}
body:has(.commercial-01up) article pre{max-width:100%;overflow-x:auto}
[data-commercial-site="szblogs"] .article{min-width:0;overflow-wrap:anywhere}
[data-commercial-site="szblogs"] .article :not(pre)>code{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
