﻿/* Online high school diploma landing page */
.page-free-high-school-diploma-online-with-laptop{--dip-ink:#17252a;--dip-text:#48585c;--dip-muted:#6d7a7e;--dip-line:#e5dfd6;--dip-paper:#fffdf9;--dip-soft:#f7f2ec;--dip-mint:#eaf5f2;--dip-teal:#16766d;--dip-deep:#0d5c55;--dip-copper:#c96645;--dip-gold:#b58a45;background:var(--dip-paper);color:var(--dip-ink)}
.page-free-high-school-diploma-online-with-laptop main>.container{width:min(calc(100% - 36px),1240px)}
.page-free-high-school-diploma-online-with-laptop .breadcrumbs{margin-top:22px;font-size:11px}
.dip-hero{display:grid;grid-template-columns:minmax(0,6.8fr) minmax(420px,5.2fr);gap:52px;align-items:center;padding:58px 0 62px;border-bottom:1px solid var(--dip-line)}
.dip-hero .eyebrow,.dip-section .eyebrow,.dip-answer .eyebrow{display:block;margin-bottom:12px;font-size:9.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--dip-copper)}
.dip-hero h1{max-width:760px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.9vw,62px);line-height:1.015;letter-spacing:-.034em;color:var(--dip-ink)}
.dip-hero .intro{max-width:720px;margin:21px 0 0;font-size:16.5px;line-height:1.75;color:var(--dip-text)}
.dip-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.dip-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--dip-deep);font-size:11px;font-weight:800;text-decoration:none}.dip-actions .primary{background:var(--dip-deep);color:#fff}.dip-actions .secondary{background:#fff;color:var(--dip-deep);border-color:#cfc8bf}.dip-hero .byline{margin-top:26px}
.dip-hero-media{margin:0;position:relative}.dip-hero-media:before{content:"";position:absolute;inset:-9px 9px 9px -9px;border:1px solid rgba(201,102,69,.3);pointer-events:none}.dip-hero-media img{display:block;width:100%;height:315px;object-fit:cover;object-position:center 42%;border:1px solid var(--dip-line);box-shadow:0 26px 58px -42px rgba(23,37,42,.58)}.dip-hero-media figcaption{margin-top:10px;font-size:10px;line-height:1.55;color:var(--dip-muted)}
.dip-answer{display:grid;grid-template-columns:150px minmax(0,1fr) 275px;gap:25px;align-items:start;padding:38px 0;border-bottom:1px solid var(--dip-line)}.dip-answer>p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.38;color:var(--dip-ink)}.dip-answer aside{padding-left:22px;border-left:1px solid var(--dip-line);font-size:11px;line-height:1.65;color:var(--dip-muted)}.dip-answer aside strong{display:block;margin-bottom:5px;color:var(--dip-deep);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.dip-index{display:grid;grid-template-columns:170px 1fr;gap:30px;padding:22px 0;border-bottom:1px solid var(--dip-line)}.dip-index strong{font-size:10px;letter-spacing:.15em}.dip-index-links{display:flex;flex-wrap:wrap;gap:9px 22px}.dip-index-links a{font-size:11.5px;font-weight:700;color:var(--dip-text);text-decoration:none;border-bottom:1px solid transparent}.dip-index-links a:hover{color:var(--dip-copper);border-color:var(--dip-copper)}
.dip-section{padding:72px 0;border-bottom:1px solid var(--dip-line)}.dip-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:end;margin-bottom:34px}.dip-head h2{max-width:800px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,3.9vw,48px);line-height:1.055;letter-spacing:-.025em;color:var(--dip-ink)}.dip-head>p{margin:0;font-size:13px;line-height:1.72;color:var(--dip-muted)}
.dip-copy{max-width:920px}.dip-copy p{margin:0 0 17px;font-size:14px;line-height:1.82;color:var(--dip-text)}.dip-copy strong{color:var(--dip-ink)}.dip-copy a{color:var(--dip-deep);font-weight:750}
.dip-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dip-program{padding:25px;background:#fff;border:1px solid var(--dip-line);border-top:3px solid var(--dip-teal)}.dip-program:nth-child(even){border-top-color:var(--dip-copper)}.dip-program .tag{display:block;margin-bottom:12px;font-size:8.5px;font-weight:800;letter-spacing:.12em;color:var(--dip-copper)}.dip-program h3{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.12}.dip-program p{margin:0;font-size:12.5px;line-height:1.7;color:var(--dip-text)}.dip-program a{display:inline-block;margin-top:14px;font-size:10.5px;font-weight:800;color:var(--dip-deep);text-decoration:none}
.dip-photo{display:grid;grid-template-columns:minmax(330px,4.4fr) minmax(0,7.6fr);gap:56px;align-items:center}.dip-photo.reverse{grid-template-columns:minmax(0,7.6fr) minmax(330px,4.4fr)}.dip-photo figure{margin:0}.dip-photo figure img{display:block;width:100%;height:300px;object-fit:cover;border:1px solid var(--dip-line)}.dip-photo figure figcaption{margin-top:9px;font-size:10px;line-height:1.55;color:var(--dip-muted)}.dip-photo-copy h2{margin:0 0 17px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.6vw,45px);line-height:1.06;letter-spacing:-.023em}.dip-photo-copy p{margin:0 0 15px;font-size:13.5px;line-height:1.8;color:var(--dip-text)}
.dip-compare{overflow-x:auto;border:1px solid var(--dip-line);background:#fff}.dip-table{width:100%;border-collapse:collapse;min-width:800px}.dip-table th{padding:13px 15px;background:#123f3b;color:#fff;text-align:left;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.dip-table td{padding:15px;border-top:1px solid var(--dip-line);font-size:12px;line-height:1.6;color:var(--dip-text);vertical-align:top}.dip-table td:first-child{font-weight:800;color:var(--dip-ink)}
.dip-warning{background:linear-gradient(120deg,#4f2f26 0%,#7b4432 75%,#9b563b 100%);color:#fff;padding:54px max(20px,calc((100vw - 1240px)/2));width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.dip-warning .inner{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:55px}.dip-warning h2{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,48px);line-height:1.05}.dip-warning p{margin:0;font-size:13.5px;line-height:1.78;color:rgba(255,255,255,.84)}.dip-warning-list{display:grid;gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.dip-warning-list div{padding:15px 17px;background:rgba(54,25,18,.42);font-size:11.5px;line-height:1.55}.dip-warning-list strong{display:block;margin-bottom:4px;color:#ffd8c7}
.dip-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dip-line);border:1px solid var(--dip-line)}.dip-check-grid div{padding:22px;background:#fff}.dip-check-grid span{display:block;margin-bottom:8px;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--dip-copper)}.dip-check-grid p{margin:0;font-size:12.5px;line-height:1.65;color:var(--dip-text)}
.dip-faq{max-width:980px;margin:0 auto}.dip-faq details{border-top:1px solid var(--dip-line)}.dip-faq details:last-child{border-bottom:1px solid var(--dip-line)}.dip-faq summary{cursor:pointer;list-style:none;padding:20px 35px 20px 0;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.3;color:var(--dip-ink);position:relative}.dip-faq summary::-webkit-details-marker{display:none}.dip-faq summary:after{content:"+";position:absolute;right:4px;top:19px;color:var(--dip-copper);font-family:Arial,sans-serif;font-size:22px}.dip-faq details[open] summary:after{content:"−"}.dip-faq details p{margin:0 0 20px;max-width:820px;font-size:13px;line-height:1.78;color:var(--dip-text)}
.dip-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dip-source{display:block;padding:17px 19px;background:#fff;border:1px solid var(--dip-line);text-decoration:none}.dip-source strong{display:block;margin-bottom:4px;font-size:12px;color:var(--dip-ink)}.dip-source span{display:block;font-size:10.5px;line-height:1.5;color:var(--dip-muted)}.dip-source:hover{border-color:#cfb3a6}
.dip-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dip-related a{padding:22px;background:#fff;border:1px solid var(--dip-line);text-decoration:none;color:inherit}.dip-related strong{display:block;margin-bottom:7px;font-family:Georgia,"Times New Roman",serif;font-size:21px;color:var(--dip-ink)}.dip-related span{font-size:11px;line-height:1.55;color:var(--dip-muted)}
@media(max-width:1000px){.dip-hero{grid-template-columns:minmax(0,6.3fr) minmax(340px,5.7fr);gap:34px}.dip-hero-media img{height:285px}.dip-head{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.dip-photo,.dip-photo.reverse{grid-template-columns:minmax(280px,4fr) minmax(0,8fr);gap:34px}.dip-photo.reverse{grid-template-columns:minmax(0,8fr) minmax(280px,4fr)}.dip-warning .inner{grid-template-columns:1fr 360px}}
@media(max-width:760px){.page-free-high-school-diploma-online-with-laptop main>.container{width:calc(100% - 30px)}.dip-hero{display:flex;flex-direction:column;padding:37px 0 44px;gap:25px}.dip-hero h1{font-size:clamp(35px,10vw,46px)}.dip-hero .intro{font-size:15px}.dip-hero-media{width:100%}.dip-hero-media:before{display:none}.dip-hero-media img{height:220px}.dip-answer{grid-template-columns:1fr;gap:10px;padding:30px 0}.dip-answer>p{font-size:21px}.dip-answer aside{padding:14px 0 0;border-left:0;border-top:1px solid var(--dip-line)}.dip-index{grid-template-columns:1fr;gap:12px}.dip-section{padding:52px 0}.dip-head{display:block;margin-bottom:27px}.dip-head>p{margin-top:12px}.dip-head h2{font-size:34px}.dip-program-grid{grid-template-columns:1fr}.dip-photo,.dip-photo.reverse{display:flex;flex-direction:column;gap:24px}.dip-photo.reverse figure{order:-1}.dip-photo figure img{height:220px}.dip-check-grid{grid-template-columns:1fr}.dip-warning{padding:44px 20px}.dip-warning .inner{grid-template-columns:1fr;gap:28px}.dip-sources,.dip-related{grid-template-columns:1fr}.dip-faq summary{font-size:18px}.dip-actions{display:grid;grid-template-columns:1fr}.dip-actions a{width:100%}}
