:root{--navy:#0d2636;--ink:#142d3c;--muted:#586b76;--teal:#087e75;--mint:#a8eddf;--paper:#f4f7f8;--line:#d8e2e6;--white:#fff;--orange:#b64b25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 "Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:var(--teal);text-underline-offset:4px}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e88550;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(3.2rem,6.2vw,6.4rem);font-weight:650;letter-spacing:-.05em;margin:22px 0}h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:600;letter-spacing:-.025em;margin-bottom:12px}h3{font-size:1.25rem;font-weight:650}p{margin-bottom:18px}small,.meta{font-size:.875rem}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:100;background:white;padding:12px}.side{position:fixed;inset:0 auto 0 0;width:246px;background:var(--navy);color:white;padding:38px 26px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:650;line-height:1.35}.monogram{display:grid;place-items:center;width:44px;height:44px;background:var(--mint);color:var(--navy);font-size:1.1rem;letter-spacing:-1px;font-weight:750;border-radius:10px;flex-shrink:0}.brand small{display:block;color:#aabcc6;font-weight:400;margin-top:4px}.side-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#aabcc6;margin:58px 14px 16px}.nav{display:flex;flex-direction:column;gap:8px}.nav a{display:flex;gap:16px;text-decoration:none;color:#c9d8e0;border-radius:7px;padding:12px 14px;font-size:.9375rem}.nav a span{font-size:.8125rem;color:#88a5b5}.nav a:hover,.nav a.active{background:#1c3948;color:var(--mint)}.side-bottom{margin-top:auto;padding-top:32px}.side-bottom p{font-size:.875rem;color:#aabcc6}.edit-link{display:block;text-align:center;border:1px solid #56717f;color:white;border-radius:6px;padding:10px;text-decoration:none}.edit-link:hover{background:#244453}main{margin-left:246px;padding:0 5.3vw;max-width:1700px}.topline{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.875rem}.topline strong{color:var(--teal);font-weight:500}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:45px;padding:62px 0 52px;align-items:center}.eyebrow{font-size:.8125rem;letter-spacing:.17em;text-transform:uppercase;font-weight:650;color:var(--teal)}.hero .lead{font-size:1.125rem;max-width:600px;color:var(--muted)}.role{font-size:1.25rem;margin-bottom:22px;color:var(--ink)}.buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 20px;border-radius:6px;background:var(--navy);color:white;text-decoration:none;border:1px solid var(--navy);font-weight:600;font-size:.9375rem}.button:hover{background:#254858}.button.secondary{background:transparent;color:var(--ink);border-color:#b8c8d0}.button.secondary:hover{background:#e8f0f1}.button.mint{background:var(--mint);color:var(--navy);border-color:var(--mint)}.profile-card{background:var(--navy);color:white;padding:28px;border-radius:12px;position:relative;overflow:hidden;border-top:5px solid var(--mint)}.profile-card .eyebrow{color:var(--mint)}.avatar{height:90px;width:90px;border-radius:50%;background:#284758;display:grid;place-items:center;font-size:2rem;font-weight:600;color:var(--mint);margin:25px 0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-card dl{margin:0}.profile-card dt{color:#aec5d1;font-size:.875rem;margin-top:17px}.profile-card dd{margin:3px 0 0;overflow-wrap:anywhere}.note{border-left:3px solid var(--orange);padding:12px 18px;background:#fff4ed;color:#77371d;font-size:.875rem;margin-bottom:36px}.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-block:1px solid var(--line);padding:28px 0 32px}.about-strip p{color:var(--muted);margin:10px 0 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{border:1px solid #bfcece;padding:5px 12px;border-radius:4px;font-size:.875rem;color:#355a62}.section{padding:58px 0;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section-head p{margin:0;color:var(--muted);max-width:540px}.section-no{color:#738995;font-size:.875rem;white-space:nowrap}.assignment-list{border-top:1px solid var(--line)}.assignment{background:white;border-bottom:1px solid var(--line)}.assignment summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto 24px;align-items:center;gap:20px;list-style:none;padding:27px 25px;cursor:pointer}.assignment summary::-webkit-details-marker{display:none}.assignment summary:hover{background:#f8fbfc}.assignment .number{font-size:1.3rem;color:#728c98;font-variant-numeric:tabular-nums}.assignment h3{margin:7px 0 0}.assignment .course{color:var(--muted);font-size:.875rem}.status{display:inline-block;border-radius:4px;padding:5px 10px;font-size:.8125rem;white-space:nowrap;background:#edf2f4;color:#435d6b}.status.progress{background:#e5f4f0;color:#19695d}.status.done{background:#d7f0e5;color:#225d42}.plus{font-size:1.5rem;font-weight:300;color:var(--teal)}details[open] .plus{transform:rotate(45deg)}.assignment-body{padding:0 30px 30px 97px}.assignment-body>p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.detail-grid h4{font-size:.875rem;color:var(--teal);margin:0 0 8px}.detail-grid p{white-space:pre-line;margin:0;overflow-wrap:anywhere}.empty{font-size:.875rem;color:var(--muted);padding:10px 0}.research-box{display:grid;grid-template-columns:1.65fr 1fr;background:var(--navy);border-radius:12px;color:white;overflow:hidden}.research-main{padding:38px}.research-main h3{font-size:1.8rem;line-height:1.35;margin:20px 0}.research-main p{color:#c1d3dd;white-space:pre-line}.research-main .eyebrow{color:var(--mint)}.research-facts{padding:35px;background:#193848}.research-facts h4{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mint);margin:0 0 10px}.research-facts p{color:#e2edf1;white-space:pre-line}.research-facts>div+div{border-top:1px solid #3e5865;padding-top:20px;margin-top:20px}.method-intro{max-width:750px;color:var(--muted)}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.method{border:1px solid var(--line);border-radius:8px;padding:24px;background:white}.method .step{color:var(--teal);font-size:.875rem;display:block;margin-bottom:20px}.method h3{font-size:1.1rem}.method p{font-size:.9375rem;color:var(--muted);margin:0;white-space:pre-line}.references{font-size:.875rem;color:var(--muted);margin:24px 0 0}.contact{border-block:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact h3{margin:0 0 8px}.contact p{margin:0;color:var(--muted)}footer{font-size:.875rem;color:var(--muted);padding:28px 0;display:flex;justify-content:space-between;gap:20px}footer a{white-space:nowrap}@media(min-width:1500px){main{padding:0 80px}.hero{gap:85px}}@media(max-width:1100px){.side{width:206px;padding:30px 18px}main{margin-left:206px;padding:0 30px}.hero{gap:25px;grid-template-columns:1.4fr 1fr}h1{font-size:4.2rem}.method-grid{grid-template-columns:1fr 1fr}.assignment summary{gap:12px;padding:23px 18px}.assignment-body{padding-left:82px}}@media(max-width:800px){.side{position:relative;width:100%;padding:20px 22px}.brand{font-size:1rem}.brand small{display:none}.side-label,.side-bottom{display:none}.nav{flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:18px}.nav a{padding:7px 10px;font-size:.875rem}.nav a span{display:none}main{margin:0;padding:0 22px}.hero{padding:38px 0;grid-template-columns:1fr 1fr;gap:24px}h1{font-size:3.4rem}.hero .lead{font-size:1rem}.profile-card{padding:22px}.section{padding:42px 0}.research-box{grid-template-columns:1fr}.research-main,.research-facts{padding:27px}.topline{font-size:.8125rem}}@media(max-width:560px){.hero,.about-strip,.detail-grid,.method-grid,.fields{grid-template-columns:1fr}.hero{gap:30px}h1{font-size:3.65rem}.profile-card{display:block}.avatar{float:right;margin:0 0 12px 12px;width:70px;height:70px}.profile-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;clear:both}.profile-card dl div:last-child{grid-column:1/-1}.section-head{align-items:start}.section-head p{font-size:.9375rem}.section-no{display:none}.assignment summary{grid-template-columns:30px minmax(0,1fr) 20px;gap:12px;padding:22px 14px}.assignment summary .status{grid-column:2;justify-self:start}.assignment summary .plus{grid-column:3;grid-row:1}.assignment h3{font-size:1.12rem}.assignment-body{padding:0 22px 26px}.contact,footer{align-items:start;flex-direction:column}.topline{flex-wrap:wrap;gap:4px}.fields{padding:0 15px 18px}.repeat-card{margin:0 12px 15px;padding:14px}.research-main h3{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{main{margin:0;padding:0}.hero{padding-top:20px}.research-box{color:black;background:white;border:1px solid #ccc}.research-box p,.research-box h4,.research-box .eyebrow{color:black}.research-facts{background:white}.assignment-body{display:block}.section{break-inside:avoid}.button{color:black;background:white}}

.assignment-final{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:30px 26px}
.assignment-final .number{padding-top:4px}.assignment-final h3{font-size:1.4rem;margin:12px 0}
.assignment-final p{color:var(--muted);max-width:800px;margin:0 0 20px}
.assignment-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.research-empty{display:flex;align-items:center;gap:24px;padding:32px;border:1px solid var(--line);border-radius:10px;background:white}
.research-empty p{margin:0;font-size:1.1rem;color:var(--muted)}.empty-index{font-size:2rem;color:var(--teal)}
@media(max-width:560px){.assignment-final{grid-template-columns:27px minmax(0,1fr);gap:12px;padding:24px 15px}.assignment-final h3{font-size:1.2rem}.research-empty{padding:24px;gap:15px}}


/* Horizontal site navigation */
html{scroll-padding-top:120px}
.side{position:sticky;inset:auto;top:0;width:100%;padding:18px max(24px,calc((100vw - 1240px)/2));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #284858}
.brand{flex-shrink:0}.brand small{display:block}
.nav{flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin:0}
.nav a{padding:10px 13px;white-space:nowrap}
main{margin:0 auto;max-width:1320px;padding:0 40px}
.section{scroll-margin-top:115px}
@media(max-width:1100px){.side{padding:16px 24px;gap:18px}.nav a{padding:9px 10px;font-size:.875rem}main{margin:0 auto;padding:0 30px}.hero{grid-template-columns:1.6fr 1fr;gap:40px}}
@media(max-width:800px){.side{flex-direction:column;align-items:flex-start;gap:13px;padding:15px 22px}.nav{justify-content:flex-start;gap:3px;width:100%}.nav a{padding:7px 10px}.brand small{display:none}main{margin:0 auto;padding:0 22px}.hero{grid-template-columns:1fr 1fr;gap:24px}html{scroll-padding-top:160px}.section{scroll-margin-top:155px}}
@media(max-width:560px){.side{position:relative;padding:17px 18px}.nav{gap:3px}.nav a{padding:7px 9px}.hero{grid-template-columns:1fr;gap:30px}html{scroll-padding-top:20px}.section{scroll-margin-top:20px}}
@media print{.side{display:none!important}main{margin:0;padding:0}}

#contact>div:first-child{flex:1;max-width:760px}#contact-links{flex-direction:column;gap:8px;flex-shrink:0}
#contact-links{display:block}#contact-links .contact-line{display:block;line-height:1.8}#contact-links .contact-line+.contact-line{margin-top:10px}#contact-links .contact-line span{color:var(--muted);margin-right:6px}
/* Student profile: photo and information side by side. */
.hero{grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);gap:40px}
.profile-card{padding:26px}
.profile-card>.eyebrow{padding-bottom:18px;border-bottom:1px solid #36515f;margin-bottom:22px}
.profile-id-body{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1fr);gap:24px;align-items:center}
.profile-card .avatar{float:none;margin:0;width:100%;height:auto;aspect-ratio:1159/1357;border-radius:8px;background:#e6eef1;overflow:hidden}
.profile-card .avatar img{display:block;width:100%;height:100%;object-fit:contain}
.profile-id-info{min-width:0}
.profile-card .id-name{font-size:1.3rem;letter-spacing:-.02em;margin:0 0 16px;line-height:1.35}
.profile-card dl{display:block;clear:none;margin:0}
.profile-card dt{margin-top:12px;font-size:.78rem}
.profile-card dd{font-size:.92rem;line-height:1.5;margin:3px 0 0}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:32px}.profile-card{width:100%;max-width:580px}.profile-card .avatar{max-width:220px}}
@media(max-width:560px){.profile-card{padding:20px}.profile-id-body{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:16px}.profile-card .id-name{font-size:1.1rem}.profile-card dd{font-size:.85rem}.profile-card dt{font-size:.75rem}}

