.writer-expand-shorten-introduction{width:min(1120px,100% - 48px);margin:62px auto 0;color:var(--writer-ink)}.writer-expand-shorten-introduction>section{margin:0}.writer-expand-shorten-introduction>section+section{margin-top:62px}.writer-expand-shorten-introduction .writer-introduction-heading{max-width:780px;margin-bottom:24px;margin-inline:auto;text-align:center}.writer-expand-shorten-introduction .writer-introduction-heading>span{color:var(--writer-primary);font-size:12px;font-weight:800;letter-spacing:.1em}.writer-expand-shorten-introduction .writer-introduction-heading h2{margin:8px 0 0;font-size:28px;font-weight:780;letter-spacing:-.025em;line-height:1.2}.writer-expand-shorten-introduction .writer-introduction-heading p{max-width:700px;margin:12px auto 0;color:var(--writer-muted);font-size:14px;line-height:1.6}.writer-expand-shorten-introduction .writer-length-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.writer-expand-shorten-introduction .writer-length-mode-card{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid #e4defe;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(48,37,91,.07)}.writer-expand-shorten-introduction .writer-length-mode-card>header{display:flex;align-items:flex-start;gap:12px}.writer-expand-shorten-introduction .writer-length-mode-card .writer-length-mode-icon,.writer-expand-shorten-introduction .writer-length-mode-card .writer-comparison-icon{display:inline-flex;width:38px;height:38px;flex:none;align-items:center;justify-content:center;border-radius:11px;background:#f0ebff;color:var(--writer-primary)}.writer-expand-shorten-introduction .writer-length-mode-card .writer-length-mode-icon svg,.writer-expand-shorten-introduction .writer-length-mode-card .writer-comparison-icon svg{width:20px;height:20px}.writer-expand-shorten-introduction .writer-length-mode-card.is-shorten{border-color:#d9e7ff}.writer-expand-shorten-introduction .writer-length-mode-card.is-shorten .writer-length-mode-icon{background:#eaf3ff;color:#3473e6}.writer-expand-shorten-introduction .writer-length-mode-card h3{margin:0;font-size:16px;font-weight:750;line-height:1.35}.writer-expand-shorten-introduction .writer-length-mode-card>header p{margin:4px 0 0;color:var(--writer-muted);font-size:13px;line-height:1.55}.writer-expand-shorten-introduction .writer-length-mode-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0;padding:0;list-style:none}.writer-expand-shorten-introduction .writer-length-mode-card li{padding:5px 9px;border-radius:999px;background:#f7f5ff;color:#5d51a0;font-size:11px;line-height:1.2}.writer-expand-shorten-introduction .writer-length-mode-card.is-shorten li{background:#f0f6ff;color:#3e68a7}.writer-expand-shorten-introduction .writer-length-example{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;margin-top:auto;padding:14px;border-radius:12px;background:#faf9ff}.writer-expand-shorten-introduction .writer-length-example>svg{width:16px;height:16px;color:#a09abf}.writer-expand-shorten-introduction .writer-length-example div{min-width:0}.writer-expand-shorten-introduction .writer-length-example span{color:#8279aa;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.writer-expand-shorten-introduction .writer-length-example p{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:#566078;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:5}.writer-expand-shorten-introduction .writer-length-mode-card>a,.writer-expand-shorten-introduction .writer-length-use-case>a{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:var(--writer-primary);font-size:13px;font-weight:750;-webkit-text-decoration:none;text-decoration:none}.writer-expand-shorten-introduction .writer-length-mode-card>a:hover,.writer-expand-shorten-introduction .writer-length-use-case>a:hover{color:var(--writer-primary-hover);-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:3px}.writer-expand-shorten-introduction .writer-length-mode-card>a svg,.writer-expand-shorten-introduction .writer-length-use-case>a svg,.writer-expand-shorten-introduction .writer-length-scale-caption>svg{width:15px;height:15px}.writer-expand-shorten-introduction .writer-length-scale{padding:26px 28px;border:1px solid #e4defe;border-radius:18px;background:linear-gradient(120deg,#fff,#fbf9ff)}.writer-expand-shorten-introduction .writer-length-scale-labels{display:flex;justify-content:space-between;color:#59647a;font-size:13px}.writer-expand-shorten-introduction .writer-length-scale-track{position:relative;display:flex;justify-content:space-between;align-items:center;margin:20px 0 18px;min-height:18px}.writer-expand-shorten-introduction .writer-length-scale-track:before{position:absolute;inset-inline:0;top:50%;height:2px;content:"";border-top:2px dotted #d4cdf2;transform:translateY(-50%)}.writer-expand-shorten-introduction .writer-length-scale-track span,.writer-expand-shorten-introduction .writer-length-scale-track b{position:relative;z-index:1;display:block;flex:none;border-radius:999px}.writer-expand-shorten-introduction .writer-length-scale-track span{width:10px;height:10px;background:#bcaaff}.writer-expand-shorten-introduction .writer-length-scale-track span:nth-child(4),.writer-expand-shorten-introduction .writer-length-scale-track span:nth-child(5){background:#8dbdff}.writer-expand-shorten-introduction .writer-length-scale-track b{width:18px;height:18px;background:var(--writer-primary);box-shadow:0 4px 12px rgba(109,74,255,.25)}.writer-expand-shorten-introduction .writer-length-scale-caption{display:flex;align-items:center;gap:9px;color:var(--writer-muted);font-size:13px;line-height:1.5}.writer-expand-shorten-introduction .writer-length-scale-caption>svg:first-child{flex:none;color:var(--writer-primary)}.writer-expand-shorten-introduction .writer-length-scale-caption>svg:last-child{margin-inline-start:auto;flex:none;color:#8c97ad}.writer-expand-shorten-introduction .writer-length-comparison-cards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);grid-gap:16px;gap:16px;margin-top:24px;align-items:stretch}.writer-expand-shorten-introduction .writer-length-comparison-cards article{display:flex;min-width:0;flex-direction:column;min-height:190px;padding:18px;border:1px solid #e8e5f4;border-radius:15px;background:#f3f4f8}.writer-expand-shorten-introduction .writer-length-comparison-cards article.is-original{border-color:#e2e4ec;background:#f3f4f8}.writer-expand-shorten-introduction .writer-length-comparison-cards article.is-expanded{border-color:#d8ceff;background:#f5f0ff}.writer-expand-shorten-introduction .writer-length-comparison-cards article.is-shortened{border-color:#d4e4ff;background:#edf5ff}.writer-expand-shorten-introduction .writer-length-comparison-cards header{display:flex;align-items:center;gap:10px}.writer-expand-shorten-introduction .writer-length-comparison-cards .writer-comparison-icon{display:inline-flex;width:38px;height:38px;flex:none;align-items:center;justify-content:center;border-radius:11px;background:#e5e8ef;color:#68748a}.writer-expand-shorten-introduction .writer-length-comparison-cards .writer-comparison-icon svg{width:20px;height:20px}.writer-expand-shorten-introduction .writer-length-comparison-cards article.is-expanded .writer-comparison-icon{background:#e9e0ff;color:var(--writer-primary)}.writer-expand-shorten-introduction .writer-length-comparison-cards article.is-shortened .writer-comparison-icon{background:#dcecff;color:#3473e6}.writer-expand-shorten-introduction .writer-length-comparison-cards h3{margin:0;font-size:16px;font-weight:750}.writer-expand-shorten-introduction .writer-length-comparison-cards .writer-length-comparison-copy{flex:1 1;margin-top:16px;padding:14px 16px;border-radius:11px;background:#fff}.writer-expand-shorten-introduction .writer-length-comparison-cards p{margin:0;color:var(--writer-muted);font-size:13px;line-height:1.6}.writer-expand-shorten-introduction .writer-length-comparison-arrow{align-self:center;width:18px;height:18px;color:#8b7ce3}.writer-expand-shorten-introduction .writer-length-use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.writer-expand-shorten-introduction .writer-length-use-case{display:flex;min-width:0;flex-direction:column;padding:20px;border:1px solid #e8e5f4;border-radius:15px;background:#fff}.writer-expand-shorten-introduction .writer-length-use-case>header{display:flex;align-items:center;gap:10px}.writer-expand-shorten-introduction .writer-length-use-case>header>span{display:inline-flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;border-radius:10px;background:#f0ebff;color:var(--writer-primary)}.writer-expand-shorten-introduction .writer-length-use-case>header>span svg{width:18px;height:18px}.writer-expand-shorten-introduction .writer-length-use-case h3{margin:0;font-size:15px;font-weight:750;line-height:1.35}.writer-expand-shorten-introduction .writer-length-use-case>p{margin:14px 0 0;color:var(--writer-muted);font-size:13px;line-height:1.6}.writer-expand-shorten-introduction .writer-length-use-case>a{margin-top:auto;padding-top:18px}.writer-expand-shorten-introduction .writer-length-use-case.is-blue,.writer-expand-shorten-introduction .writer-length-use-case.is-search-blue{border-color:#d8e7ff}.writer-expand-shorten-introduction .writer-length-use-case.is-blue>header>span,.writer-expand-shorten-introduction .writer-length-use-case.is-search-blue>header>span{background:#eaf3ff;color:#3473e6}.writer-expand-shorten-introduction .writer-length-use-case.is-pink>header>span{background:#fff0f7;color:#da5f9a}.writer-expand-shorten-introduction .writer-length-use-case.is-orange>header>span{background:#fff4e7;color:#ce7834}.writer-expand-shorten-introduction .writer-length-use-case.is-green>header>span{background:#eafaf1;color:#2a9b65}@media (max-width: 760px){.writer-expand-shorten-introduction{width:min(640px,100% - 28px);margin-top:46px}.writer-expand-shorten-introduction>section+section{margin-top:46px}.writer-expand-shorten-introduction .writer-introduction-heading h2{font-size:24px}.writer-expand-shorten-introduction .writer-length-mode-cards,.writer-expand-shorten-introduction .writer-length-comparison-cards,.writer-expand-shorten-introduction .writer-length-use-case-grid{grid-template-columns:minmax(0,1fr)}.writer-expand-shorten-introduction .writer-length-comparison-arrow{display:none}.writer-expand-shorten-introduction .writer-length-scale{padding:20px}.writer-expand-shorten-introduction .writer-length-example{grid-template-columns:minmax(0,1fr)}.writer-expand-shorten-introduction .writer-length-example>svg{display:none}}@media (prefers-reduced-motion: reduce){.writer-expand-shorten-introduction a{transition:none}}