.pawfect-name-seo { --green:#103632; --orange:#EF6905; --red:#8B2626; --yellow:#F1E5A1; --cream:#FFF9EE; --ink:#26312F; width:min(1040px,calc(100% - 36px)); margin:0 auto; padding:48px 0 78px; color:var(--ink); font-family:Arial,"Helvetica Neue",sans-serif; text-transform:none; }
.pawfect-name-seo *, .pawfect-name-seo *::before, .pawfect-name-seo *::after { box-sizing:border-box; }
.pawfect-name-seo h2, .pawfect-name-seo h3, .pawfect-name-seo p { text-transform:none; }
.pawfect-name-seo h2 { max-width:780px; margin:8px 0 18px; color:var(--green); font:700 clamp(30px,4vw,46px)/1.08 Georgia,serif; letter-spacing:-.035em; }
.pawfect-name-seo h3 { color:var(--green); }
.pawfect-name-seo p { line-height:1.72; }
.seo-section { margin-top:60px; }
.seo-section:first-child { margin-top:0; }
.seo-eyebrow { margin:0; color:var(--red); font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase !important; }
.seo-lead { max-width:800px; color:#5c6865; }
.seo-method, .seo-review { padding:38px 42px; border:1px solid rgba(16,54,50,.1); border-radius:22px; background:linear-gradient(135deg,#fffdf8,var(--cream)); }
.seo-method p:not(.seo-eyebrow), .seo-review p:not(.seo-eyebrow) { max-width:870px; margin:10px 0; color:#53605d; }
.example-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:28px; }
.example-group { min-width:0; padding:24px; border:1px solid rgba(16,54,50,.1); border-radius:18px; background:#fff; }
.example-group:last-child { grid-column:1 / -1; }
.example-group h3 { margin:0 0 14px; font:700 22px/1.2 Georgia,serif; }
.example-group ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.example-group li { padding:13px 15px; border-left:3px solid var(--yellow); background:#fffaf0; }
.example-group strong { display:block; color:var(--green); font:700 19px/1.2 Georgia,serif; }
.example-group span { display:block; margin-top:3px; color:#67716f; font-size:11px; font-weight:700; }
.example-group p { margin:6px 0 0; color:#596562; font-size:13px; }
.seo-link-line { margin-top:20px; color:#53605d; }
.seo-link-line a { color:var(--green); font-weight:800; text-decoration-color:var(--orange); text-underline-offset:3px; }
.faq-list { display:grid; gap:9px; margin-top:24px; }
.faq-item { overflow:hidden; border:1px solid rgba(16,54,50,.11); border-radius:13px; background:#fff; }
.faq-item h3 { margin:0; }
.faq-item button { appearance:none; width:100%; min-height:57px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:15px 20px; border:0; color:var(--green); background:#fff; font:800 15px/1.35 Arial,sans-serif; text-align:left; cursor:pointer; text-transform:none; }
.faq-item button:focus-visible { outline:3px solid rgba(239,105,5,.35); outline-offset:-3px; }
.faq-item button span { width:18px; height:18px; position:relative; flex:0 0 18px; }
.faq-item button span::before, .faq-item button span::after { content:""; position:absolute; left:3px; right:3px; top:8px; height:2px; background:var(--green); }
.faq-item button span::after { transform:rotate(90deg); transition:.18s ease; }
.faq-item button[aria-expanded="true"] span::after { transform:rotate(0); }
.faq-item [role="region"] { padding:0 20px 18px; }
.faq-item [role="region"] p { max-width:880px; margin:0; color:#63706c; }
@media (max-width:700px) { .example-groups { grid-template-columns:1fr; } .example-group:last-child { grid-column:auto; } .seo-method, .seo-review { padding:28px 24px; } }
@media (max-width:560px) { .pawfect-name-seo { width:min(100% - 24px,1040px); padding:36px 0 58px; } .seo-section { margin-top:44px; } .example-group { padding:19px; } }
