:root{--petiio-cream:#fbf7f0;--petiio-ink:#2b2620;--petiio-soft:#6b5f52;--petiio-terra:#c9683f;--petiio-sage:#7c8a6e;--petiio-border:#eee6da}
.petiio-article{background:var(--petiio-cream);color:var(--petiio-ink);padding:48px 20px 80px}.petiio-article__inner{max-width:1120px;margin:auto}
.petiio-article__hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-bottom:48px}.petiio-article__type{display:inline-block;background:#f1ded4;color:#8b3f24;padding:7px 12px;border-radius:999px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.petiio-article h1{font-family:Fredoka,system-ui,sans-serif;font-size:clamp(38px,5vw,68px);line-height:1.02;margin:18px 0}.petiio-article__excerpt{font-size:20px;line-height:1.55;color:var(--petiio-soft)}.petiio-article__meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--petiio-soft);font-size:14px}.petiio-article__image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px}
.petiio-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}.petiio-article__content{max-width:760px;font-size:18px;line-height:1.8}.petiio-article__content h2,.petiio-article__content h3{font-family:Fredoka,system-ui,sans-serif;line-height:1.15;margin-top:1.7em}.petiio-article__content img{border-radius:18px}.petiio-article__side,.petiio-comparison-intro,.petiio-checklist-callout,.petiio-tutorial-callout,.petiio-article__lead{background:white;border:1px solid var(--petiio-border);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(43,38,32,.06)}
.petiio-article__lead{margin-top:48px;background:#e3e8dc}.petiio-article__lead a{display:inline-block;background:var(--petiio-terra);color:white;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700}.petiio-commercial-note{font-size:14px;color:var(--petiio-soft);border-top:1px solid var(--petiio-border);padding-top:18px}.petiio-comparison-intro,.petiio-checklist-callout,.petiio-tutorial-callout{margin-bottom:32px;max-width:760px}.petiio-article--comparatif .petiio-article__type{background:#faeacb;color:#76500d}.petiio-article--checklist .petiio-article__type{background:#e3e8dc;color:#44513b}.petiio-article--actualite .petiio-article__type{background:#eee6da;color:#51473e}
@media(max-width:800px){.petiio-article{padding-top:28px}.petiio-article__hero,.petiio-article__layout{grid-template-columns:1fr;gap:28px}.petiio-article__hero-copy{order:1}.petiio-article__image{order:2}.petiio-article__side{display:none}}
/* Sprint 4 — Comparison Engine */
.petiio-winner{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:36px;padding:32px;border-radius:22px;background:#e3e8dc;margin:38px 0}.petiio-winner__media img{width:100%;height:280px;object-fit:cover;border-radius:16px}.petiio-product-badge,.petiio-mini-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#faeacb;color:#704f18;font-size:.78rem;font-weight:700}.petiio-mini-badge{display:block;width:max-content;margin-top:6px}.petiio-product-button{display:inline-flex;align-items:center;justify-content:center;background:#c9683f;color:#fff!important;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700}.petiio-product-button:hover{background:#a8502e}.petiio-comparison-table-wrap{margin:46px 0}.petiio-table-scroll{overflow-x:auto}.petiio-public-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff;border-radius:16px;overflow:hidden}.petiio-public-table th,.petiio-public-table td{padding:16px;text-align:left;border-bottom:1px solid #eee6da}.petiio-public-table thead{background:#fbf7f0}.petiio-product-list>h2{margin-bottom:24px}.petiio-product-card{display:grid;grid-template-columns:300px 1fr;gap:32px;padding:28px;background:#fff;border:1px solid #eee6da;border-radius:20px;margin:0 0 28px}.petiio-product-card__image img{width:100%;height:300px;object-fit:cover;border-radius:14px}.petiio-product-card__top{display:flex;align-items:center;gap:10px}.petiio-product-rank{font-weight:800;color:#6b5f52}.petiio-product-summary{font-size:1.05rem}.petiio-procon-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.petiio-procon-grid ul{margin:0;padding-left:20px}.petiio-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:24px 0;border:1px solid #eee6da;border-radius:12px;overflow:hidden}.petiio-specs div{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid #eee6da}.petiio-specs dt{font-weight:700}.petiio-specs dd{margin:0;text-align:right}.petiio-product-card__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.petiio-commercial-note{background:#fbf7f0;border-left:4px solid #d9a441;padding:16px 18px;border-radius:8px}@media(max-width:800px){.petiio-winner,.petiio-product-card{grid-template-columns:1fr}.petiio-product-card__image img,.petiio-winner__media img{height:240px}.petiio-procon-grid,.petiio-specs{grid-template-columns:1fr}.petiio-product-card__footer{align-items:flex-start;flex-direction:column}}
/* Sprint 5 — CTA Engine contextuel */
.petiio-context-engine{display:grid;gap:34px;margin-top:52px}.petiio-context-card{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--petiio-border);border-radius:24px;padding:24px;box-shadow:0 12px 38px rgba(43,38,32,.06)}.petiio-context-card__image img{display:block;width:100%;height:220px;object-fit:cover;border-radius:16px}.petiio-context-card__eyebrow,.petiio-context-heading span,.petiio-context-newsletter span{display:block;color:var(--petiio-terra);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem}.petiio-context-card h2,.petiio-context-heading h2,.petiio-context-newsletter h2{font-family:Fredoka,system-ui,sans-serif;margin:.4rem 0 .7rem;line-height:1.12}.petiio-context-button{display:inline-flex;background:var(--petiio-terra);color:#fff!important;text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:800}.petiio-context-related{padding-top:8px}.petiio-context-heading{text-align:center;margin-bottom:22px}.petiio-context-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.petiio-context-related__card{display:block;background:#fff;border:1px solid var(--petiio-border);border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.petiio-context-related__card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(43,38,32,.09)}.petiio-context-related__card img{width:100%;height:170px;object-fit:cover}.petiio-context-related__card>div{padding:18px}.petiio-context-related__card span{color:var(--petiio-sage);font-size:.78rem;font-weight:800;text-transform:uppercase}.petiio-context-related__card h3{font-family:Fredoka,system-ui,sans-serif;margin:7px 0;font-size:1.15rem;line-height:1.15}.petiio-context-related__card p{color:var(--petiio-soft);font-size:.92rem;margin:0}.petiio-context-newsletter{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:#f1ded4;border-radius:24px;padding:34px}.petiio-context-newsletter form{display:flex;gap:10px}.petiio-context-newsletter input{min-width:0;flex:1;border:1px solid #d8c6bb;background:#fff;border-radius:999px;padding:13px 16px}.petiio-context-newsletter button{border:0;background:var(--petiio-terra);color:#fff;border-radius:999px;padding:13px 18px;font-weight:800;cursor:pointer}.petiio-article-resource{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;background:#e3e8dc;border-radius:24px;padding:24px}.petiio-article-resource img{width:100%;height:160px;object-fit:cover;border-radius:14px}.petiio-article-resource span{display:block;color:#57624a;font-size:.78rem;font-weight:800;text-transform:uppercase}.petiio-article-resource strong{display:block;font-family:Fredoka,system-ui,sans-serif;font-size:1.5rem;margin:.25rem 0}.petiio-article-resource a{display:inline-flex;background:#57624a;color:#fff!important;border-radius:999px;padding:11px 16px;text-decoration:none;font-weight:800}
@media(max-width:800px){.petiio-context-card,.petiio-context-newsletter,.petiio-article-resource{grid-template-columns:1fr}.petiio-context-related__grid{grid-template-columns:1fr}.petiio-context-newsletter form{flex-direction:column}.petiio-context-card__image img{height:210px}.petiio-article-resource img{height:220px}}