/* Отдельные стили страницы «Мой портфель». Общие шапка и подвал — из site.css. */
.portfolio26{color:var(--ink,#172c3a);overflow:hidden}
.portfolio26 .p26-hero{background:linear-gradient(110deg,#f7faf7 0%,#f1f6f2 68%,#e8f1ea 100%);padding:86px 0 94px}
.portfolio26 .p26-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:7%;align-items:center}
.portfolio26 .p26-hero h1{font-size:clamp(43px,4.7vw,65px);line-height:1.075;margin:23px 0 25px;letter-spacing:-.055em}
.portfolio26 .p26-hero h1 span{color:var(--green,#416b58)}
.portfolio26 .p26-lead{color:#465c65;line-height:1.75;font-size:17px;max-width:600px;margin-bottom:17px}
.portfolio26 .p26-lead strong{color:#1d4244}
.portfolio26 .p26-lead-secondary{color:#67767b;font-size:14px;line-height:1.75;max-width:585px;margin-bottom:30px}
.portfolio26 .p26-hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.portfolio26 .p26-scorecard{background:#173747;color:#fff;border-radius:17px;padding:29px 30px 25px;box-shadow:0 22px 52px rgba(21,48,55,.12);max-width:530px;width:100%;min-width:0}
.portfolio26 .p26-scorecard-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#a7cbb6;font-weight:750;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:23px}
.portfolio26 .p26-current-label{font-size:14px;color:#c3d6d7;margin:29px 0 7px}
.portfolio26 .p26-current{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.portfolio26 .p26-current span{font-size:clamp(42px,4.5vw,62px);line-height:1.1;letter-spacing:-.07em;font-weight:780}
.portfolio26 .p26-current small{font-size:15px;color:#c5d7d5}
.portfolio26 .p26-forward-note{color:#b5cbd0;font-size:12px;margin:10px 0 33px;line-height:1.6}
.portfolio26 .p26-progress-head{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#c9d9d8;margin-bottom:11px}
.portfolio26 .p26-progress-head strong{color:#fff}
.portfolio26 .p26-progress-bar{height:11px;border-radius:50px;background:#476877;overflow:hidden}
.portfolio26 .p26-progress-bar i{height:100%;width:30.53%;display:block;border-radius:50px;background:#9dcaad}
.portfolio26 .p26-scorecard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid rgba(255,255,255,.15);margin-top:27px;padding-top:21px}
.portfolio26 .p26-scorecard-bottom div{display:flex;flex-direction:column;gap:4px}
.portfolio26 .p26-scorecard-bottom strong{font-size:26px;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums}
.portfolio26 .p26-scorecard-bottom span{font-size:12px;color:#c1d3d4}
.portfolio26 .p26-disclosure{color:#a8bec5;font-size:11px;line-height:1.65;margin:25px 0 0}
.portfolio26 .p26-section{padding:94px 0}
.portfolio26 .p26-narrow{max-width:980px}
.portfolio26 .p26-narrow h2,.portfolio26 .p26-section h2{margin:12px 0 22px;font-size:clamp(30px,3vw,42px);line-height:1.16;letter-spacing:-.038em}
.portfolio26 .p26-prose{font-size:16px;line-height:1.85;color:#526a73;margin:0 0 18px}
.portfolio26 .p26-prose a{color:#396e54;text-decoration:underline;text-underline-offset:3px}
.portfolio26 .p26-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce7df;border-radius:12px;margin-top:39px;overflow:hidden;background:#fbfcfb}
.portfolio26 .p26-step{padding:23px 20px;display:flex;flex-direction:column;min-width:0;gap:9px;border-right:1px solid #dce7df}
.portfolio26 .p26-step:last-child{border:0}
.portfolio26 .p26-step span{font-size:11px;color:#54765e;font-weight:800;letter-spacing:.1em}
.portfolio26 .p26-step strong{font-size:15px;line-height:1.4;color:#213944}
.portfolio26 .p26-step small{font-size:12px;line-height:1.55;color:#687a7d}
.portfolio26 .p26-section-muted{background:#f5f8f5}
.portfolio26 .p26-section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:36px}
.portfolio26 .p26-section-heading h2{margin-bottom:0}
.portfolio26 .p26-section-heading p{max-width:370px;font-size:14px;line-height:1.7;margin:0}
.portfolio26 .p26-timeline{max-width:1010px;border-top:1px solid #dde5df}
.portfolio26 .p26-timeline-item{display:grid;grid-template-columns:190px 1fr;gap:36px;padding:31px 0;border-bottom:1px solid #dce5df}
.portfolio26 .p26-year{font-size:25px;font-weight:790;line-height:1.2;letter-spacing:-.035em;color:#42735c}
.portfolio26 .p26-timeline-item h3{font-size:22px;line-height:1.35;margin:0 0 10px}
.portfolio26 .p26-timeline-item p{max-width:790px;font-size:15px;line-height:1.77;margin:0 0 12px}
.portfolio26 .p26-timeline-item a,.portfolio26 .p26-underlink{font-size:13px;color:#386c51;font-weight:760}
.portfolio26 .p26-timeline-item a:hover,.portfolio26 .p26-underlink:hover{text-decoration:underline}
.portfolio26 .p26-lesson-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:center}
.portfolio26 .p26-lesson-grid .p26-prose{font-size:15px}
.portfolio26 .p26-note{background:#edf3ee;border-radius:14px;padding:34px 35px;min-width:0}
.portfolio26 .p26-note-mark{font:700 65px Georgia,serif;color:#94b69f;line-height:.8}
.portfolio26 .p26-note blockquote{margin:10px 0 24px;font:normal clamp(18px,1.8vw,23px)/1.55 Georgia,'Times New Roman',serif;color:#24403b;letter-spacing:-.015em}
.portfolio26 .p26-note>span{font-size:12px;font-weight:730;color:#6b827a}
.portfolio26 .p26-archive{background:#fbfcfa;padding-top:83px}
.portfolio26 .p26-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.portfolio26 .p26-archive-item{padding:27px;min-width:0;border-radius:11px;border:1px solid #dfe7e1;background:white;display:flex;flex-direction:column;gap:12px;min-height:252px;transition:box-shadow .2s,transform .2s}
.portfolio26 .p26-archive-item:hover{box-shadow:0 12px 32px #173e2611;transform:translateY(-2px)}
.portfolio26 .p26-archive-item small{font-size:11px;color:#61816b;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.portfolio26 .p26-archive-item strong{font-size:20px;line-height:1.35;letter-spacing:-.02em;color:#17323c}
.portfolio26 .p26-archive-item span{font-size:13px;color:#62757a;line-height:1.68}
.portfolio26 .p26-archive-item em{font-size:13px;color:#346c4f;font-weight:760;font-style:normal;margin-top:auto}
.portfolio26 .p26-ending{background:#173747;color:white;padding:62px 0}
.portfolio26 .p26-ending .eyebrow{color:#a5ceaf}
.portfolio26 .p26-ending h2{color:#fff;max-width:710px;font-size:clamp(28px,2.7vw,38px);margin:12px 0 12px}
.portfolio26 .p26-ending p{color:#c3d5d5;font-size:14px;max-width:645px;line-height:1.7;margin:0}
.portfolio26 .p26-ending-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.portfolio26 .p26-ending-links{display:flex;flex-direction:column;gap:11px;min-width:230px}
.portfolio26 .p26-white-btn{background:#fff;color:#1c4943}
.portfolio26 .p26-white-btn:hover{background:#ecf3eb}
.portfolio26 .p26-outline-btn{background:transparent;border:1px solid #6c9991;color:#e8f1ed}
.portfolio26 .p26-outline-btn:hover{background:#ffffff19}
.portfolio26 .p26-related{padding:25px 0 35px;background:#f5f8f5;border-bottom:1px solid #dee6df}
.portfolio26 .p26-related .container{display:flex;align-items:center;flex-wrap:wrap;gap:13px 24px;font-size:13px}
.portfolio26 .p26-related span{font-weight:730;color:#536c69}
.portfolio26 .p26-related a{color:#376e50;font-weight:730}
.portfolio26 .p26-related a:hover{text-decoration:underline}
@media(max-width:1000px){.portfolio26 .p26-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.portfolio26 .p26-scorecard{padding:25px}.portfolio26 .p26-steps{grid-template-columns:repeat(2,1fr)}.portfolio26 .p26-step:nth-child(2){border-right:0}.portfolio26 .p26-step:nth-child(-n+2){border-bottom:1px solid #dce7df}.portfolio26 .p26-lesson-grid{gap:38px}.portfolio26 .p26-ending-grid{gap:32px}}
@media(max-width:760px){.portfolio26 .p26-hero{padding:57px 0 65px}.portfolio26 .p26-hero-grid,.portfolio26 .p26-lesson-grid,.portfolio26 .p26-ending-grid{grid-template-columns:1fr}.portfolio26 .p26-hero h1{font-size:clamp(38px,8.3vw,53px)}.portfolio26 .p26-lead{font-size:15px}.portfolio26 .p26-scorecard{max-width:none;margin-top:5px}.portfolio26 .p26-section{padding:65px 0}.portfolio26 .p26-section-heading{display:block;margin-bottom:28px}.portfolio26 .p26-section-heading p{margin-top:13px}.portfolio26 .p26-timeline-item{grid-template-columns:1fr;gap:10px;padding:24px 0}.portfolio26 .p26-year{font-size:19px}.portfolio26 .p26-timeline-item h3{font-size:20px}.portfolio26 .p26-archive-grid{grid-template-columns:1fr}.portfolio26 .p26-archive-item{min-height:0}.portfolio26 .p26-note{padding:27px}.portfolio26 .p26-ending{padding:57px 0}.portfolio26 .p26-ending-links{flex-direction:row;flex-wrap:wrap;min-width:0}.portfolio26 .p26-ending-links .btn{flex-grow:1}}
@media(max-width:460px){.portfolio26 .p26-hero-actions{flex-direction:column}.portfolio26 .p26-hero-actions .btn{width:100%}.portfolio26 .p26-scorecard{padding:23px 21px}.portfolio26 .p26-scorecard-top{font-size:9px}.portfolio26 .p26-current span{font-size:46px}.portfolio26 .p26-steps{grid-template-columns:1fr}.portfolio26 .p26-step,.portfolio26 .p26-step:nth-child(2){border-right:0;border-bottom:1px solid #dce7df;padding:19px}.portfolio26 .p26-step:last-child{border-bottom:0}.portfolio26 .p26-ending-links{flex-direction:column}}

.portfolio26 .p26-note a{color:#37694d;text-decoration:underline;text-underline-offset:3px}