.seo-page{background:var(--color-bg);color:var(--color-text)}.seo-header{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1120px;padding:var(--space-4) var(--space-4);margin:0 auto;display:flex;position:relative}.seo-brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-heading);font-weight:var(--weight-heading);min-height:44px;font-size:1.25rem;text-decoration:none;display:inline-flex}.seo-brand svg{color:var(--color-accent)}.seo-nav{align-items:center;gap:var(--space-2);display:flex}.seo-nav>a:not(.btn-primary){color:var(--color-text);align-items:center;min-height:44px;display:inline-flex}.seo-nav-cta,.seo-cta .btn-primary{justify-content:center;align-items:center;min-height:48px;text-decoration:none;display:inline-flex}@media (width<=560px){.seo-nav-cta{display:none}}.seo-main{max-width:760px;padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto}.seo-main h1{margin-bottom:var(--space-4)}.seo-main a:not(.btn-primary),.seo-footer a,.seo-home a{color:var(--color-accent)}.seo-lead{color:var(--color-text);margin-bottom:var(--space-3);font-size:1.125rem}.seo-cta{align-items:center;gap:var(--space-3) var(--space-4);margin:var(--space-6) 0;flex-wrap:wrap;display:flex}.seo-cta span{color:var(--color-text-secondary);font-size:var(--text-sm)}.seo-section{margin-top:var(--space-10)}.seo-section h2{margin-bottom:var(--space-3)}.seo-section p+p{margin-top:var(--space-3)}.seo-section ul{padding-left:var(--space-6);gap:var(--space-2);display:grid}.seo-steps{counter-reset:step;gap:var(--space-4);padding:0;list-style:none;display:grid}.seo-steps li{counter-increment:step;padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 44px);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);position:relative}.seo-steps li:before{content:counter(step);left:var(--space-4);top:var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);width:32px;height:32px;color:var(--color-accent-ink);font-weight:var(--weight-body-medium);justify-content:center;align-items:center;display:flex;position:absolute}.seo-steps h3{margin-bottom:var(--space-1);font-size:1.0625rem}.seo-table-wrap{margin-top:var(--space-6);overflow-x:auto}.seo-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);overflow:hidden}.seo-table caption{text-align:left;font-weight:var(--weight-body-medium);padding-bottom:var(--space-2)}.seo-table th,.seo-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:top}.seo-table thead th{font-weight:var(--weight-body-medium)}.seo-faq-item{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) 0}.seo-faq-item summary{cursor:pointer;font-weight:var(--weight-body-medium);align-items:center;min-height:44px;display:flex}.seo-faq-item p{margin-top:var(--space-2);color:var(--color-text-secondary)}.seo-note{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary)}.seo-breadcrumb ol{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.seo-breadcrumb li+li:before{content:"/";margin-right:var(--space-2)}.seo-breadcrumb a{align-items:center;min-height:24px;display:inline-flex}.seo-footer{max-width:1120px;padding:var(--space-10) var(--space-4) var(--space-12);border-top:1px solid var(--color-border-subtle);gap:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 auto;display:grid}@media (width>=900px){.seo-footer{grid-template-columns:minmax(220px,1fr) 3fr}}.seo-footer-brand{gap:var(--space-2);align-content:start;display:grid}.seo-footer-name{font-family:var(--font-heading);color:var(--color-text);font-size:1.25rem}.seo-footer-cols{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.seo-footer-title{font-size:var(--text-sm);font-weight:var(--weight-body-medium);color:var(--color-text);margin-bottom:var(--space-2)}.seo-footer-links{gap:var(--space-1);padding:0;list-style:none;display:grid}.seo-footer-links a{align-items:center;min-height:32px;display:inline-flex}.seo-home{max-width:1120px;padding:var(--space-8) var(--space-4) var(--space-16);margin:0 auto}.seo-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.seo-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.seo-card h3{margin-bottom:var(--space-2);font-size:1.0625rem}.seo-card p{color:var(--color-text-secondary)}.app-fallback{max-width:1120px;padding:var(--space-12) var(--space-4);min-height:100svh;margin:0 auto}.app-fallback p{margin-top:var(--space-3);color:var(--color-text-secondary)}.seo-source{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.gallery-tabs{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.gallery-tab{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.gallery-tab[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.gallery-tab:focus-visible,.gallery-panel:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:2px}.gallery-panel{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.gallery-panel[hidden]{display:none}.gallery-step{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);margin:0;overflow:hidden}.gallery-step img{aspect-ratio:auto;width:100%;height:auto;display:block}.gallery-step figcaption{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface)}.seo-uses{padding:0;list-style:none}.seo-uses a{color:var(--color-text);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.seo-lang{position:relative}.seo-lang summary{align-items:center;gap:var(--space-1);min-width:44px;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-body-medium);list-style:none;display:inline-flex}.seo-lang summary::-webkit-details-marker{display:none}.seo-lang summary:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.seo-lang-list{right:0;top:calc(100% + var(--space-1));z-index:10;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);margin:0;list-style:none;position:absolute}.seo-lang-list a{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);align-items:center;text-decoration:none;display:flex}.seo-lang-list a:hover,.seo-lang-list a[aria-current=page]{background:var(--color-bg)}.seo-lang-list a[aria-current=page]{font-weight:var(--weight-body-medium)}.seo-footer-lang{margin-top:var(--space-4)}.seo-footer-lang-list{gap:var(--space-1) var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.seo-footer-lang-list a{align-items:center;min-height:32px;display:inline-flex}.seo-footer-lang-list a[aria-current=page]{font-weight:var(--weight-body-medium);text-decoration:none}.seo-answer{margin:0 0 var(--space-4);padding:var(--space-4);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-lg);line-height:var(--leading-normal)}.seo-answer strong{font-weight:var(--weight-body-medium)}
