﻿/* Content rhythm: open editorial rows, visual stories, timelines and directories. */
.ss-overline{display:block;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ad2057;margin-bottom:18px}
.experience-page .content-layout{display:block;padding-top:60px}.experience-page .content-layout>article{min-width:0}
.experience-page .hero{padding:72px 0;background:linear-gradient(120deg,#fff8f3,#fbf2f8 65%,#f3eefb)}
.experience-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px}
.experience-page .hero h1{font-size:clamp(2.2rem,4.2vw,3.8rem);max-width:800px;letter-spacing:-.045em}
.experience-page .hero-art{margin:0;transform:rotate(2deg)}.experience-page .hero-art img{width:100%;height:auto;display:block;border-radius:8px 70px 8px 8px}
.experience-page .hero-art figcaption{margin:14px 0 0;font-size:11px;color:#6d6070;line-height:1.6}
.experience-page .tool-hero-art{transform:rotate(-2deg);filter:drop-shadow(0 24px 25px #4d143514)}
.experience-page .tool-hero-art img{border-radius:10px}
.experience-page .editorial{padding:64px 0;margin:0;border-bottom:1px solid #e8dfe5}
.experience-page .ss-editorial-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}
.experience-page .ss-editorial-row h2{font-size:clamp(1.6rem,2.7vw,2.3rem);max-width:380px;line-height:1.25}
.experience-page .ss-editorial-copy>p:last-child{margin-bottom:0}.experience-page .ss-editorial-copy{color:#595462;font-size:16px;line-height:1.9}
.experience-page .ss-editorial-row:nth-of-type(3n){padding:48px;background:#f9f2f6;border:0;border-radius:0 48px 0 0;margin:28px 0}
.experience-page .ss-editorial-copy ul{padding-inline-start:22px}.experience-page .ss-editorial-copy li{padding:8px 0}
.experience-page .guide-sidebar{position:static;display:grid;grid-template-columns:.6fr 1.6fr .8fr;gap:35px;padding:40px 0;margin-top:30px;border-top:1px solid #e8dfe5}
.experience-page .guide-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}.experience-page .guide-sidebar a{border:0;padding:5px 0;font-size:13px}.experience-page .guide-sidebar .sidebar-note{margin:0;border:0;border-inline-start:2px solid #d8a9bd;padding:0 0 0 18px;background:transparent}
.ss-workflow-links{counter-reset:routes;border-top:1px solid #e4d9df;margin-top:32px}
.ss-workflow-link{display:grid;grid-template-columns:55px 48px minmax(0,1fr) 35px;align-items:center;gap:26px;padding:26px 8px;border-bottom:1px solid #e4d9df;text-decoration:none;color:#29212c;transition:background .2s,padding .2s}
.ss-workflow-link:hover{background:#fff5f8;padding-inline:18px}.ss-route-number{font:500 20px/1 system-ui;color:#a2647d}.ss-route-arrow{font-size:27px;color:#b71e56}.ss-workflow-link h3{margin:0 0 7px;font-size:22px}.ss-workflow-link p{margin:0;font-size:14px;color:#6d6270}.ss-workflow-link .guide-icon{background:none;border:0;padding:0;width:auto;height:auto;margin:0}
.experience-page .learning-links{border:0;border-inline-start:3px solid #b71e56;border-radius:0;background:none;padding:12px 24px;margin:24px 0 60px;display:flex;flex-wrap:wrap;gap:12px 24px}
.experience-page .ss-comparison-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;border:0;background:#f7f1f5;padding:48px;margin-bottom:24px;border-radius:60px 0 0 0}
.ss-comparison-intro h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.ss-comparison-intro>p:not(.eyebrow){color:#655b69;line-height:1.9}.ss-comparison-demo{min-width:0}.ss-comparison-demo .image-comparison{margin:0 0 18px}.ss-comparison-demo .comparison-stage{border-radius:8px}.ss-comparison-demo .button{font-size:13px}
.experience-page .ss-listing-features .cards{display:block;counter-reset:listing;border-top:1px solid #e8dfe5;margin-top:30px}
.experience-page .ss-listing-features .card{display:grid;grid-template-columns:200px minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding:24px 0;border:0;border-bottom:1px solid #e8dfe5;border-radius:0;background:transparent;box-shadow:none;align-items:start}
.experience-page .ss-listing-features .card h3{margin:0;font-size:19px}.experience-page .ss-listing-features .card p{margin:0;font-size:14px}.experience-page .ss-listing-features .tag{background:none;padding:0;color:#96637a;max-width:150px}
.experience-page .ss-reading-room .cards{display:block;counter-reset:reading}.experience-page .ss-reading-room .card{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:30px;border:0;border-bottom:1px solid #e8dfe5;border-radius:0;padding:24px 0;box-shadow:none;background:none}.experience-page .ss-reading-room .card h3{margin:0;font-size:20px}.experience-page .ss-reading-room .card>span{font-size:12px;align-self:center}.experience-page .ss-reading-room .card:hover h3{text-decoration:underline}
.experience-page .ss-tool-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;counter-reset:directory;margin:28px 0}
.experience-page .ss-tool-directory .card{counter-increment:directory;position:relative;display:block;padding:28px 32px 28px 50px;border:0;border-top:1px solid #ded2dc;background:none;border-radius:0;box-shadow:none;transform:none;text-decoration:none}
.experience-page .ss-tool-directory .card:before{content:counter(directory,decimal-leading-zero);position:absolute;inset-inline-start:0;top:30px;font:500 15px/1.6 system-ui;color:#ac5479}.experience-page .ss-tool-directory .card:after{content:'↗';position:absolute;inset-inline-end:0;top:28px;color:#b71e56;font-size:22px}.experience-page .ss-tool-directory h3{font-size:19px;margin:8px 0}.experience-page .ss-tool-directory p{font-size:14px;line-height:1.8;margin:0}.experience-page .ss-tool-directory .tag{padding:0;background:none;font-size:11px;color:#93647a}
.experience-page .ss-tool-directory .card:hover{background:#fff7fa}.experience-page .ss-tool-directory .card:hover h3{text-decoration:underline}
.experience-page .panel.editor,.experience-page .panel.media-tool{max-width:1000px;margin:0 auto 70px;padding:38px;border:1px solid #e1ceda;box-shadow:0 18px 60px #45132d09;border-radius:16px;background:#fff}
.experience-page .ss-tool-walkthrough{padding:12px 0 40px;margin-bottom:20px}.ss-tool-walkthrough>header{max-width:640px;margin-bottom:45px}.ss-tool-walkthrough>header h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2}.ss-tool-walkthrough>header p:not(.eyebrow){color:#6d6270}
.ss-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 0 70px;gap:40px}.ss-timeline li{position:relative;border-top:2px solid #e9c5d6;padding-top:30px}.ss-timeline li>span{display:inline-block;font:500 36px/1 system-ui;color:#b71e56;margin-bottom:24px}.ss-timeline h3{font-size:20px;margin-bottom:14px}.ss-timeline p{font-size:14px;color:#655b69;line-height:1.9}.ss-timeline li:before{content:'';position:absolute;top:-6px;inset-inline-start:0;width:10px;height:10px;background:#b71e56;border-radius:50%}
.ss-walkthrough-visual{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;background:#f4f1fa;padding:40px;border-radius:0 50px 0 0}.ss-walkthrough-visual figure{margin:0}.ss-walkthrough-visual img{width:100%;height:auto;display:block}.ss-walkthrough-visual figcaption{font-size:11px;color:#756780;margin-top:12px}.ss-walkthrough-visual h3{font-size:26px}.ss-walkthrough-visual p:not(.eyebrow){color:#665c70;font-size:15px;line-height:1.9}.ss-text-link{font-weight:650;text-underline-offset:6px}
.experience-page .faq{border:0;border-bottom:1px solid #ded2dc;border-radius:0;background:none;padding:22px 0;margin:0}.experience-page .faq summary{font-size:17px}.experience-page .faq p{max-width:850px;padding-top:15px;color:#655b69}
/* Translated landing content, with all existing language copy preserved. */
.localized-home.experience-page .ss-localized-routes{display:block;counter-reset:localized}.localized-home.experience-page .ss-localized-routes>.card{counter-increment:localized;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;position:relative;border:0;border-top:1px solid #e5d5df;background:none;border-radius:0;box-shadow:none;padding:30px 0 30px 50px}.localized-home.experience-page .ss-localized-routes>.card:before{content:counter(localized,decimal-leading-zero);position:absolute;inset-inline-start:0;top:31px;color:#ad3b6b}.localized-home.experience-page .ss-localized-routes h3,.localized-home.experience-page .ss-localized-routes p{margin:0}.localized-home.experience-page .ss-localized-routes .tag{grid-column:1/-1;padding:0;background:none}.localized-home.experience-page .ss-localized-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#f7f1f7;padding:45px!important;border:0!important}.localized-home.experience-page .ss-localized-privacy{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
/* Instagram: alternating visual about-section, open numbered features and process rail. */
.instagram-tools-page .ss-feature-story{padding:90px 0!important;text-align:start;background:#fff!important}
.ss-feature-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;align-items:start}.ss-feature-intro{position:sticky;top:32px}.ss-feature-intro h2{line-height:1.25!important;margin:0 0 24px;font-weight:700;max-width:420px}.ss-feature-intro>p{font:16px/1.9 system-ui,sans-serif;color:#6d6270}.ss-feature-list{list-style:none;padding:0;margin:0}.ss-feature-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;border-top:1px solid #e4d7e0;padding:25px 0;align-items:start}.ss-feature-number{font:500 18px/1.6 system-ui;color:#af4671}.ss-feature-list h3{font:650 21px/1.4 system-ui,sans-serif!important;margin:0 0 8px!important;color:#332536}.ss-feature-list p{font:14px/1.9 system-ui,sans-serif;color:#6d6270;margin:10px 0 0!important}.ss-feature-caption{font:500 11px/1.7 system-ui,sans-serif;color:#ad2057;letter-spacing:.03em}
.instagram-tools-page .about-14{background:#fff;padding:90px 0!important}.instagram-tools-page .about-14 .row{align-items:center!important}.instagram-tools-page .about-14 .image-box{margin:0 35px 0 0!important}.instagram-tools-page .about-14 .image-box img{border-radius:8px 70px 8px 8px;box-shadow:none!important}.instagram-tools-page .about-14 .content-box{padding:0!important;margin:0!important}.instagram-tools-page .about-14 .content-box p{color:#655b69;line-height:1.9!important}.instagram-tools-page .about-14 .shape,.instagram-tools-page .about-14 .pattern-layer{display:none!important}
.instagram-tools-page .process-five{background:#f8f2f6!important;text-align:start;padding:80px 0!important}.instagram-tools-page .process-five .sec-title-ten{max-width:700px;margin:0 0 45px!important;text-align:start}.instagram-tools-page .process-five .sec-title-ten h2{margin-bottom:18px!important}.instagram-tools-page .processing-block-four .inner-box{padding:26px 10px 0 0!important;text-align:start;border-top:2px solid #dcb7c9}.instagram-tools-page .processing-block-four .count-box{display:block!important;background:none!important;color:#b71e56!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;height:auto!important;line-height:1!important;font-size:38px!important;margin:0 0 26px!important}.instagram-tools-page .processing-block-four .count-box .overlay-icon,.instagram-tools-page .processing-block-four .noimage,.instagram-tools-page .processing-block-four .inner-box:before,.instagram-tools-page .processing-block-four .inner-box:after{display:none!important}.instagram-tools-page .processing-block-four .text p{color:#6d6270;line-height:1.85}.instagram-tools-page .processing-block-four .text h4{margin-bottom:12px!important}.instagram-tools-page .processing-block{margin-bottom:28px}
.instagram-tools-page .related-tools-section{background:#faf6f9!important;padding:70px 0!important}.instagram-tools-page .related-tools-section .related-tools-intro{text-align:start!important;max-width:700px;margin-bottom:30px!important}.instagram-tools-page .related-tools-section .related-tool-card{display:block!important;background:transparent!important;border:0!important;border-top:1px solid #dbcbd7!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:26px 30px 26px 55px!important;margin:0!important;transform:none!important;text-align:start!important}.instagram-tools-page .related-tools-section .related-tool-card:before,.instagram-tools-page .related-tools-section .related-tool-card:after{display:none!important}.instagram-tools-page .related-tools-section .related-tool-icon{position:absolute!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:28px!important;width:32px!important;height:32px!important;line-height:32px!important;background:none!important;color:#ad2057!important;transform:none!important;font-size:24px!important;box-shadow:none!important}.instagram-tools-page .related-tools-section .related-tool-card h3{font-size:20px!important;margin-bottom:10px!important}.instagram-tools-page .related-tools-section .related-tool-card p{font-size:14px!important;color:#6d6270!important}.instagram-tools-page .related-tools-section .related-tool-card:hover h3{text-decoration:underline;color:#b71e56!important}
html[dir=rtl] .experience-page .ss-tool-directory .card{padding-inline:50px 32px}html[dir=rtl] .ss-feature-layout,html[dir=rtl] .ss-feature-story{text-align:right}html[dir=rtl] .experience-page .guide-sidebar .sidebar-note{padding:0 18px 0 0}
@media(max-width:950px){.experience-page .hero-grid{gap:32px;grid-template-columns:1.1fr .9fr}.experience-page .hero h1{font-size:2.65rem}.experience-page .ss-editorial-row{gap:35px}.ss-feature-layout{gap:45px}.experience-page .ss-comparison-story{gap:35px;padding:32px}.ss-walkthrough-visual{gap:32px;padding:28px}.experience-page .guide-sidebar{grid-template-columns:1fr 2fr}.experience-page .guide-sidebar .sidebar-note{grid-column:1/-1}.experience-page .ss-listing-features .card{grid-template-columns:140px 1fr 1.2fr;gap:20px}}
@media(max-width:700px){.experience-page .hero{padding:45px 0}.experience-page .hero-grid{grid-template-columns:1fr;gap:35px}.experience-page .hero h1{font-size:2.35rem;letter-spacing:-.025em}.experience-page .hero-art{max-width:540px;margin:0 auto;transform:none}.experience-page .hero-art img{border-radius:8px 45px 8px 8px}.experience-page .content-layout{padding-top:35px}.experience-page .editorial{padding:40px 0}.experience-page .ss-editorial-row{grid-template-columns:1fr;gap:12px}.experience-page .ss-editorial-row:nth-of-type(3n){padding:28px 24px;margin:10px 0}.experience-page .ss-editorial-row h2{max-width:none}.ss-overline{margin-bottom:10px}.ss-workflow-link{grid-template-columns:30px minmax(0,1fr) 25px;gap:14px;padding:22px 0}.ss-workflow-link .guide-icon{display:none}.ss-workflow-link h3{font-size:19px}.ss-route-number{font-size:17px}.experience-page .ss-comparison-story{grid-template-columns:1fr;padding:30px 24px;gap:18px}.experience-page .ss-listing-features .card{grid-template-columns:1fr;gap:10px}.experience-page .ss-listing-features .tag{max-width:none}.experience-page .ss-tool-directory{grid-template-columns:1fr}.experience-page .ss-tool-directory .card{padding-block:24px}.experience-page .ss-reading-room .card{grid-template-columns:1fr;gap:12px}.experience-page .panel.editor,.experience-page .panel.media-tool{padding:22px;margin-bottom:45px}.ss-timeline{grid-template-columns:1fr;gap:0;margin-bottom:40px}.ss-timeline li{display:grid;grid-template-columns:42px 1fr;gap:0 18px;border-top:0;border-inline-start:2px solid #e9c5d6;padding:0 0 28px 24px}.ss-timeline li:before{top:8px;inset-inline-start:-6px}.ss-timeline li>span{font-size:24px;grid-row:1/3}.ss-timeline h3{margin:0 0 8px}.ss-timeline p{grid-column:2;margin:0}.ss-walkthrough-visual{grid-template-columns:1fr;padding:24px;gap:26px}.ss-feature-layout{grid-template-columns:1fr;gap:24px}.ss-feature-intro{position:static}.instagram-tools-page .ss-feature-story{padding:50px 0!important}.ss-feature-list li{gap:12px;grid-template-columns:32px 1fr}.instagram-tools-page .about-14{padding:50px 0!important}.instagram-tools-page .about-14 .image-box{margin:0 0 30px!important}.instagram-tools-page .process-five{padding:45px 0!important}.instagram-tools-page .process-five .sec-title-ten{margin-bottom:28px!important}.instagram-tools-page .processing-block-four .inner-box{padding:20px 0!important}.instagram-tools-page .processing-block-four .count-box{font-size:28px!important;margin-bottom:14px!important}.instagram-tools-page .related-tools-section .related-tool-card{padding:24px 12px 24px 45px!important}.experience-page .guide-sidebar{grid-template-columns:1fr}.experience-page .guide-sidebar .sidebar-note{grid-column:auto}.localized-home.experience-page .ss-localized-routes>.card{grid-template-columns:1fr;gap:10px;padding-inline-start:38px}.localized-home.experience-page .ss-localized-band,.localized-home.experience-page .ss-localized-privacy{grid-template-columns:1fr;gap:15px}.localized-home.experience-page .ss-localized-band{padding:28px 24px!important}}
@media(prefers-reduced-motion:reduce){.ss-workflow-link{transition:none}}
/* Responsive editorial photography, paired with the existing instructional figures. */
.ss-editorial-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.experience-page .hero-art:has(.ss-editorial-photo){transform:none;filter:none}
.experience-page .hero-art .ss-editorial-photo{border-radius:12px 70px 12px 12px;box-shadow:0 26px 60px #6829431c}
.instagram-tools-page .banner-four .image-box:has(.ss-editorial-photo){max-width:560px;margin:24px auto!important}
.instagram-tools-page .banner-four .image-box .ss-editorial-photo{width:100%;height:auto;max-height:none;object-fit:cover;border-radius:12px 64px 12px 12px;box-shadow:0 22px 55px #61314320}
.instagram-tools-page .banner-four .image-box .paroller-3{transform:none!important}
.instagram-tools-page .about-14 .image-box .ss-editorial-photo{aspect-ratio:4/3;object-fit:cover;border-radius:54px 10px 10px 10px}
.instagram-tools-page .caption-about-photo{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.ss-editorial-inline-photo{margin:0 0 26px}.ss-editorial-inline-photo .ss-editorial-photo{border-radius:8px 48px 8px 8px;aspect-ratio:16/9}
.ss-localized-photo-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.ss-localized-photo-story>figure{margin:10px 0 0;position:sticky;top:30px}.ss-localized-photo-story>figure img{border-radius:8px 55px 8px 8px;aspect-ratio:4/5}
.ss-localized-photo-story .ss-tool-directory{grid-template-columns:1fr;margin-bottom:0}
@media(max-width:700px){.experience-page .hero-art .ss-editorial-photo,.instagram-tools-page .banner-four .image-box .ss-editorial-photo{border-radius:10px 42px 10px 10px}.instagram-tools-page .banner-four .image-box:has(.ss-editorial-photo){max-width:540px!important}.instagram-tools-page .about-14 .image-box .ss-editorial-photo{aspect-ratio:3/2}.ss-localized-photo-story{grid-template-columns:1fr;gap:28px}.ss-localized-photo-story>figure{position:static;margin:0}.ss-localized-photo-story>figure img{aspect-ratio:16/9}}
