/* Page refinements: natural content heights and theme-aware reading surfaces. */
:root{--reading-surface:rgba(255,255,255,.82);--reading-ink:#182868;--reading-line:#cad3e7;--polish-gap:20px;--reading-footer-gap:48px}
html[data-theme=night]{--reading-surface:rgba(24,40,104,.84);--reading-ink:#f4f5f9;--reading-line:#718acf}
html[data-theme=orange]{--reading-surface:rgba(255,249,222,.82);--reading-ink:#182868;--reading-line:#b7790b}
html[data-theme] .sgi-reading-panel{padding:28px;border:1px solid var(--reading-line);border-radius:8px;background:var(--reading-surface);color:var(--reading-ink);box-shadow:0 8px 28px #11194310;backdrop-filter:blur(12px)}
html[data-theme] .sgi-reading-panel :is(h2,h3,p,li,strong,a){color:var(--reading-ink)}
.sgi-reading-panel h2:not(:first-child){border-top:1px solid var(--reading-line);padding-top:24px;margin-top:28px}
.sgi-reading-panel a{ text-decoration:underline;text-underline-offset:3px }
.sgi-reading-panel [data-reset-embeds]{margin-block:16px}
html[data-theme] .sgi-reading-panel{margin-bottom:var(--reading-footer-gap)}
html[data-theme] .sgi-polished-illustration{aspect-ratio:1;width:100%;height:auto!important;object-fit:contain!important;border-radius:8px;border:1px solid var(--reading-line);box-shadow:0 8px 24px #11194314}
html[data-theme] .sgi-illustrated-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:36px;align-items:center}
.sgi-illustrated-intro>img{grid-column:2;grid-row:1 / span 4}
.sgi-illustrated-intro>:not(img){grid-column:1}
body[data-page=outils] .page-intro{padding-bottom:20px}
body[data-page=outils] .page-intro+.section{padding-top:12px}
html[data-theme=orange] body[data-page=avis] .quotes>figure{background:rgba(255,249,222,.94)!important;border:1px solid #b7790b;border-radius:8px;color:#182868;padding:22px}
html[data-theme=orange] body[data-page=avis] .quotes>figure :is(p,blockquote,strong,figcaption){color:#182868}
html[data-theme] .payment [data-copy]{width:36px!important;height:36px!important;min-width:36px;min-height:36px;padding:7px!important;overflow:visible!important;display:inline-grid!important;place-items:center;flex:none}
html[data-theme] .payment [data-copy] svg.icon{width:18px!important;height:18px!important;min-width:18px;padding:0!important;margin:0!important;overflow:visible;background:none!important;border:none!important}
html[data-theme] .content-grid .content-article{height:auto!important;min-height:0!important;align-self:start}
html[data-theme] .content-grid .content-article>a{height:auto!important;min-height:0!important}
html[data-theme] .content-grid .content-article>a>div{min-height:0!important;display:block!important;padding-bottom:14px!important}
html[data-theme] .content-grid .content-article :is(p,h3){flex:none!important}
html[data-theme] .content-grid .content-article p{margin-bottom:12px!important}
html[data-theme] .content-grid .content-article span{margin-top:0!important}
body[data-page=articles] .content-grid{--article-columns:3;align-items:start}
body[data-page=articles] .content-grid.article-masonry{grid-template-columns:repeat(var(--article-columns),minmax(0,1fr));grid-auto-rows:8px;row-gap:0;column-gap:var(--polish-gap)}
html[data-theme] .article-end-tags{margin-block:28px 16px;padding-top:16px;border-top:1px solid var(--reading-line)}
html[data-theme] .article-end-tags .article-tag{font-size:12px;font-weight:500;min-height:30px;padding:5px 9px}
html[data-theme] #site-search-results .utility-card{position:relative;overflow:hidden;border-width:2px;background:var(--reading-surface);color:var(--reading-ink);padding-top:90px}
html[data-theme] #site-search-results .utility-card :is(h2,p){color:var(--reading-ink)}
html[data-theme] #site-search-results [data-rubric=service]{border-color:#4164bc}
html[data-theme] #site-search-results [data-rubric=article]{border-color:#b7790b}
html[data-theme] #site-search-results [data-rubric=product]{border-color:#718096}
html[data-theme] #site-search-results .search-rubric{position:absolute;top:56px;right:-24px;width:180px;transform:rotate(45deg);text-align:center;border-radius:0;padding:5px 8px;display:block;font-size:11px;font-weight:700;background:linear-gradient(#29428b,#182868);color:#fff;box-shadow:0 2px 5px #11194330;line-height:1.4;pointer-events:none}
html[data-theme] #site-search-results [data-rubric=article] .search-rubric{background:#ffdf30;color:#182868}
html[data-theme] #site-search-results [data-rubric=product] .search-rubric{background:#e9eef9;color:#182868}
.resource-card .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.resource-card .actions>:last-child{margin-inline:auto}
html[data-theme] .map-app-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-theme] .map-app-options .button{min-width:0;justify-content:space-between;gap:8px;padding:10px 12px;font-size:13px}
.map-app-options [data-map-option=device]{grid-column:1 / -1}
#map-app-dialog .address-link{display:inline;text-decoration:underline;text-underline-offset:3px}
.remember-map{display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;line-height:1.4}
.remember-map input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--sgi-blue)}
html[data-theme] main .google-review::before{z-index:0;opacity:.62;mix-blend-mode:multiply;filter:contrast(1.7);background-size:250px 167px}
html[data-theme=night] main .google-review::before{opacity:.35;mix-blend-mode:screen}
html[data-theme] main .google-review>:is(figcaption,blockquote,a){position:relative;z-index:1}
html[data-theme] main .google-review{box-shadow:inset 0 2px 2px #ffffff65,inset 0 -2px 3px #11194318,0 4px 8px #11194314}
body[data-page=index] :is(.repair-band,.identity-band){position:relative;isolation:isolate}
body[data-page=index] :is(.repair-band,.identity-band)::before{content:'';position:absolute;inset:0;background:url('../images/grain-papier-avis-sgi.webp') repeat;background-size:250px 167px;opacity:.4;mix-blend-mode:multiply;pointer-events:none;z-index:0}
body[data-page=index] :is(.repair-band,.identity-band)>.wrap{position:relative;z-index:1}
.repair-address-line,.repair-hours-line{display:block}
.repair-hours-line{white-space:nowrap}
body[data-page=index] .identity-hours{font-size:14px;line-height:1.5}
.faq-illustrated-search{position:relative;padding-right:100px}
.faq-search-mascot{position:absolute;right:0;top:0;width:80px;height:80px;object-fit:cover;object-position:right;border-radius:8px}
html[data-theme] .faq-illustrated-search .faq-search-animated{position:absolute;right:0;top:0;width:80px;height:86px;margin:0}
html[data-theme] .faq-search-animated .sgi-robot-picture{width:100%;height:100%}
.sticker-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.sticker-sheet{margin:0;background:white;border:1px solid var(--reading-line);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #11194320}
.sticker-sheet img{width:100%;height:auto}
.resource-gift{text-align:center;padding-block:24px}
.sgi-news-strip{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--sgi-blue);color:#fff}
.sgi-news-strip>a{flex:1;min-width:0;overflow:hidden;color:inherit;font-size:15px}
.sgi-news-track{display:flex;width:max-content;animation:sgi-news-scroll 28s linear infinite}
.sgi-news-track>span{padding-right:64px;white-space:nowrap}
.sgi-news-strip:is(:hover,:focus-within,.is-paused) .sgi-news-track{animation-play-state:paused}
.sgi-news-strip .icon-button{width:36px;height:36px;min-height:36px}
@keyframes sgi-news-scroll{to{transform:translateX(-50%)}}
.sgi-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sgi-newsletter form{background:var(--reading-surface);border:1px solid var(--reading-line);border-radius:8px;padding:24px;backdrop-filter:blur(12px)}
.sgi-newsletter form>label:not(.news-consent){display:block;margin-bottom:8px}
.sgi-newsletter form>input{width:100%;padding:12px;border:1px solid var(--reading-line);border-radius:6px;background:var(--panel)}
.news-consent{display:flex;gap:9px;align-items:flex-start;margin-block:16px;font-size:14px;line-height:1.4}
.news-consent input{margin:3px 0 0;width:18px;height:18px;flex:none;accent-color:var(--sgi-blue)}
body[data-page=index] .sgi-newsletter form>p{font-size:14px;margin:14px 0 0}
.sgi-newsletter a{text-decoration:underline}
@media(max-width:1100px){body[data-page=articles] .content-grid{--article-columns:2}}
@media(max-width:780px){
 body[data-page=articles] .content-grid{--article-columns:1}
 html[data-theme] .sgi-illustrated-intro{grid-template-columns:minmax(0,1fr) 110px;column-gap:12px}
 .sgi-illustrated-intro>img{grid-row:3}
 .sgi-illustrated-intro>h1{grid-column:1 / -1}
 .sgi-illustrated-intro>.sgi-robot-heading{grid-column:1 / -1}
 .sgi-illustrated-intro>.sgi-robot-heading h1{min-width:0;width:100%}
 .sgi-illustrated-intro>.intro-copy{grid-column:1;margin-bottom:0}
 html[data-theme] .sgi-reading-panel{padding:18px}
 html[data-theme] .article-card-tags{padding:0 14px 14px}
 .article-end-tags .article-tags{gap:6px}
 :root{--reading-footer-gap:32px}
 .sticker-workspace,.sgi-newsletter{grid-template-columns:1fr;gap:20px}
 .faq-illustrated-search{padding-right:70px}
 .faq-search-mascot{width:58px;height:58px}
 html[data-theme] .faq-illustrated-search .faq-search-animated{width:58px;height:64px}
 .sgi-newsletter form{padding:18px}
}
@media(prefers-reduced-motion:reduce){.sgi-news-track{animation:none}.sgi-news-track>span:first-child{white-space:normal}.sgi-news-track>span[aria-hidden]{display:none}.sgi-news-track{width:auto}}
@media(prefers-reduced-transparency:reduce){html[data-theme] .sgi-reading-panel{background:var(--panel)}}
@media print{
 @page{size:A4 portrait;margin:8mm}
 body.printing-stickers{margin:0!important;background:white!important}
 body.printing-stickers>*:not(main),body.printing-stickers main>*:not(.sticker-workspace),body.printing-stickers .sticker-workspace>*:not(.sticker-sheet){display:none!important}
 body.printing-stickers .sticker-workspace{display:block;width:194mm!important;margin:0!important;padding:0!important;max-width:none!important}
 body.printing-stickers .sticker-sheet{margin:0;border:0;box-shadow:none;border-radius:0;max-height:281mm;break-inside:avoid}
 body.printing-stickers .sticker-sheet img{width:194mm;height:281mm;object-fit:contain}
}
@media(forced-colors:active){html[data-theme] .sgi-reading-panel,html[data-theme] #site-search-results .utility-card{background:Canvas;color:CanvasText;border-color:CanvasText}}