/* Plain guide tool, with readable controls and system type. */
.compact-tool{--paper:#fff;--orange:#ff6238;background:#fff;color:#182026;font-family:Arial,Helvetica,sans-serif}
.compact-tool .shell{width:min(1000px,calc(100% - 40px))}
.compact-tool .site-header{min-height:76px;gap:20px}
.compact-tool .brand{font-size:22px;letter-spacing:-.8px}
.compact-tool .brand img{width:30px;height:30px}
.compact-tool .brand-dot,.compact-tool .site-footer .orange{color:#bc3e1e}
.site-header nav button{min-height:44px;padding:10px 0;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}
.site-header nav button:hover{text-decoration:underline;text-underline-offset:4px}
.compact-tool .site-header nav{margin-left:auto;margin-right:24px;gap:25px;font-size:14px;line-height:1.5}
.compact-tool .site-header nav a{min-height:44px;padding:10px 0}
.compact-tool .edition{font-size:11px;letter-spacing:.6px}
.tool-main{max-width:520px;padding-block:26px 32px}
.tool-intro{text-align:center;margin-bottom:18px}
.tool-badge{display:block;margin-bottom:14px;color:#4f5c50;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:0}
.tool-intro h1{margin:0 0 13px;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.6px;color:#182026}
.tool-intro h1 small{display:block;margin-bottom:2px;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;color:#455247}
.tool-intro h1 strong{display:block;font-size:68px;line-height:1.1;letter-spacing:-2.5px;font-weight:700;color:#182026}
.tool-intro h1>span{display:block;margin-top:3px;font-size:27px;line-height:1.25;letter-spacing:-.6px;color:#182026}
.tool-intro>p{margin:0;color:#455247;font-size:14px;line-height:1.6}
.growth-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;max-width:300px;margin:6px auto 0}
.growth-signal{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:90px;gap:0;color:#455247}
.growth-signal>span:last-child{font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}
.growth-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px}
.growth-icon svg{display:block;width:30px;height:30px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.growth-signal-followers .growth-icon{width:72px;height:72px;border-radius:18px;color:#9c3e25;background:#fff0e9}
.growth-signal-followers .growth-icon svg{width:46px;height:46px}
.growth-signal-likes .growth-icon{color:#9b3f5b;background:#ffedf3}
.growth-signal-reach .growth-icon{color:#4f6636;background:#e8f5d0}
.tool-panel{padding:25px;border:1px solid #cfd6ca;border-radius:7px;background:#fff}
.compact-tool .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px;margin:0 0 24px;line-height:1.4}
.compact-tool .steps li{color:#4f594f;font-size:11px;gap:7px}
.compact-tool .steps li b{font-size:11px;font-weight:600;white-space:nowrap}
.tool-panel .steps{margin-inline:-8px}
.compact-tool .steps li>span{width:29px;height:29px;font-size:12px;border-color:#879382;color:#455247}
.compact-tool .steps li:not(:last-child):after{top:14px;left:calc(50% + 19px);width:calc(100% - 38px);background:#b8c2b2}
.compact-tool .steps li[aria-current]{color:#182026}
.compact-tool .steps li[aria-current]>span{background:#182026;border-color:#182026;color:#fff}
.compact-tool .steps li.done>span{background:#e8eddf;border-color:#879382;color:#182026}
.tool-panel form>label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.5}
.tool-panel .input-wrap input{height:54px;padding-left:38px;border-color:#879382;border-radius:5px;background:#fff;color:#182026;font-size:16px}
.tool-panel .input-wrap input::placeholder{color:#5b6659;opacity:1}
.tool-panel .input-wrap>span{top:15px;left:13px;font-size:18px;color:#53604f}
.tool-panel .field-help{margin:8px 0 18px;color:#53604f;font-size:12px;line-height:1.6}
.compact-tool .form-error{font-size:13px;line-height:1.6;color:#a12b14}
.compact-tool .button{min-height:54px;padding:15px 18px;border:1px solid #ff6238;border-radius:5px;background:#ff6238;color:#182026;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;transition:background .15s}
.compact-tool .button:hover{background:#ff7955;border-color:#ff7955;transform:none}
.compact-tool .button:active{background:#f65029}
.tool-offer{margin:12px 0 15px;text-align:center;font-size:12px;line-height:1.6;color:#455247}
.tool-support{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 14px;padding-top:5px;border-top:1px solid #dfe4da}
.tool-support>a,.tool-support>button{display:flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:none;color:#374c32;font:inherit;font-size:12px;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tool-support>a:hover,.tool-support>button:hover{color:#182026}
.compact-tool .site-footer{padding-block:24px;gap:18px}
.compact-tool .site-footer .brand{font-size:18px}
.compact-tool .site-footer>div>p{margin:7px 0 0;font-size:12px;color:#455247}
.compact-tool .footer-links{gap:18px;font-size:12px;line-height:1.6}
.compact-tool .footer-links a{min-height:32px;display:flex;align-items:center}
.compact-tool .footer-note{font-size:11px;line-height:1.7;color:#53604f}
.compact-tool .flow-main{max-width:600px;min-height:calc(100vh - 250px);padding-block:20px 30px}
.compact-tool .back-link{margin-bottom:15px;font-size:13px;color:#455247;min-height:32px}
.compact-tool .flow-heading{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 18px}
.compact-tool .flow-heading .eyebrow{font-size:12px;letter-spacing:.5px;margin-bottom:8px}
.flow-symbol{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border-radius:14px;background:#fff0e9;color:#9c3e25}
.flow-symbol svg{display:block;width:38px;height:38px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.compact-tool .flow-heading h1{min-width:0;max-width:calc(100% - 72px);font-size:31px;line-height:1.15;letter-spacing:-.8px;margin:0;text-align:left}
.compact-tool .flow-heading>p:last-child{font-size:14px;line-height:1.6;color:#455247}
.compact-tool .flow-card{max-width:490px;padding:24px;border-color:#cfd6ca;border-radius:7px}
.compact-tool .flow-card .steps{padding-bottom:23px;margin-bottom:23px}
.compact-tool .profile-mini{padding-bottom:22px}
.compact-tool .profile-mini .avatar{background:#e8eddf;color:#182026}
.compact-tool .profile-mini .avatar svg{display:block;width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.compact-tool .profile-mini .small{font-size:11px;letter-spacing:0;color:#455247}
.compact-tool .profile-mini strong{font-size:15px}
.compact-tool .text-link{font-size:13px;color:#374c32;line-height:1.6}
.compact-tool legend{font-size:16px;font-weight:700}
.compact-tool .field-help{font-size:12px;line-height:1.6;color:#53604f}
.compact-tool .goal-grid{gap:12px}
.compact-tool .goal-option{min-height:110px;padding:25px 13px 14px;border-color:#879382;border-radius:5px;background:#fff}
.compact-tool .goal-option:has(input:checked){background:#fff0e9;border-color:#b83b1c;box-shadow:0 0 0 1px #b83b1c}
.compact-tool .goal-label{gap:3px}
.goal-top{display:flex;align-items:center;gap:8px}
.compact-tool .goal-label>.goal-top{color:#182026;font-size:inherit}
.goal-symbol{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;color:#9c3e25}
.goal-symbol svg{display:block;width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.compact-tool .goal-label strong{font-size:28px;line-height:1.25;letter-spacing:-.7px}
.compact-tool .goal-label>span{font-size:13px;color:#455247}
.compact-tool .goal-label em{font-size:10px;line-height:1.5;letter-spacing:0;color:#455247}
.compact-tool .radio-dot{top:11px;right:12px;width:14px;height:14px;border-color:#64715d}
.compact-tool .goal-option:has(input:checked) .radio-dot{border-color:#b83b1c;background:#fff}
.compact-tool .goal-total{margin:22px 0;font-size:14px;color:#455247}
.compact-tool .review-list>div{position:relative;padding:14px 0 14px 42px}
.compact-tool .review-list dt{font-size:12px;line-height:1.5;margin-bottom:5px;color:#53604f}
.review-icon{position:absolute;left:0;top:calc(50% - 15px);display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#e8eddf;color:#425d2e}
.review-icon svg{display:block;width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.compact-tool .review-list dd{font-size:17px;line-height:1.5;flex-wrap:wrap;gap:8px}
.compact-tool .review-list dd .text-link{flex-shrink:0}
.compact-tool .review-list dd .tag{font-size:12px;background:#e8eddf;padding:5px 8px;border-radius:3px}
.compact-tool .note-box{padding:15px;background:#f4f6ef;border-radius:4px;margin-bottom:23px}
.compact-tool .note-box p{font-size:14px;line-height:1.65;color:#455247;margin:0}
.compact-tool .flow-footnote{max-width:490px;margin:16px auto 0;font-size:12px;line-height:1.65;color:#53604f}
.compact-tool .download-preview{margin:3px 0 23px;gap:21px}
.compact-tool .download-preview>img{width:87px;box-shadow:none;transform:none}
.compact-tool .download-preview .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.3px;margin-bottom:8px}
.compact-tool .download-preview h2{font-size:26px;line-height:1.15;letter-spacing:-.5px}
.compact-tool .download-preview p{font-size:14px;line-height:1.6;color:#455247}
.compact-tool .download-preview.minimal-download{flex-direction:column;gap:12px;text-align:center;margin:0 0 18px}
.compact-tool .download-preview.minimal-download>img{width:144px;height:144px;object-fit:contain}
.compact-tool .download-preview.minimal-download h2{font-size:19px;line-height:1.3;letter-spacing:-.3px;margin:0}
.download-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 17px;margin:20px 0 23px;font-size:12px;color:#455247}
.download-facts>span{display:inline-flex;align-items:center;gap:5px}
.download-facts svg{display:block;width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.2;color:#425d2e}
.compact-tool .download-note{font-size:12px;line-height:1.6;color:#53604f}
.compact-tool .small.muted{font-size:12px;line-height:1.6;color:#53604f}
.compact-tool .centered{font-size:13px;margin-top:21px}
.site-details{width:min(600px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:25px;border:1px solid #cfd6ca;border-radius:7px;color:#182026;background:#fff;box-shadow:none}
.site-details::backdrop{background:#18202680}
.details-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
.details-top>h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.4px}
.details-top>button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:0;background:transparent;color:#182026;font-size:28px;line-height:1;cursor:pointer}
.site-details>p{font-size:14px;line-height:1.75;color:#455247;margin-bottom:15px}
.details-actions{display:flex;gap:12px 24px;flex-wrap:wrap;margin:20px 0 25px}
.details-actions .text-link{font-size:14px;line-height:1.6;color:#374c32}
.site-details .faq-list summary{font-size:14px;line-height:1.6;padding-block:18px}
.site-details .faq-list details p{font-size:14px;line-height:1.75;color:#455247}
.username-help-guide{padding:16px 18px;background:#f0f3e9;border-radius:4px;margin-top:22px;font-size:14px;line-height:1.75;color:#455247;max-width:660px}
@media(max-width:800px){.compact-tool .edition{display:none}.compact-tool .site-header nav{margin-right:0}}
@media(max-width:600px){.compact-tool .shell{width:calc(100% - 32px)}.compact-tool .site-header{min-height:64px;gap:12px}.compact-tool .brand{font-size:20px;gap:7px}.compact-tool .brand img{width:28px;height:28px}.compact-tool .site-header nav{font-size:14px;gap:18px}.compact-tool .site-header nav a,.compact-tool .site-header nav button{padding-block:10px}.tool-main{padding-block:18px 26px;max-width:490px}.tool-intro{margin-bottom:16px}.tool-badge{font-size:12px;margin-bottom:8px}.tool-intro h1{margin-bottom:8px}.tool-intro h1 small{font-size:16px}.tool-intro h1 strong{font-size:61px;letter-spacing:-2px}.tool-intro h1>span{font-size:24px}.tool-intro>p{font-size:14px}.tool-panel{padding:21px 19px 19px}.tool-panel .steps{margin-bottom:18px}.tool-panel .input-wrap input{font-size:16px}.compact-tool .button{font-size:16px;min-height:54px}.tool-support{gap:0 12px}.compact-tool .site-footer{gap:14px;padding-block:22px}.compact-tool .site-footer .brand{font-size:18px}.compact-tool .site-footer>div>p{font-size:12px}.compact-tool .footer-links{gap:15px;font-size:12px;padding-top:0}.compact-tool .footer-note{font-size:11px}.compact-tool .flow-main{padding-block:18px 28px;min-height:0}.compact-tool .flow-heading h1{font-size:30px}.compact-tool .flow-heading>p:last-child{font-size:14px}.compact-tool .flow-card{padding:22px 19px}.compact-tool .goal-label strong{font-size:26px}.compact-tool .goal-option{padding:25px 12px 14px;min-height:110px}.compact-tool .review-list dd{font-size:16px}.compact-tool .download-preview{gap:17px}.compact-tool .download-preview>img{width:75px}.compact-tool .download-preview h2{font-size:24px}.compact-tool .download-preview p{font-size:14px}.site-details{padding:20px}.details-top>h2{font-size:22px}}
@media(max-width:360px){.compact-tool .shell{width:calc(100% - 28px)}.compact-tool .brand{font-size:18px;gap:6px}.compact-tool .brand img{width:26px;height:26px}.compact-tool .site-header{gap:10px}.compact-tool .site-header nav{gap:15px;font-size:14px}.tool-panel{padding-inline:17px}.tool-intro h1 strong{font-size:57px}.tool-intro h1>span{font-size:23px}.tool-support{gap:0 10px}.tool-support>a,.tool-support>button{font-size:12px}.compact-tool .flow-card{padding-inline:17px}.compact-tool .goal-label strong{font-size:22px}.goal-top{gap:6px}.goal-symbol,.goal-symbol svg{width:22px;height:22px}.compact-tool .goal-label em{font-size:10px}.compact-tool .download-preview{gap:14px}.compact-tool .download-preview>img{width:66px}.compact-tool .download-preview h2{font-size:22px}.download-facts{gap:7px 12px}}
@media(prefers-reduced-motion:reduce){.compact-tool .button{transition:none}}
.growth-signal-reach .growth-icon svg,.flow-symbol svg.icon-line,.review-icon svg.icon-line,.download-facts svg.icon-line{fill:none;stroke-width:2.2}
.compact-tool #goal-form>.button{margin-top:18px}
.compact-tool .flow-card .steps{margin-inline:-8px}
.compact-tool .profile-mini>strong{flex:1;min-width:0;overflow-wrap:anywhere}
.compact-tool .review-list dd{overflow-wrap:anywhere}
@media(max-width:360px){.compact-tool #goal-form .goal-option{min-height:96px;padding-top:21px}.compact-tool .flow-card .profile-mini{padding-bottom:14px}.compact-tool .flow-card #goal-form>.button{margin-top:14px}}
