/* SwissGeek — articles de blog des modules (classe .sgp-blog), chargée par SGK MCP Server. */
#page-container .sgp-blog{--b-red:#D41414;--b-red-600:#B30E0E;--b-red-soft:#FCEAEA;--b-grad:linear-gradient(135deg,#E11616 0%,#A80D0D 100%);--b-ink:#1E1E26;--b-ink-500:#4A4A57;--b-slate:#5F5F6B;--b-dark:#15151D;--b-dark-2:#1E1E28;--b-plate:#0B0B10;--b-line:#E6E6EC;--b-bg:#F5F6F8;--b-ok:#1E9E5A;--b-warn:#B07006;--b-display:"Archivo",system-ui,-apple-system,sans-serif;--b-body:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--b-mono:"JetBrains Mono",ui-monospace,monospace;--b-shadow:0 1px 2px rgba(20,20,30,.05),0 14px 34px -18px rgba(20,20,30,.22);background:#fff;color:var(--b-ink);font-family:var(--b-body);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;padding:80px 0 88px;overflow-x:hidden}
#page-container .sgp-blog *,#page-container .sgp-blog *::before,#page-container .sgp-blog *::after{box-sizing:border-box}
#page-container .sgp-blog h2,#page-container .sgp-blog h3{font-family:var(--b-display);line-height:1.15;letter-spacing:-.01em;color:var(--b-ink);padding:0;margin:0;font-weight:800}
#page-container .sgp-blog p{margin:0;padding:0;color:var(--b-ink-500)}
#page-container .sgp-blog p+p{margin-top:18px}
#page-container .sgp-blog strong{color:var(--b-ink);font-weight:600}
#page-container .sgp-blog ul,#page-container .sgp-blog ol{margin:0;padding:0;list-style:none;line-height:inherit}
#page-container .sgp-blog li{margin:0}
#page-container .sgp-blog table{border:0;margin:0}
#page-container .sgp-blog td,#page-container .sgp-blog th{border-top:0;border-left:0;border-right:0}
#page-container .sgp-blog a{color:var(--b-red)}
#page-container .sgp-blog code{font-family:var(--b-mono);font-size:.84em;background:var(--b-bg);border:1px solid var(--b-line);padding:1px 6px;border-radius:6px;color:var(--b-ink)}
#page-container .sgp-blog :focus-visible{outline:3px solid var(--b-red);outline-offset:3px;border-radius:6px}
#page-container .sgp-blog .sgb-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
#page-container .sgp-blog .sgb-col{max-width:720px;margin:0 auto;padding:0 24px}
#page-container .sgp-blog .sgb-kicker{display:block;font-family:var(--b-mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--b-red);margin-bottom:10px;line-height:1.4}

/* En-tête de l'article */
#page-container .sgp-blog .sgb-top{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;margin-bottom:24px}
#page-container .sgp-blog .sgb-title{font-size:clamp(30px,3.8vw,44px);line-height:1.12}
#page-container .sgp-blog .sgb-title span{color:var(--b-red)}
#page-container .sgp-blog .sgb-byline{margin-top:18px;font-family:var(--b-mono);font-size:13px;color:var(--b-slate)}
#page-container .sgp-blog .sgb-byline b{color:var(--b-ink);font-weight:500}
#page-container .sgp-blog .sgb-intro{margin-top:24px;font-size:20px;line-height:1.65;color:var(--b-ink)}

