.tool-page{padding-block:var(--sp-6)}.tool-page__grid{gap:var(--sp-6);display:grid}.tool-page__center{min-width:0}.tool-page__center .adslot--banner{margin-top:0;margin-bottom:var(--sp-4)}.tool-page__ad-col{display:none}.tool-page__ad-col .adslot{margin-block:0}.history-panel{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3)}.history-panel__title{font-family:var(--font-mono);font-size:var(--fs-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--sp-2)}.history-panel__list{gap:var(--sp-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-1);flex-direction:row;margin:0;padding-left:0;list-style:none;display:flex;overflow-x:auto}.history-panel__item{scroll-snap-align:start;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-2);background:var(--bg-2);border:1.5px solid var(--line-soft);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-3);white-space:nowrap;flex:none}.history-panel__empty{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-3);margin:0;font-style:italic}.related-strip{border-top:2px solid var(--line-soft);padding-top:var(--sp-6);padding-bottom:var(--sp-6)}.related-strip__title{font-family:var(--font-mono);font-size:var(--fs-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--sp-4)}.related-strip__list{gap:var(--sp-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-2);display:flex;overflow-x:auto}.related-strip__card{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-chunky);color:inherit;scroll-snap-align:start;min-width:180px;transition:transform var(--dur-1) var(--ease-bounce), box-shadow var(--dur-1) var(--ease-bounce), border-color var(--dur-1);flex:1;text-decoration:none;display:flex}.related-strip__card:hover,.related-strip__card:focus-visible{box-shadow:var(--shadow-chunky-lg);border-color:var(--accent);outline:none;transform:translate(-2px,-2px)}.related-strip__card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.related-strip__icon{background:var(--bg-2);border:2px solid var(--line);border-radius:var(--r-md);width:40px;height:40px;transition:transform var(--dur-2) var(--ease-bounce), background var(--dur-1);flex:none;place-items:center;font-size:1.4rem;line-height:1;display:grid}.related-strip__card:hover .related-strip__icon{background:var(--accent-soft);transform:rotate(-8deg)scale(1.06)}.related-strip__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.related-strip__name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.related-strip__tag{font-family:var(--font-mono);font-size:var(--fs-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--ink-3)}.related-strip__arrow{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent);transition:transform var(--dur-1) var(--ease-bounce);flex:none}.related-strip__card:hover .related-strip__arrow{transform:translate(3px)}@media (min-width:1024px){.tool-page__grid{grid-template-columns:240px minmax(0,1fr) 300px;grid-template-areas:"history center ad"}.tool-page__center{grid-area:center}.tool-page__history{grid-area:history}.tool-page__ad-col{grid-area:ad}.tool-page__history,.tool-page__ad-col{top:calc(68px + var(--sp-4));align-self:start;position:sticky}.history-panel{border-radius:var(--r-lg);padding:var(--sp-4);max-height:calc(100dvh - 68px - var(--sp-8));display:block;overflow-y:auto}.history-panel__list{scroll-snap-type:none;flex-direction:column;max-height:400px;padding-bottom:0;overflow:hidden auto}.history-panel__item{scroll-snap-align:none;white-space:normal}.tool-page__ad-col{display:block}.tool-page__center .adslot--banner{display:none}.tool-page__ad-col .adslot--right{max-height:calc(100dvh - 68px - var(--sp-8));overflow:hidden}.related-strip__list{scroll-snap-type:none;padding-bottom:0;overflow-x:visible}}.tool-seo{padding-block:var(--sp-6);border-top:2px solid var(--line-soft)}.tool-seo__header{margin-bottom:var(--sp-4)}.tool-seo__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(1.45rem,1.1rem + 1.3vw,2rem);font-weight:800;line-height:1.1}.tool-seo__intro{gap:var(--sp-3);margin-bottom:var(--sp-5);display:grid}.tool-seo__intro p{color:var(--ink-2);max-width:75ch;margin:0}.tool-seo__section{margin-top:var(--sp-5)}.tool-seo__section h3{margin:0 0 var(--sp-3);font-family:var(--font-display);font-size:clamp(1.1rem,1rem + .7vw,1.4rem);font-weight:700;line-height:1.2}.tool-seo__steps{gap:var(--sp-2);max-width:72ch;color:var(--ink-2);margin:0;padding-left:1.2rem;display:grid}.tool-seo__features{gap:var(--sp-3);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.tool-seo__feature{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4)}.tool-seo__feature h4{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.2}.tool-seo__feature p{color:var(--ink-2);margin:0}.tool-seo__faq{gap:var(--sp-2);display:grid}.tool-seo__faq-item{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.tool-seo__faq-item summary{cursor:pointer;font-weight:700;line-height:1.35}.tool-seo__faq-item p{margin:var(--sp-2) 0 0;color:var(--ink-2)}@media (min-width:1024px){.tool-seo__features{grid-template-columns:repeat(2,minmax(0,1fr))}}
