/* Page layout only. Branding, navigation, buttons, forms and footer use styles.css. */
.tips-page main { padding-top:78px; }
.episode-intro,.series-intro { padding:52px clamp(24px,6vw,90px) 46px; background:#243a65 url('/assets/Software-BG-4.webp') top left / 860px auto no-repeat; }
.back-link { color:var(--pale-blue);font-size:14px;text-decoration:none; }
.intro-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(35px,6vw,90px);align-items:end;margin:32px auto 0;max-width:var(--max-width); }
.tips-page main h1 { margin:0;font-family:'Segoe UI',sans-serif;font-size:clamp(32px,4vw,56px);font-weight:300;letter-spacing:-.025em;line-height:1.12;text-transform:uppercase; }
.tips-page main h1 em { font-style:normal;color:var(--turquoise);font-weight:300; }
.tips-page main h2 { margin:0 0 24px;font-family:'Segoe UI',sans-serif;font-size:clamp(28px,3.4vw,50px);font-weight:300;letter-spacing:-.025em;line-height:1.13;text-transform:uppercase; }
.episode-number { margin-left:18px;padding-left:18px;border-left:1px solid #ffffff40;color:var(--pale-blue); }
.intro-copy>p { margin:0;color:rgb(255 255 255 / 84%);font-size:20px;line-height:1.5; }
.episode-meta { display:flex;gap:24px;margin-top:24px;font-size:13px;text-transform:uppercase;letter-spacing:.08em; }
.episode-meta span+span { border-left:1px solid #ffffff40;padding-left:24px; }
.watch-section { padding:40px clamp(24px,6vw,90px) 50px;background:#243a65; }
.video-shell { position:relative;max-width:var(--max-width);margin:auto;box-shadow:var(--shadow);background:var(--dark-surface); }
.video-shell video { width:100%;aspect-ratio:16/9;display:block; }
.video-play { position:absolute;left:6%;bottom:11%;border:0;background:transparent;color:white;display:flex;align-items:center;gap:16px;font:inherit;text-align:left;cursor:pointer; }
.video-play[hidden] {display:none;}
.play-circle { display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--turquoise);color:var(--navy);padding-left:4px; }
.video-play small { display:block;color:var(--pale-blue); }
.video-caption { display:flex;justify-content:space-between;gap:20px;max-width:var(--max-width);margin:18px auto 0;color:var(--pale-blue);font-size:14px; }
.video-caption a {text-decoration:none;}
.guide-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px);padding:clamp(64px,8vw,110px) clamp(24px,6vw,90px) 45px;background:var(--white);color:var(--navy); }
.guide-heading .kicker {color:var(--bright-blue);}
.guide-heading>p:not(.kicker) {color:var(--deep-blue);max-width:420px;}
.text-link { display:inline-block;text-underline-offset:5px;font-weight:700;font-size:14px; }
.tip-steps {list-style:none;padding:0;margin:0;}
.tip-steps li {display:grid;grid-template-columns:44px 1fr;gap:18px;border-top:1px solid #162c4429;padding:26px 0;}
.tip-steps li:first-child {padding-top:0;border-top:0;}
.step-number {color:var(--medium-blue);font-size:19px;font-weight:300;}
.tip-steps h3 {margin:0 0 12px;color:var(--deep-blue);font-family:'Segoe UI',sans-serif;font-size:clamp(21px,2vw,27px);font-weight:300;line-height:1.25;}
.tip-steps p {margin:0;color:var(--deep-blue);}
.usage-note {display:flex;gap:20px;margin:0;padding:0 clamp(24px,6vw,90px) 70px;background:var(--white);color:var(--deep-blue);font-size:15px;}
.usage-note p {margin:0;padding-left:22px;border-left:3px solid var(--turquoise);}
.usage-note>span {display:none;}
.tips-contact.powered-section {
  min-height:540px;
  padding-inline:max(clamp(24px,6vw,90px),calc((100vw - var(--max-width)) / 2));
}
.series-note {color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px clamp(24px,6vw,90px);background:var(--white);}
.series-note h2 {font-size:clamp(26px,3vw,38px)!important;}
.series-note p:not(.kicker) {color:var(--deep-blue);}
.series-note .kicker {color:var(--bright-blue);}
.series-note a:focus-visible {outline-color:var(--navy);}
.series-intro {padding-top:80px;padding-bottom:65px;}
.series-intro>p:last-child {color:rgb(255 255 255 / 84%);font-size:20px;}
.featured-tip {background:var(--white);color:var(--navy);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(35px,6vw,90px);padding:70px clamp(24px,6vw,90px);align-items:center;}
.featured-tip h2 {font-size:clamp(28px,3vw,42px)!important;}
.featured-tip p:not(.kicker) {color:var(--deep-blue);}
.featured-tip .kicker {color:var(--bright-blue);}
.featured-tip a:focus-visible {outline-color:var(--navy);}
.feature-art {display:block;position:relative;}
.feature-play {position:absolute;bottom:12%;left:8%;width:45px;height:45px;border-radius:50%;background:var(--turquoise);display:grid;place-items:center;color:var(--navy);}
.feature-meta {font-size:14px;}.feature-meta span {padding:0 12px;}
.video-error {color:var(--pale-blue);}
.tips-page a:focus-visible,.tips-page button:focus-visible {outline:2px solid var(--turquoise);outline-offset:5px;}
@media(min-width:1500px){.episode-intro,.series-intro,.watch-section,.guide-section,.usage-note,.series-note,.featured-tip{padding-left:max(90px,calc((100vw - 1240px)/2));padding-right:max(90px,calc((100vw - 1240px)/2));}}
@media(max-width:760px){.intro-grid,.guide-section,.featured-tip{grid-template-columns:1fr;gap:30px;}.episode-intro{padding-top:30px;}.intro-copy>p{font-size:18px;}.episode-meta{font-size:12px;}.video-play{font-size:13px;gap:10px;}.play-circle{width:36px;height:36px;font-size:14px;}.video-play small{display:none;}.video-caption{font-size:12px;}.watch-section{padding-top:25px;}.guide-section{padding-top:55px;}.series-note{display:block;}.series-note .text-link{margin-top:20px;}.tips-contact.powered-section{min-height:0;}.usage-note{padding-bottom:50px;}.featured-tip{padding-top:45px;padding-bottom:45px;}}

.series-with-owner {display:flex;align-items:center;justify-content:space-between;gap:60px;}
.series-intro-copy {max-width:730px;}
.series-intro-copy>p:not(.kicker) {color:rgb(255 255 255 / 84%);font-size:20px;}
.series-intro-copy .series-owner {margin-top:28px;font-size:16px!important;color:var(--turquoise)!important;}
.series-owner-photo {width:260px;height:330px;object-fit:cover;object-position:center 24%;flex-shrink:0;}
.series-note-photo {width:140px;height:175px;object-fit:cover;object-position:center 24%;flex-shrink:0;}
.series-note>div {flex:1;}
.series-note>.text-link {flex-shrink:0;}
@media(max-width:760px){.series-with-owner{flex-direction:column;align-items:flex-start;gap:28px;}.series-owner-photo{width:200px;height:250px;}.series-note-photo{width:120px;height:150px;margin-bottom:24px;}}

.series-owner span {display:inline-block;margin-top:4px;color:rgb(255 255 255 / 84%);}
.series-note .series-owner-title {margin-top:-8px;font-size:15px;}

.featured-tip .video-shell {width:100%;}
.featured-tip .video-error {padding:12px;color:var(--white);}