/* Carte « rapport » */
#page-container .sgp-blog .sgb-report{background:var(--b-dark-2);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(20,20,30,.55)}
#page-container .sgp-blog .sgb-report-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
#page-container .sgp-blog .sgb-report-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
#page-container .sgp-blog .sgb-report-bar i:first-child{background:var(--b-red)}
#page-container .sgp-blog .sgb-report-bar em{margin-left:8px;font-family:var(--b-mono);font-style:normal;font-size:12px;color:rgba(255,255,255,.5)}
#page-container .sgp-blog .sgb-score{display:flex;align-items:center;gap:18px;padding:20px 20px 6px}
#page-container .sgp-blog .sgb-ring{flex:none;width:76px;height:76px;border-radius:50%;background:conic-gradient(#FF3B3B 0 62%,rgba(255,255,255,.1) 62% 100%);display:grid;place-items:center}
#page-container .sgp-blog .sgb-ring b{width:60px;height:60px;border-radius:50%;background:var(--b-dark-2);display:grid;place-items:center;font-family:var(--b-display);font-size:22px;font-weight:800;color:#fff}
#page-container .sgp-blog .sgb-score p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
#page-container .sgp-blog .sgb-score strong{display:block;color:#fff;font-family:var(--b-display);font-size:16px;font-weight:700}
#page-container .sgp-blog .sgb-checks{padding:12px 20px 20px;display:grid;gap:8px}
#page-container .sgp-blog .sgb-checks li{display:flex;align-items:flex-start;gap:10px;font-family:var(--b-mono);font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.82);background:var(--b-dark);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px 11px}
#page-container .sgp-blog .sgb-dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:4px}
#page-container .sgp-blog .sgb-dot.is-ko{background:#FF3B3B;box-shadow:0 0 0 3px rgba(255,59,59,.2)}
#page-container .sgp-blog .sgb-dot.is-warn{background:#F2A93B}
#page-container .sgp-blog .sgb-dot.is-ok{background:#3DDC84}
#page-container .sgp-blog .sgb-note{padding:0 20px 18px;font-size:12px;color:rgba(255,255,255,.4)}