/* Full assignment records and methodology evidence. */
.assignment-summary-label,.assignment-detail h4{color:var(--teal);font-size:.86rem;line-height:1.5;margin:0 0 9px}
.assignment-summary-label{margin-top:20px}
.assignment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}
.assignment-detail{min-width:0;padding:20px;border:1px solid var(--line);border-radius:8px;background:#f8fbfc}
.assignment-detail-grid .assignment-detail:first-child{grid-column:1/-1}
.assignment-detail p{font-size:.95rem;margin:0;overflow-wrap:anywhere}
.method-block{margin:30px 0;padding:28px;background:white;border:1px solid var(--line);border-radius:10px}
.method-block>p{color:var(--muted)}.method-block h3{margin-bottom:15px}
.tool-table-wrap{overflow-x:auto}.tool-table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.6}
.tool-table caption{text-align:left;color:var(--muted);font-size:.85rem;padding:0 0 12px}
.tool-table th,.tool-table td{text-align:left;vertical-align:top;padding:16px;border:1px solid var(--line)}
.tool-table thead{background:var(--navy);color:white}.tool-table tbody th{min-width:130px}
.tool-table tbody tr:nth-child(even){background:#f4f8f9}
.layout-wireframe{max-width:820px;margin:22px auto 0;display:grid;gap:12px}
.layout-wireframe>div{padding:18px 22px;background:#f1f6f7;border:1px solid #c4d6dc;border-radius:7px}
.layout-wireframe .wire-nav{background:var(--navy);color:var(--mint);font-size:.88rem;text-align:center}
.layout-wireframe strong,.layout-wireframe span{display:block}.layout-wireframe span{font-size:.88rem;color:var(--muted);margin-top:4px}
.layout-wireframe .wire-hero{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.layout-wireframe figcaption{font-size:.82rem;color:var(--muted);text-align:center}
.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.prompt-card{padding:22px;background:#f4f8f9;border-radius:8px}
.prompt-card .step{font-size:.78rem;letter-spacing:.08em;color:var(--teal);font-weight:650}
.prompt-card blockquote{margin:18px 0;padding-left:18px;border-left:3px solid var(--teal);font-size:1rem}
.prompt-card p{font-size:.93rem;color:var(--muted);margin:0}.method-reflection{margin-top:28px}
@media(max-width:700px){.assignment-detail-grid,.prompt-grid{grid-template-columns:1fr}.method-block{padding:20px}.tool-table th,.tool-table td{padding:12px}.layout-wireframe>div{padding:15px}.layout-wireframe .wire-hero{grid-template-columns:1fr;gap:14px}}
/* Shared petroleum hero background and assignment feedback. */
#home{margin-top:24px;padding:0 34px 28px;border-radius:18px;background:linear-gradient(90deg,rgba(239,247,250,.97) 0%,rgba(239,247,250,.86) 43%,rgba(214,230,241,.24) 100%),url('./petroleum-hero.webp') center/cover no-repeat;overflow:hidden}
#home .hero{padding:48px 0 36px;gap:32px}
#home .profile-card{background:rgba(13,38,54,.94);box-shadow:0 16px 40px #0d263633}
#home .about-strip{padding:24px;border:1px solid #ffffffaa;border-radius:10px;background:rgba(246,250,252,.94)}
#home .hero>.buttons .secondary,#home .hero .button.secondary{background:#f1f7fae8}
.assignment-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.feedback-dialog{width:min(650px,calc(100% - 28px));max-height:90dvh;padding:32px;border:1px solid #d8e2e6;border-radius:20px;background:#fafaf8;color:#142d3c;box-shadow:0 20px 100px #071a3d55;overflow-y:auto}
.feedback-dialog::backdrop{background:#071c30a6;backdrop-filter:blur(3px)}
.feedback-dialog h2{font-size:2.3rem;margin:14px 0 20px}.feedback-dialog .eyebrow{color:#997013;margin:0;font-size:.85rem}
.feedback-close{position:absolute;top:16px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#e9eee9;color:#142d3c;font-size:28px;line-height:1}
.feedback-title{color:#586b76;margin-bottom:26px}.feedback-dialog label{display:block;font-size:.9rem;font-weight:650;margin-bottom:18px}
.feedback-dialog input,.feedback-dialog select,.feedback-dialog textarea{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #c9d4d9;background:#fff;border-radius:12px;color:#142d3c;font-size:1rem;line-height:1.5}.feedback-dialog textarea{resize:vertical;min-height:150px}
.feedback-submit{width:100%;min-height:52px}.feedback-submit:disabled{cursor:default;opacity:.7}
.feedback-dialog .feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.feedback-privacy{font-size:.875rem;color:#586b76;line-height:1.6}.feedback-status{margin:14px 0 0;color:#16644f;font-size:.95rem}.feedback-status.is-error{color:#a02b27}
@media(max-width:700px){#home{padding:0 18px 18px;background-position:68% center}#home .hero{padding:30px 0}#home .about-strip{padding:20px;gap:20px}#home h1{font-size:clamp(2.4rem,10vw,3.65rem)}.feedback-dialog{padding:26px 22px}.feedback-dialog h2{font-size:1.9rem}.assignment-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.feedback-dialog{position:fixed;inset:0;margin:auto}
/* Petroleum-inspired section banners: strong headings, quiet reading surfaces. */
.section-head{position:relative;isolation:isolate;overflow:hidden;padding:30px 32px;min-height:150px;border-radius:14px;background:#102f40;border:1px solid #234756;color:#fff;align-items:center}
.section-head>div,.section-head>.section-no{position:relative;z-index:1}
.section-head h2{color:#fff;text-shadow:0 1px 8px #071c3020}
.section-head p{color:#e1ebef}.section-head p.eyebrow{color:#acecde;margin-bottom:9px}
.section-head .section-no{color:#cee2e8;align-self:flex-start;font-size:.8rem;letter-spacing:.05em}
#assignments>.section-head{background:linear-gradient(90deg,rgba(9,35,50,.98) 0%,rgba(9,35,50,.90) 48%,rgba(9,35,50,.30) 100%),url('./petroleum-hero.webp') 80% 53%/cover no-repeat}
#research>.section-head{background:linear-gradient(90deg,#10353c 0%,rgba(16,53,60,.94) 40%,rgba(16,53,60,.1) 100%),repeating-radial-gradient(ellipse at 95% 150%,transparent 0 14px,rgba(141,223,199,.36) 15px 16px,transparent 17px 28px),#16414a}
#methodology>.section-head{background:linear-gradient(90deg,#112f47 0%,rgba(17,47,71,.93) 46%,rgba(17,47,71,.1) 100%),repeating-radial-gradient(ellipse at 100% 50%,transparent 0 17px,rgba(140,192,214,.29) 18px 19px,transparent 20px 34px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(143,190,212,.10) 48px 49px),#163e53}
#contact{position:relative;isolation:isolate;margin-top:14px;padding:34px 32px;border:1px solid #294b5d;border-radius:14px;color:#fff;background:linear-gradient(90deg,rgba(10,35,51,.97),rgba(10,35,51,.88) 62%,rgba(10,35,51,.70)),url('./petroleum-hero.webp') center 70%/cover no-repeat}
#contact h3{color:#fff;font-size:1.45rem;margin-bottom:12px}#contact p,#contact-links .contact-line span{color:#dce9ef}#contact a{color:#b8f5e5;font-weight:600}#contact a:hover{color:#fff}
@media(max-width:700px){.section-head{padding:24px 22px;min-height:140px;align-items:flex-start}.section-head .section-no{display:none}.section-head h2{font-size:1.9rem}.section-head p{font-size:.95rem}#contact{padding:28px 22px;flex-direction:column;align-items:flex-start;gap:24px}#contact-links{max-width:100%;overflow-wrap:anywhere}#assignments>.section-head{background-position:70% 50%}}
@media print{.section-head,#contact{background:#fff!important;border:1px solid #aaa;color:#142d3c}.section-head h2,.section-head p,.section-head .section-no,#contact h3,#contact p,#contact a,#contact-links .contact-line span{color:#142d3c!important}}

/* Bilingual section introductions and the complete brand subtitle. */
.section-kicker{display:flex;align-items:center;gap:18px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.6;color:var(--muted);letter-spacing:.025em}
.contact-kicker{margin-top:16px;margin-bottom:24px}
.brand{min-width:0;max-width:100%}.brand>span:last-child{min-width:0}.brand small{display:block;font-size:.875rem;line-height:1.5;white-space:normal}
@media(max-width:1000px){.side{flex-wrap:wrap}.nav{flex-wrap:wrap}}
@media(max-width:800px){.brand small{display:block}.section-kicker{font-size:.8125rem;margin-bottom:20px;padding-bottom:14px}}

/* Independent assignment disclosures; objective and action buttons stay visible. */
.assignment-objective{margin:24px 0 18px}
.assignment-more{border-top:1px solid var(--line);margin-top:18px}
.assignment .assignment-more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;color:var(--teal);font-size:.95rem;font-weight:650;list-style:none;cursor:pointer;border-radius:4px}
.assignment .assignment-more>summary:hover{background:#f4f9fa}
.assignment-more>summary::-webkit-details-marker{display:none}
.assignment-more .collapse-label{display:none}.assignment-more[open] .collapse-label{display:inline}.assignment-more[open] .expand-label{display:none}
.disclosure-arrow{font-size:1.4rem;line-height:1}.assignment-more[open] .disclosure-arrow{transform:rotate(180deg)}
.assignment-more>.assignment-detail-grid{margin:8px 0 24px}.assignment-more>.assignment-detail-grid>.assignment-detail:first-child{grid-column:auto}
@media print{.assignment-more>summary{display:none!important}.assignment-more::details-content{content-visibility:visible}.assignment-more>.assignment-detail-grid{display:grid!important}}

/* Center the plus/minus control within the right edge of each disclosure row. */
.assignment .assignment-more>summary{padding:14px 16px;min-height:56px;align-items:center}
.assignment-more .disclosure-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin-left:auto;font-size:1.55rem;line-height:1;transform:none}
.assignment-more[open] .disclosure-arrow{transform:none}
.assignment-more .disclosure-arrow::before{content:"+"}.assignment-more[open] .disclosure-arrow::before{content:"−"}

/* Assignment title search and compact suggestions */
.assignment-search{margin:24px 0 28px;position:relative}
.assignment-search label{display:block;font-size:1rem;font-weight:600;margin-bottom:10px;color:#123445}
.assignment-search-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.assignment-search input{flex:1;min-width:180px;border:1px solid #afc6cd;border-radius:10px;background:#fff;color:#123445;padding:13px 16px;font:inherit;font-size:1rem}
.assignment-search input:focus{outline:2px solid #168a91;outline-offset:2px}
.assignment-search button{font:inherit;cursor:pointer}
.assignment-search-row .button{border-radius:10px;justify-content:center}
.assignment-search [hidden],#assignment-list article[hidden]{display:none!important}
.assignment-suggestions{margin-top:10px;border:1px solid #cedde1;border-radius:12px;background:#fff;box-shadow:0 8px 24px #12344512;max-height:380px;overflow:auto}
.assignment-suggestion{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;width:100%;padding:20px 24px;text-align:left;border:0;border-bottom:1px solid #e7eef0;background:#fff;color:#103044}
.assignment-suggestion:last-child{border-bottom:0}
.assignment-suggestion:hover,.assignment-suggestion:focus-visible{background:#edf8f6;outline:2px solid #168a91;outline-offset:-2px}
.assignment-suggestion .number{font-size:1.3rem;color:#78949e;padding-top:9px}
.assignment-suggestion .assignment-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.assignment-suggestion .suggestion-title{display:block;font-size:1.25rem;line-height:1.4;overflow-wrap:anywhere}
.assignment-suggestions>p,#assignment-search-status{padding:12px 16px;color:#486874;font-size:1rem}
@media(max-width:600px){.assignment-search input{flex-basis:100%}.assignment-suggestion{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px}.assignment-suggestion .suggestion-title{font-size:1.1rem}}

/* Bilingual navigation, profile and coursework categories */
.language-switch{display:inline-flex;flex-shrink:0;border:1px solid #a8e6db;border-radius:9px;overflow:hidden;margin-left:8px}
.language-switch button{border:0;padding:9px 12px;font:inherit;font-size:14px;font-weight:750;background:#103545;color:#fff;cursor:pointer}
.language-switch button[aria-pressed="true"]{background:#a8ede1;color:#092b39}
.language-switch button:focus-visible{outline:3px solid #eece77;outline-offset:-3px}
.software-skills{margin-top:24px}
.coursework-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:24px;align-items:start}
.coursework-menu{position:sticky;top:110px;display:grid;gap:8px;padding:10px;border:1px solid #d5e3e6;border-radius:12px;background:#f3f8f8}
.coursework-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;padding:13px 12px;font:inherit;font-size:15px;font-weight:600;text-align:left;background:transparent;color:#294f60;cursor:pointer}
.coursework-menu button[aria-pressed="true"]{background:#123b4b;color:#fff}
.category-count{font-size:13px;border-radius:20px;padding:2px 7px;background:#ffffff30}
.coursework-menu button:focus-visible{outline:2px solid #138a85;outline-offset:2px}
.profile-id-info #profile-facts{margin-top:0}
.profile-id-body{align-items:start}
.profile-card .avatar{align-self:start}
.profile-card .avatar img{height:auto;object-fit:cover}
@media(max-width:900px){.side{flex-wrap:wrap}.nav{flex-wrap:wrap}.coursework-layout{grid-template-columns:1fr}.coursework-menu{position:static;display:flex}.coursework-menu button{flex:1}.language-switch{margin-left:0}}

/* Use available desktop space while keeping text readable. */
@media(min-width:1200px){#website>main{width:94%;max-width:2200px;padding-left:clamp(24px,2vw,56px);padding-right:clamp(24px,2vw,56px)}#website>.side{padding-left:max(3vw,calc((100vw - 2200px)/2 + 40px));padding-right:max(3vw,calc((100vw - 2200px)/2 + 40px))}.assignment-final p{max-width:100%}.assignment-copy>p{max-width:95ch}.hero .lead{max-width:72ch}.coursework-layout{grid-template-columns:180px minmax(0,1fr)}}
.attachment-link{overflow-wrap:anywhere;white-space:normal}.translation-notice{color:#526d7b;font-style:italic}

/* Large light panels behind each content section, each with its own subsurface theme and all lighter than the dark section banners. */
#research,#assignments,#methodology{margin:30px 0;padding:30px 34px 40px;border:1px solid #cfdfdf;border-radius:18px}

#research{background:linear-gradient(180deg,rgba(236,243,247,.15),rgba(236,243,247,.4)),url('./seismic-section.svg') center/cover no-repeat,#e5edf2;border-color:#cadbe5}

#assignments{background:linear-gradient(180deg,rgba(238,245,244,.08) 0,rgba(238,245,244,.3) 760px,rgba(238,245,244,.38) 100%),url('./strata-section.svg') center top/max(100%,980px) auto no-repeat,url('./strata-tile.svg') center 760px/1600px 800px repeat,#e7efee}

#methodology{background:linear-gradient(180deg,rgba(242,244,239,.02),rgba(242,244,239,.12)),url('./welllog-tile.svg') center top/max(100%,1100px) auto repeat-y,#eef1ec;border-color:#d5ddd2}

:is(#research,#assignments,#methodology) .section-kicker{color:#3f5965;border-bottom-color:#bccfd3}
#assignments .assignment-list{border-top-color:#c6d8da}
#assignments .assignment,#research .research-empty,#methodology :is(.method,.method-block){box-shadow:0 6px 22px #0d26360d}
#assignments .assignment-search label{color:#0f3142}
#methodology>.method-intro{color:#3f5965}

@media(max-width:700px){#research,#assignments,#methodology{margin:22px 0;padding:22px 16px 26px;border-radius:14px}
}

@media print{#research,#assignments,#methodology{background:#fff!important;border:0;padding:0}
}

/* Full-section petroleum photographs. Heading banners remain independent. */
#research,#assignments,#methodology{
 background-color:#e8e4de;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
}
#research{background-image:linear-gradient(90deg,rgba(250,248,244,.88),rgba(250,248,244,.70) 55%,rgba(250,248,244,.26)),url('./assets/backgrounds/research.webp')}
#assignments{background-image:linear-gradient(90deg,rgba(250,248,244,.84),rgba(250,248,244,.64)),url('./assets/backgrounds/assignments.webp')}
#methodology{background-image:linear-gradient(90deg,rgba(250,248,244,.86),rgba(250,248,244,.62)),url('./assets/backgrounds/methodology.webp')}
#assignments .coursework-menu{background:rgba(250,249,246,.96)}
#methodology>.method-intro,#methodology>.references{background:rgba(250,249,246,.94);padding:18px 22px;border-radius:10px}
@media(max-width:700px){
 #research,#assignments,#methodology{background-position:65% center}
}
@media print{
 #research,#assignments,#methodology{background:#fff!important}
}