:root{
  --navy:#0a315c;
  --navy-dark:#062746;
  --green:#255f43;
  --brown:#7d431d;
  --red:#8f211d;
  --gold:#b9832f;
  --gold-soft:#d7b46d;
  --cream:#f8f1e6;
  --paper:#fffdf8;
  --ink:#0e2d4f;
  --muted:#55616b;
  --line:#ded2c1;
  --shadow:0 18px 48px rgba(35,25,15,.20);
  --hotel-lobby:url("https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=2400&q=88");
  --hotel-warm:url("https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=2400&q=86");
  --hotel-room:url("https://images.unsplash.com/photo-1611892440504-42a792e24d32?auto=format&fit=crop&w=1600&q=84");
  --restaurant:url("https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1800&q=84");
  --breakfast:url("https://images.unsplash.com/photo-1533089860892-a7c6f0a88666?auto=format&fit=crop&w=1600&q=84");
  --desk:url("https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1600&q=84");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#eae1d5;color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.pf-page{min-height:100vh;background:#ece3d7}
.pf-wrap{width:min(1480px,calc(100% - 42px));margin:auto}
.pf-main{min-height:100vh}

/* Approved top navigation */
.pf-topbar{background:rgba(255,252,246,.98);border-bottom:1px solid #e7ddcf;position:relative;z-index:50}
.pf-topbar-inner{width:min(1450px,calc(100% - 42px));min-height:70px;margin:auto;display:flex;align-items:center;gap:24px}
.pf-brand{display:flex;align-items:center;gap:14px;color:var(--navy);font-weight:700}
.pf-brandmark{width:38px;height:38px;position:relative;flex:0 0 38px}
.pf-brandmark:before,.pf-brandmark:after{content:"";position:absolute;inset:5px;border:3px solid var(--gold);transform:rotate(45deg);border-radius:2px}
.pf-brandmark:after{inset:10px;border-color:var(--navy)}
.pf-brandtext{font-size:21px;line-height:1}
.pf-brandtext small{display:block;font-size:10px;letter-spacing:.25em;margin-top:4px}
.pf-systemname{border-left:1px solid #cfc3b2;padding-left:16px;font-size:13px;line-height:1.15;color:var(--navy)}
.pf-spacer{flex:1}
.pf-nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#0c2d50}
.pf-nav a{display:flex;align-items:center;gap:8px;padding:22px 0}
.pf-nav .ico{font-family:Arial,sans-serif;font-weight:800;font-size:16px}
.pf-script{font-style:italic;font-size:18px;color:#9a6a28;transform:rotate(-5deg);white-space:nowrap}
.pf-simplebrand{font-size:20px;color:var(--navy);font-weight:700;line-height:1.05}
.pf-simplebrand small{display:block;font-size:13px;font-weight:400;margin-top:2px}
.pf-breadcrumb{display:inline-flex;gap:8px;align-items:center;background:rgba(255,253,249,.93);border:1px solid rgba(177,132,67,.25);border-radius:9px;padding:7px 15px;font-size:13px;color:var(--navy)}

/* ---------- LANDING ---------- */
.home-approved{
  min-height:100vh;
  background:
    linear-gradient(rgba(18,15,11,.08),rgba(18,15,11,.06)),
    var(--hotel-lobby) center 36%/cover fixed;
}
.home-hero{position:relative;min-height:390px;background:linear-gradient(90deg,rgba(13,20,25,.48),rgba(255,248,235,.14) 30%,rgba(255,248,235,.08) 70%,rgba(21,17,11,.40)),var(--hotel-lobby) center 46%/cover}
.home-hero-inner{width:min(1420px,calc(100% - 44px));margin:auto;min-height:390px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;padding:48px 0 115px}
.home-title{color:var(--navy);text-shadow:0 1px 0 rgba(255,255,255,.75)}
.home-title h1{font-size:45px;letter-spacing:.03em;margin:0 0 5px;font-weight:700}
.home-title h2{font-size:24px;letter-spacing:.12em;margin:0 0 8px;font-weight:500}
.home-title p{font-size:17px;margin:0;color:#153451}
.home-quote{position:absolute;left:28px;top:72px;color:#e3b76a;font-size:25px;font-style:italic;line-height:1.35;text-align:center;width:220px}
.home-sidequote{position:absolute;right:25px;top:74px;color:#e3b76a;font:700 19px/1.4 Arial,sans-serif;letter-spacing:.08em;text-align:left;width:180px;text-transform:uppercase}
.exam-structure{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:-82px;width:min(970px,calc(100% - 120px));background:rgba(255,252,247,.97);border:1px solid #d8cbbb;border-radius:14px;box-shadow:var(--shadow);padding:14px 18px 16px}
.exam-structure>h3{text-align:center;margin:0 0 11px;font:700 15px Arial,sans-serif;letter-spacing:.12em;color:var(--navy)}
.exam-structure-grid{display:grid;grid-template-columns:.95fr 1.4fr;gap:16px}
.exam-structure-block{display:grid;grid-template-columns:36px 1fr;gap:10px;padding-right:12px}
.exam-structure-block:first-child{border-right:1px solid #c9bdaf}
.exam-structure-num{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700}
.exam-structure h4{margin:0 0 5px;font-size:17px}
.exam-structure ul{margin:0;padding-left:18px;font-size:13px;line-height:1.35}
.project-split{display:grid;grid-template-columns:1fr 1.15fr;gap:14px}
.project-split h5{margin:0 0 6px;font-size:14px}
.project-split p,.project-split ul{font-size:12.5px;line-height:1.35}
.home-areas{position:relative;padding:102px 0 30px;background:linear-gradient(rgba(250,245,236,.24),rgba(250,245,236,.10)),var(--hotel-warm) center/cover}
.home-areas h2{text-align:center;margin:0 0 18px;font-size:31px;color:var(--navy)}
.home-areas h2:before,.home-areas h2:after{content:"";display:inline-block;width:190px;max-width:15vw;height:1px;background:#9f8a72;vertical-align:middle;margin:0 18px}
.pension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pension-door{min-height:405px;position:relative;border-radius:5px;overflow:visible;background:linear-gradient(rgba(10,10,10,.03),rgba(10,10,10,.20)),var(--hotel-room) center/cover;box-shadow:0 16px 34px rgba(29,19,10,.24);border:1px solid #c4a56c}
.pension-door:nth-child(2){background-image:linear-gradient(rgba(10,10,10,.03),rgba(10,10,10,.18)),var(--desk)}
.pension-door:nth-child(3){background-image:linear-gradient(rgba(10,10,10,.03),rgba(10,10,10,.18)),var(--restaurant)}
.pension-door:nth-child(4){background-image:linear-gradient(rgba(10,10,10,.03),rgba(10,10,10,.20)),var(--hotel-lobby)}
.pension-sign{position:absolute;top:10px;left:8px;right:8px;padding:13px 9px;text-align:center;color:#f5d48f;border:3px solid #c9a05c;outline:1px solid #59421f;background:#083a68;font-size:20px;line-height:1.05;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.pension-door.green .pension-sign{background:#245d3e}.pension-door.brown .pension-sign{background:#6d3919}.pension-door.red .pension-sign{background:#861f1c}
.pension-info{position:absolute;left:14px;right:14px;bottom:-16px;background:rgba(255,252,247,.98);border:1px solid #d9ccbb;border-radius:9px;padding:14px 15px 12px;box-shadow:0 8px 20px rgba(35,23,12,.14);font-size:13px;line-height:1.35}
.pension-info b{display:block;font-size:15px;margin-bottom:6px}.pension-info ul{margin:0 0 11px;padding-left:18px}.pension-info li{margin:3px 0}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid #d5c8b7;border-radius:5px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer}
.pf-btn.block{width:100%}.pf-btn.blue{background:var(--navy);border-color:var(--navy);color:#fff}.pf-btn.green{background:var(--green);border-color:var(--green);color:#fff}.pf-btn.gold{background:#9b5b22;border-color:#9b5b22;color:#fff}.pf-btn.red{background:#a32620;border-color:#a32620;color:#fff}.pf-btn[aria-disabled="true"],.pf-btn:disabled{opacity:.6;pointer-events:none}
.home-footer{background:rgba(255,252,247,.96);border-top:1px solid #e0d4c4;padding:18px 0}
.home-footer-inner{display:flex;align-items:center;gap:34px;font-size:13px;color:var(--navy)}
.home-footer-inner .quote{margin-left:auto;font-style:italic;font-size:16px}

/* ---------- SHARED SUBPAGE HERO ---------- */
.subpage{min-height:100vh;background:linear-gradient(rgba(33,22,11,.10),rgba(33,22,11,.10)),var(--hotel-lobby) center/cover fixed}
.subhero{position:relative;min-height:225px;background:linear-gradient(90deg,rgba(19,16,11,.56),rgba(255,248,236,.28) 33%,rgba(255,248,236,.22) 67%,rgba(19,16,11,.48)),var(--hotel-warm) center 42%/cover;display:flex;align-items:center}
.subhero-inner{width:min(1450px,calc(100% - 44px));margin:auto;text-align:center;position:relative}
.subhero h1{font-size:42px;color:var(--navy);margin:10px 0 4px}.subhero p{font-size:18px;margin:0;color:#173555}.subhero .left-board,.subhero .right-board{position:absolute;top:12px;width:220px;padding:14px;color:#e6bd70;font-size:20px;font-style:italic;line-height:1.35}.subhero .left-board{left:0}.subhero .right-board{right:0}
.white-panel{background:rgba(255,253,249,.97);border:1px solid #e0d4c4;border-radius:12px;box-shadow:var(--shadow)}
.section-row-title{display:flex;align-items:center;gap:12px;font-size:24px;color:var(--navy);margin:0 0 10px}.round-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#a8752d;color:#fff;font:700 18px Arial,sans-serif;flex:0 0 auto}

/* ---------- INTERACTIVE ---------- */
.interactive-approved{padding:0 0 24px;background:linear-gradient(rgba(240,229,214,.25),rgba(240,229,214,.18)),var(--hotel-lobby) center/cover fixed}
.interactive-stage{width:min(1470px,calc(100% - 36px));margin:-4px auto 0;display:grid;gap:10px}
.interactive-stage .white-panel{padding:10px 12px}
.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.learn-card{border:1px solid #e2d8ca;border-radius:8px;overflow:hidden;background:#fff}
.learn-card .photo{height:105px;background:var(--hotel-room) center/cover}.learn-card:nth-child(2) .photo{background-image:var(--desk)}.learn-card:nth-child(3) .photo{background-image:var(--hotel-warm)}.learn-card:nth-child(4) .photo{background-image:var(--hotel-lobby)}
.learn-card .copy{padding:11px 12px}.learn-card h3{margin:0 0 5px;font-size:17px}.learn-card p{margin:0 0 9px;font-size:13px;line-height:1.35}
.type-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.type-box{border:1px solid #e3d9ca;border-radius:6px;background:#fffaf3;min-height:70px;padding:9px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:13px}
.practice-grid{display:grid;grid-template-columns:1.65fr repeat(5,1fr);gap:10px}
.official-practice{display:grid;grid-template-columns:42% 58%;border:1px solid #e2d7c8;border-radius:8px;overflow:hidden;background:#fff}.official-practice .photo{background:var(--desk) center/cover}.official-practice .copy{padding:14px}.official-practice h3{margin:6px 0;font-size:19px}
.practice-mini{border:1px solid #e2d7c8;border-radius:7px;overflow:hidden;background:#fff}.practice-mini .photo{height:78px;background:var(--hotel-room) center/cover}.practice-mini .copy{padding:8px}.practice-mini h4{font-size:14px;margin:0 0 6px}
.interactive-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}.compact-info{padding:13px 16px}.compact-info p{margin:0;font-size:13px;line-height:1.4}.compact-info .action{margin-left:auto}

/* ---------- PORTFOLIO ---------- */
.portfolio-approved{padding-bottom:24px;background:linear-gradient(rgba(234,219,201,.20),rgba(234,219,201,.14)),var(--desk) center/cover fixed}
.portfolio-stage{width:min(1500px,calc(100% - 34px));margin:-2px auto 0}
.portfolio-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px}.portfolio-cards .port-card{min-width:0}
.port-card{border:1px solid #e2d7c8;border-radius:8px;overflow:hidden;background:#fff}
.port-card .photo{height:98px;background-position:center;background-size:cover;background-repeat:no-repeat}
.port-card:nth-child(1) .photo{background-image:url("https://images.pexels.com/photos/4491453/pexels-photo-4491453.jpeg?auto=compress&cs=tinysrgb&w=1200")}
.port-card:nth-child(2) .photo{background-image:url("https://images.pexels.com/photos/4792286/pexels-photo-4792286.jpeg?auto=compress&cs=tinysrgb&w=1200")}
.port-card:nth-child(3) .photo{background-image:url("https://images.pexels.com/photos/8872212/pexels-photo-8872212.jpeg?auto=compress&cs=tinysrgb&w=1200")}
.port-card:nth-child(4) .photo{background-image:url("https://images.pexels.com/photos/29238152/pexels-photo-29238152.jpeg?auto=compress&cs=tinysrgb&w=1200")}
.port-card .copy{padding:13px}.port-card h3{margin:0 0 6px;font-size:18px}.port-card p{margin:0 0 12px;font-size:13px;line-height:1.35}
.portfolio-lower{display:grid;grid-template-columns:1fr .92fr 1fr;gap:10px;margin-top:10px}.portfolio-lower>section{padding:16px}
.score-row{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border:1px solid #e2d7c8;border-bottom:0;background:#fffaf2}.score-row:last-of-type{border-bottom:1px solid #e2d7c8}.score-row strong{background:#efdcba;padding:8px 14px;border-radius:5px;color:#6e4817}
.timeline p{font-size:13.5px;line-height:1.4;margin:0 0 13px;padding-left:28px;position:relative}.timeline p:before{content:"▣";position:absolute;left:0;color:#9a671e}
.doc-list{display:grid;gap:7px}.doc-link{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;border:1px solid #dfd6ca;background:#fffaf3;border-radius:5px;padding:9px 10px;font-size:13px}.doc-link b{display:block;font-size:14px}

/* ---------- PROJECT PRACTICE ---------- */
.project-approved{padding-bottom:24px;background:linear-gradient(rgba(239,229,216,.18),rgba(239,229,216,.18)),var(--hotel-warm) center/cover fixed}
.project-stage{width:min(1480px,calc(100% - 36px));margin:-2px auto 0}
.project-tasks{padding:11px 12px}.project-tasks h2{text-align:center;margin:0 0 10px;font-size:28px}
.task-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.task-card{border:1px solid #e0d5c6;border-radius:7px;overflow:hidden;background:#fff}.task-card .photo{height:145px;background:var(--restaurant) center/cover}.task-card:nth-child(2) .photo{background-image:var(--breakfast)}.task-card:nth-child(3) .photo{background-image:var(--hotel-lobby)}.task-card:nth-child(4) .photo{background-image:var(--hotel-warm)}.task-card:nth-child(5) .photo{background-image:var(--desk)}
.task-card .copy{padding:12px;text-align:center}.task-card h3{margin:0 0 6px;font-size:18px;line-height:1.15}.task-card p{margin:0 0 10px;font-size:13px;line-height:1.35}
.project-bottom{display:grid;grid-template-columns:1.55fr .95fr;gap:10px;margin-top:10px}.project-feature{display:grid;grid-template-columns:42% 58%;overflow:hidden}.project-feature .photo{background:var(--hotel-room) center/cover}.project-feature.results .photo{background-image:var(--desk)}.project-feature .copy{padding:16px}.project-feature h2{margin:0 0 5px;font-size:23px}.project-feature p{font-size:13px;line-height:1.4;margin:0 0 12px}

/* ---------- LIVE EXAM ---------- */
.exam-approved{background:linear-gradient(rgba(23,13,7,.10),rgba(23,13,7,.10)),var(--hotel-lobby) center/cover fixed;min-height:100vh}
.exam-hero-stage{padding:35px 0 54px;background:linear-gradient(90deg,rgba(34,24,14,.28),rgba(34,24,14,.08)),var(--hotel-lobby) center 44%/cover}
.exam-stage{width:min(1040px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1.62fr .98fr;gap:18px}
.exam-box{background:rgba(255,253,248,.98);border:1px solid #e0d4c5;border-radius:14px;box-shadow:var(--shadow);padding:27px}
.exam-title{text-align:center}.exam-title h1{margin:2px 0 7px;font-size:42px;color:#113e32;letter-spacing:.03em}.exam-title p{margin:0;color:#8b6424;font-size:18px;font-weight:700}
.exam-divider{width:250px;height:1px;background:#c7a665;margin:18px auto}
.exam-box h2{margin:0 0 5px;color:#123e32;font-size:29px}.exam-box .lead{margin:0 0 18px;color:#4d555c;font-size:14px}
.pf-form{display:grid;gap:11px}.pf-field{display:grid;grid-template-columns:195px 1fr;gap:12px;align-items:center}.pf-field label{font-weight:700;color:#17382f}.pf-field input,.pf-field select{width:100%;padding:11px 13px;border:1px solid #c8c6c0;border-radius:7px;background:#fff;color:#2c3740}
.pf-field input:focus,.pf-field select:focus{outline:3px solid rgba(181,131,48,.16);border-color:#b58330}
.exam-start-button{margin-top:16px;background:linear-gradient(90deg,#134b39,#1d654c);border:0;color:#f0d09a;font-size:18px;padding:14px}
.pf-status{min-height:20px;margin-top:9px;font-size:13px;color:#5c6267}.pf-status.error{color:#92241f;font-weight:700}
.exam-mini-strip{display:flex;justify-content:center;gap:15px;margin-top:14px;font-size:12px;color:#2f3337}.exam-mini-strip span+span{border-left:1px solid #cfc1ae;padding-left:15px}
.exam-info h2{margin-bottom:16px}.exam-info-item{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;padding:8px 0}.exam-info-item .round{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f2e5cf;color:#8b6424;font-weight:700}.exam-info-item p{margin:2px 0 0;font-size:14px;line-height:1.35;color:#222}.exam-goodluck{text-align:center;margin-top:10px;padding-top:14px;border-top:1px solid #d9ccba;font-size:18px;font-weight:700;color:#143d32}
.exam-task-strip{background:rgba(255,253,249,.98);display:grid;grid-template-columns:repeat(4,1fr);padding:25px max(28px,calc((100vw - 1420px)/2));border-top:1px solid #e0d5c7}.exam-task{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;padding:0 22px;border-right:1px solid #ded1c1}.exam-task:last-child{border-right:0}.exam-task .round{width:55px;height:55px;border-radius:14px;background:linear-gradient(145deg,#bb8a3a,#8d6121);display:grid;place-items:center;color:#fff;font-size:21px}.exam-task b{display:block;font-size:17px}.exam-task span{display:block;margin-top:3px;color:#4b5862;font-size:13px}

/* Modal on project practice */
dialog{border:0;border-radius:12px;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(20,14,8,.62)}
.dlg{padding:22px;background:#fffdf8;color:var(--ink)}.dlg-head{display:flex;gap:12px;align-items:center}.dlg-head h2{margin:0}.dlg-head button{margin-left:auto}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}


@media(min-width:1200px) and (max-height:1000px){
  .portfolio-approved{padding-bottom:14px}
  .portfolio-approved .pf-topbar-inner{min-height:62px;width:min(1450px,calc(100% - 40px))}
  .portfolio-approved .pf-simplebrand{font-size:19px}
  .portfolio-approved .pf-simplebrand small{font-size:11px;margin-top:2px}
  .portfolio-approved .pf-nav{font-size:13px;gap:25px}
  .portfolio-approved .pf-nav a{padding:18px 0}

  .portfolio-approved .subhero{min-height:220px}
  .portfolio-approved .subhero-inner{width:min(1450px,calc(100% - 40px))}
  .portfolio-approved .subhero h1{font-size:41px;margin:8px 0 4px}
  .portfolio-approved .subhero p{font-size:17px}
  .portfolio-approved .subhero p[style]{font-size:15.5px !important;margin-top:10px !important}
  .portfolio-approved .subhero .left-board,
  .portfolio-approved .subhero .right-board{top:9px;width:215px;padding:12px;font-size:18px;line-height:1.3}

  .portfolio-stage{width:min(1500px,calc(100% - 30px));margin:-2px auto 0}
  .portfolio-cards{gap:9px;padding:9px}
  .port-card .photo{height:102px}
  .port-card .copy{padding:12px 13px}
  .port-card h3{margin:0 0 5px;font-size:18px}
  .port-card p{margin:0 0 11px;font-size:12.8px;line-height:1.34}
  .portfolio-approved .pf-btn{min-height:38px;padding:8px 14px;font-size:13px}

  .portfolio-lower{gap:9px;margin-top:9px}
  .portfolio-lower>section{padding:15px}
  .portfolio-approved .section-row-title{gap:10px;font-size:23px;margin-bottom:9px}
  .portfolio-approved .round-icon{width:39px;height:39px;font-size:16px}
  .portfolio-lower p{font-size:12.8px;line-height:1.36;margin-top:8px;margin-bottom:10px}
  .score-row{padding:10px 10px;font-size:13.2px}
  .score-row strong{padding:7px 12px}
  .timeline p{font-size:12.6px;line-height:1.34;margin:0 0 10px;padding-left:24px}
  .doc-list{gap:6px}
  .doc-link{grid-template-columns:32px 1fr 18px;padding:8px 9px;font-size:12.2px}
  .doc-link b{font-size:13.2px}
}

@media(max-width:1100px){
  .pf-nav{gap:16px}.pf-script{display:none}.exam-structure{width:calc(100% - 60px)}
  .pension-grid,.portfolio-cards,.task-grid{grid-template-columns:repeat(2,1fr)}
  .practice-grid{grid-template-columns:1.5fr repeat(3,1fr)}.practice-mini:nth-last-child(-n+2){display:none}
  .portfolio-lower,.project-bottom,.exam-stage{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pf-topbar-inner{flex-wrap:wrap;padding:10px 0}.pf-spacer{display:none}.pf-nav{width:100%;overflow:auto;white-space:nowrap}.pf-nav a{padding:5px 0}.pf-systemname{display:none}
  .home-hero-inner{padding-bottom:40px}.home-title h1{font-size:34px}.home-title h2{font-size:19px}.home-quote,.home-sidequote{display:none}.exam-structure{position:relative;bottom:auto;left:auto;transform:none;width:calc(100% - 20px);margin:-35px auto 0}
  .exam-structure-grid,.project-split,.pension-grid,.learn-grid,.type-grid,.practice-grid,.interactive-bottom,.portfolio-cards,.portfolio-lower,.task-grid,.project-bottom,.exam-stage,.exam-task-strip{grid-template-columns:1fr}
  .home-areas{padding-top:30px}.home-areas h2:before,.home-areas h2:after{display:none}.pension-door{min-height:360px;margin-bottom:24px}
  .subhero .left-board,.subhero .right-board{display:none}.subhero h1{font-size:32px}.official-practice,.project-feature{grid-template-columns:1fr}.official-practice .photo,.project-feature .photo{min-height:150px}
  .pf-field{grid-template-columns:1fr;gap:5px}.exam-mini-strip{flex-direction:column;gap:5px}.exam-mini-strip span+span{border:0;padding:0}.exam-task{border-right:0;border-bottom:1px solid #ded1c1;padding:12px 0}
  .set-grid{grid-template-columns:1fr}
}


/* SZAMOS PANZIOS MOBILE 20260926 */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .pf-topbar{height:auto}
  .pf-topbar-inner{
    width:calc(100% - 24px);min-height:0;height:auto;
    padding:10px 0;display:block
  }
  .pf-spacer,.pf-nav,.pf-script{display:none!important}
  .pf-simplebrand,.pf-brand{
    display:block;max-width:100%;min-width:0;
    font-size:18px;line-height:1.1;overflow-wrap:anywhere
  }
  .pf-simplebrand small,.pf-brandtext small{
    font-size:11px;line-height:1.3;margin-top:4px
  }
  .pf-breadcrumb{
    max-width:100%;white-space:normal;flex-wrap:wrap;
    line-height:1.3;overflow-wrap:anywhere
  }
  .pf-btn{
    min-height:44px;max-width:100%;
    white-space:normal;text-align:center
  }
}