/* 14 tips on auto-strategies. Builds on maksimum-pribyli and avtostrategii article styles. */
.s14-page .mp-inputs select{width:100%;min-width:0;min-height:48px;border:1px solid #abc2df;border-radius:8px;padding:10px 12px;color:var(--mp-ink);background:#fff;font:700 16px Manrope,sans-serif}
.s14-page .mp-inputs select:focus-visible{outline:3px solid #0871f93b;outline-offset:2px;border-color:var(--mp-blue)}
.s14-inputs-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.s14-inputs-5{grid-template-columns:repeat(3,minmax(0,1fr))}

.s14-num{display:inline-grid;place-items:center;min-width:44px;height:32px;margin-right:12px;padding:0 8px;border-radius:9px;background:#0871f9;color:#fff;font-size:15px;font-weight:800;letter-spacing:0;vertical-align:4px;font-variant-numeric:tabular-nums}
.s14-tip{scroll-margin-top:90px}

.s14-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 4px}
.s14-map>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:14px 16px;border-radius:12px;background:#f5f9ff;border:1px solid var(--mp-line)}
.s14-map b{width:100%;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#38608e;margin-bottom:4px}
.s14-map a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #b7d4fa;color:#0562df;font-size:13px;font-weight:800;text-decoration:none;transition:background .15s,color .15s}
.s14-map a:hover,.s14-map a:focus-visible{background:#0871f9;border-color:#0871f9;color:#fff}

.s14-diag-result{margin-top:18px;padding:18px 20px;border-radius:12px;background:#edf5ff;border:1px solid #c6daf3}
.s14-diag-result>span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#38608e}
.s14-diag-result ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.s14-diag-result li{padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #d6e5f7;display:flex;flex-direction:column;gap:4px}
.s14-diag-result a{color:#071333;font-size:15px;font-weight:700;text-decoration:none}
.s14-diag-result a b{color:#0562df;margin-right:6px}
.s14-diag-result a:hover{color:#0562df}
.s14-diag-result small{font-size:13px;line-height:1.5;color:#40506d}

.s14-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;margin:4px 0 6px}
.s14-days>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0;height:172px}
.s14-days em{font-style:normal;font-size:11px;font-weight:700;color:#38608e;white-space:nowrap;font-variant-numeric:tabular-nums}
.s14-days i{display:block;width:100%;max-width:56px;height:calc(var(--h) * 1.25px);min-height:4px;border-radius:6px 6px 2px 2px;background:#0871f9;transition:height .25s}
.s14-days span{font-size:12px;font-weight:700;color:#40506d}
.s14-days .s14-part i{background:#8fb9f3}
.s14-days .s14-off i{height:6px;background:repeating-linear-gradient(135deg,#f3c9b5 0 4px,#fff3ec 4px 8px);border:1px dashed #c2410c}
.s14-days .s14-off em,.s14-days .s14-off span{color:#c2410c}

.s14-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;margin:22px 0}
.s14-page .s14-split .mp-figure{margin:0}
.s14-reads ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:s14r;display:flex;flex-direction:column;gap:10px}
.s14-reads li{position:relative;counter-increment:s14r;padding:14px 16px 14px 56px;border-radius:12px;background:#f5f9ff;border:1px solid var(--mp-line);display:flex;flex-direction:column;gap:3px}
.s14-reads li:before{content:counter(s14r);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:#0871f9;color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}
.s14-reads b{font-size:15px}.s14-reads small{font-size:13px;color:#40506d;line-height:1.5}

.s14-goal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.s14-goal>div{padding:18px;border-radius:12px;background:#f5f9ff;border:1px solid var(--mp-line);border-top:4px solid #0871f9;display:flex;flex-direction:column;gap:6px}
.s14-goal b{font-size:20px;letter-spacing:-.03em;color:#0562df}
.s14-goal span{font-size:13.5px;line-height:1.55;color:#40506d}

.s14-vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.s14-vs>div{padding:18px 20px;border-radius:12px;background:#fff;border:1px solid var(--mp-line)}
.s14-vs>.s14-vs-net{border:2px solid #a4c9fb;background:#f5f9ff}
.s14-vs b{display:block;margin:12px 0 6px;font-size:16px}
.s14-page .s14-vs p{margin:0;font-size:14px;line-height:1.6;color:#40506d}

.s14-copy-grid,.s14-feed-grid{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;gap:10px;align-items:stretch}
.s14-copy-grid>i,.s14-feed-grid>i{align-self:center;font-style:normal;font-size:22px;font-weight:800;color:#7e99b9;text-align:center}
.s14-copy-grid>div,.s14-feed-site,.s14-feed-master{padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:6px}
.s14-copy-grid b,.s14-feed-grid b{font-size:16px}
.s14-copy-grid small,.s14-feed-grid small{font-size:12.5px;line-height:1.5}
.s14-copy-orig{background:#eff9f4;border:1px solid #c6e6d6}.s14-copy-orig b{color:#076748}
.s14-copy-test{background:#fff;border:2px dashed #78acfa}.s14-copy-test b{color:#0562df}
.s14-copy-win{background:#071333;color:#fff}.s14-copy-win small{color:#c8d6ee}
.s14-feed-grid>div:first-child{display:flex;flex-direction:column;gap:8px;justify-content:center}
.s14-feed-grid>div:first-child span{padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #c6daf3;font-size:13px;font-weight:700;text-align:center}
.s14-feed-site{background:#fff;border:1px solid #c6daf3;justify-content:center}
.s14-feed-master{background:#0871f9;color:#fff;justify-content:center}.s14-feed-master small{color:#d7e8ff}

.s14-scroll-page{display:flex;flex-direction:column;gap:6px;max-width:620px;padding:14px;border-radius:12px;background:#fff;border:1px solid var(--mp-line)}
.s14-scroll-page>div{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:#eef3fa;overflow:hidden;font-size:13.5px}
.s14-scroll-page>div:before{content:'';position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 1%);background:#b3d1fb;border-right:3px solid #0871f9}
.s14-scroll-page b,.s14-scroll-page span{position:relative;font-weight:800;color:#071333}
.s14-scroll-page span{font-variant-numeric:tabular-nums}
.s14-scroll-page>.s14-scroll-drop{outline:2px solid #c2410c;outline-offset:2px}
.s14-scroll-page>.s14-scroll-drop:before{background:#f8cdb5;border-right-color:#c2410c}
.s14-scroll-page>.s14-scroll-drop span{color:#c2410c}
.s14-page .s14-scroll figcaption{margin-top:14px}

.s14-domains-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s14-domains-grid>div{padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:10px}
.s14-dom-bad{background:#fff3ec;border:1px solid #f3c9b5}.s14-dom-bad .as-level{background:#c2410c;color:#fff;align-self:flex-start}
.s14-dom-good{background:#eff9f4;border:1px solid #c6e6d6}.s14-dom-good .as-level{background:#087c59;color:#fff;align-self:flex-start}
.s14-dom-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;border-radius:8px;background:#fff;border:1px solid #dbe7f6}
.s14-dom-row b{font-size:14px}.s14-dom-row i{font-style:normal;font-size:13px;color:#40506d;text-align:right}
.s14-dom-off{opacity:.65}.s14-dom-off i{color:#c2410c;text-decoration:line-through;text-decoration-thickness:1px}

@media(max-width:760px){.s14-inputs-2,.s14-inputs-5{grid-template-columns:1fr}.s14-map{grid-template-columns:1fr 1fr}.s14-split,.s14-goal,.s14-vs,.s14-domains-grid{grid-template-columns:1fr}.s14-copy-grid,.s14-feed-grid{grid-template-columns:1fr}.s14-copy-grid>i,.s14-feed-grid>i{transform:rotate(90deg);line-height:1}.s14-copy-grid>i:first-of-type{transform:none}.s14-feed-grid>div:first-child{flex-direction:row}.s14-feed-grid>div:first-child span{flex:1}.s14-days{gap:4px}.s14-days>div{height:150px}.s14-days i{height:calc(var(--h) * 1.05px)}.s14-days em{font-size:9.5px}.s14-num{min-width:38px;height:28px;font-size:13px;margin-right:10px;vertical-align:3px}}
@media(max-width:520px){.s14-map{grid-template-columns:1fr}.s14-diag-result{padding:14px}.s14-days em{writing-mode:vertical-rl;transform:rotate(180deg)}.s14-days>div{height:170px}}
@media print{.s14-map a{border:1px solid #888}}