/* Corps */
#page-container .sgp-blog .sgb-col h2{font-size:clamp(26px,3.2vw,34px);margin:64px 0 18px}
#page-container .sgp-blog .sgb-col h3{font-size:21px;margin:36px 0 10px}
#page-container .sgp-blog .sgb-symptoms{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}
#page-container .sgp-blog .sgb-symptom{background:var(--b-bg);border:1px solid var(--b-line);border-radius:16px;padding:20px}
#page-container .sgp-blog .sgb-symptom b{display:block;font-family:var(--b-display);font-size:17px;margin-bottom:4px;color:var(--b-ink)}
#page-container .sgp-blog .sgb-symptom span{display:block;font-size:15.5px;line-height:1.55;color:var(--b-slate)}
#page-container .sgp-blog .sgb-tech{position:relative;margin:30px 0;background:var(--b-dark);border-radius:18px;padding:26px 26px 26px 30px;overflow:hidden}
#page-container .sgp-blog .sgb-tech::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--b-grad)}
#page-container .sgp-blog .sgb-label{display:block;font-family:var(--b-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#FF3B3B}
#page-container .sgp-blog .sgb-tech p{margin-top:10px;color:rgba(255,255,255,.8);font-size:16.5px}
#page-container .sgp-blog .sgb-tech strong{color:#fff}
#page-container .sgp-blog .sgb-tech code{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#fff}
#page-container .sgp-blog .sgb-pre{margin:14px 0 0;padding:14px 16px;background:var(--b-plate);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:var(--b-mono);font-size:13px;line-height:1.6;color:rgba(255,255,255,.85);overflow-x:auto;white-space:nowrap}
#page-container .sgp-blog .sgb-c{color:rgba(255,255,255,.45)}
#page-container .sgp-blog .sgb-r{color:#FF6B6B}
#page-container .sgp-blog .sgb-sales{margin:30px 0;background:var(--b-red-soft);border:1px solid #F5C9C9;border-radius:18px;padding:24px 26px}
#page-container .sgp-blog .sgb-sales .sgb-label{color:var(--b-red-600)}
#page-container .sgp-blog .sgb-sales p{margin-top:8px;color:var(--b-ink);font-size:17px}
#page-container .sgp-blog .sgb-steps{counter-reset:s;margin:26px 0 0;display:grid;gap:12px}
#page-container .sgp-blog .sgb-steps li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--b-line);border-radius:14px;padding:16px 18px 16px 64px;box-shadow:var(--b-shadow);font-size:16.5px;color:var(--b-ink-500)}
#page-container .sgp-blog .sgb-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:16px;top:15px;font-family:var(--b-mono);font-size:13px;line-height:1.4;padding:4px 8px;border-radius:8px;background:var(--b-grad);color:#fff}
#page-container .sgp-blog .sgb-steps b{color:var(--b-ink);font-family:var(--b-display)}
#page-container .sgp-blog .sgb-table-wrap{margin:26px 0 0;overflow-x:auto;border:1px solid var(--b-line);border-radius:16px;box-shadow:var(--b-shadow)}
#page-container .sgp-blog .sgb-table{width:100%;border-collapse:collapse;min-width:480px}
#page-container .sgp-blog .sgb-table th,#page-container .sgp-blog .sgb-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--b-line);font-size:15px;line-height:1.5;vertical-align:top;color:var(--b-ink)}
#page-container .sgp-blog .sgb-table thead th{font-family:var(--b-display);font-weight:700;background:var(--b-bg)}
#page-container .sgp-blog .sgb-table th:not(:first-child),#page-container .sgp-blog .sgb-table td:not(:first-child){text-align:center;width:120px}
#page-container .sgp-blog .sgb-table tbody tr:last-child td{border-bottom:0}
#page-container .sgp-blog .sgb-table .is-y{color:var(--b-ok);font-weight:700}
#page-container .sgp-blog .sgb-table .is-n{color:#8A8A96}
#page-container .sgp-blog .sgb-table .is-p{color:var(--b-warn);font-weight:600}
#page-container .sgp-blog .sgb-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
#page-container .sgp-blog .sgb-price{border:1px solid var(--b-line);border-radius:18px;padding:22px;box-shadow:var(--b-shadow)}
#page-container .sgp-blog .sgb-price.is-pro{border:2px solid var(--b-red)}
#page-container .sgp-blog .sgb-price small{font-family:var(--b-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-slate)}
#page-container .sgp-blog .sgb-price b{display:block;margin:4px 0 8px;font-family:var(--b-display);font-size:32px;font-weight:800;line-height:1.1;color:var(--b-ink)}
#page-container .sgp-blog .sgb-price span{display:block;font-size:15px;line-height:1.5;color:var(--b-slate)}
#page-container .sgp-blog .sgb-faq{display:grid;gap:12px;margin-top:22px}
#page-container .sgp-blog .sgb-faq details{margin:0;border:1px solid var(--b-line);border-radius:14px;background:var(--b-bg)}
#page-container .sgp-blog .sgb-faq summary{list-style:none;cursor:pointer;padding:17px 20px;font-family:var(--b-display);font-weight:700;font-size:17px;line-height:1.35;color:var(--b-ink);display:flex;justify-content:space-between;gap:14px;align-items:center}
#page-container .sgp-blog .sgb-faq summary::-webkit-details-marker{display:none}
#page-container .sgp-blog .sgb-faq summary::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D41414' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .2s}
#page-container .sgp-blog .sgb-faq details[open] summary::after{transform:rotate(45deg)}
#page-container .sgp-blog .sgb-faq details p{padding:0 20px 18px;font-size:16.5px}
#page-container .sgp-blog .sgb-sign{display:flex;gap:16px;align-items:center;margin-top:48px;padding-top:28px;border-top:1px solid var(--b-line)}
#page-container .sgp-blog .sgb-avatar{flex:none;width:52px;height:52px;border-radius:50%;background:var(--b-grad);display:grid;place-items:center;color:#fff;font-family:var(--b-display);font-weight:800}
#page-container .sgp-blog .sgb-sign p{font-size:15.5px;line-height:1.5}
#page-container .sgp-blog .sgb-sign b{display:block;font-family:var(--b-display);color:var(--b-ink)}

@media (max-width:960px){#page-container .sgp-blog .sgb-top{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){#page-container .sgp-blog{font-size:17px;padding:56px 0 64px}#page-container .sgp-blog .sgb-symptoms,#page-container .sgp-blog .sgb-prices{grid-template-columns:1fr}#page-container .sgp-blog .sgb-tech{padding:22px 20px 22px 24px}#page-container .sgp-blog .sgb-intro{font-size:18.5px}}
@media (max-width:440px){#page-container .sgp-blog .sgb-wrap,#page-container .sgp-blog .sgb-col{padding:0 16px}}
@media (prefers-reduced-motion:reduce){#page-container .sgp-blog *{transition:none!important}}