.category-label { color: var(--plum); font-weight: 900; }
.guide-item { overflow: hidden; }
.guide-item summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px; cursor: pointer; list-style: none; }
.guide-item summary::-webkit-details-marker { display: none; }
.guide-item summary span { display: grid; gap: 5px; }
.guide-item summary strong { font-size: 13px; }
.guide-item summary small { color: var(--plum); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.guide-item summary b { color: var(--plum); font-size: 18px; transition: transform .2s; }
.guide-item[open] summary b { transform: rotate(180deg); }
.guide-body { padding: 0 16px 17px; border-top: 1px solid var(--line); }
.guide-body p { margin: 9px 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.guide-body .guide-label { margin-top: 14px; color: var(--plum); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.guide-body a { display: inline-flex; margin-top: 5px; padding: 9px 11px; border-radius: 10px; background: #f3e7ed; color: var(--plum); font-size: 10px; font-weight: 900; text-decoration: none; }
.close{z-index:2}
.tracker-grid{display:grid;gap:16px;margin-top:18px}.tracker-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px}.tracker-label span{color:var(--muted)}.directory-group{margin-top:18px}.directory-subheading{padding:0 4px;margin-bottom:8px}.directory-group:not(:has(.resource:not([hidden]))){display:none}
.check.mentor-done{background:var(--green);border-color:var(--green)}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{display:grid;gap:3px;padding:14px 8px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;box-shadow:0 5px 16px rgb(73 34 53/5%)}.metric strong{color:var(--plum);font-family:Georgia,serif;font-size:20px}.metric span{color:var(--muted);font-size:10px;font-weight:800}.category-grid{display:flex;flex-wrap:wrap;gap:8px}.help-choice{display:inline-flex;align-items:center;gap:3px}.help-suggestion-remove{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:16px;line-height:1;cursor:pointer}.help-suggestion-remove:hover{background:#f3e7ed;color:var(--plum)}.mentee-card>h3,.plan-card h3,.area-card h3{margin:0;font-family:Georgia,serif}.nested-plans{margin-top:14px}.plan-card{padding:15px;background:#fdfbfc}.plan-card .section-heading{align-items:start}.compact-list{margin:13px 0}.subtask{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.subtask:last-child{border-bottom:0}
.primary:disabled{cursor:not-allowed;opacity:.45}

/* Refined premium layer — preserves the compact Lovable layout. */
:root{--plum:#50152f;--berry:#8d1f3b;--cream:#f7f2ed;--ink:#21171d;--muted:#74676d;--line:#e7dadd;--gold:#c6a15b;--green:#23634e}
body{background:#e9e1df;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}
.app-shell{background:radial-gradient(circle at 50% -10%,#fff 0,#f4efec 42%,#e4d9d7 100%)}
.phone-app{background:linear-gradient(180deg,#fcfbfa 0,#f9f6f4 100%);box-shadow:0 30px 90px rgb(53 20 36/16%),0 1px 0 rgb(255 255 255/80%) inset}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#3f1026 0,#651b3d 58%,#8d263f 100%);padding-top:27px;box-shadow:0 18px 44px rgb(80 21 47/18%)}
.hero:after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-82px;top:-115px;border-radius:50%;border:1px solid rgb(255 255 255/16%);box-shadow:0 0 0 28px rgb(255 255 255/4%),0 0 0 62px rgb(255 255 255/3%)}
.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#fff,#f6ecef);box-shadow:0 9px 22px rgb(25 5 14/20%),0 0 0 1px rgb(255 255 255/45%) inset;color:#581532}
.eyebrow{letter-spacing:.13em}.hero-copy{color:#f7edf1;font-weight:450}.content{gap:24px;padding-inline:19px}
.card{border-color:rgb(80 21 47/10%);box-shadow:0 10px 30px rgb(55 22 37/7%),0 1px 0 rgb(255 255 255/95%) inset}
.pad{padding:22px}.card.pad:first-child{box-shadow:0 18px 44px rgb(54 20 36/11%),0 1px 0 #fff inset}
h1,h2,.section-heading h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}h1{font-size:27px}h2{font-size:26px}
.primary{min-height:46px;align-items:center;padding:13px 17px;border-radius:15px;background:linear-gradient(135deg,#50152f,#741d41);box-shadow:0 9px 18px rgb(80 21 47/20%),0 1px 0 rgb(255 255 255/18%) inset;transition:transform .18s ease,box-shadow .18s ease}
.secondary{border:1px solid rgb(80 21 47/8%);background:linear-gradient(180deg,#f8eff3,#f2e4ea)}
.data-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.data-actions .secondary{min-height:44px}
.quick-card,.flow{border-color:rgb(80 21 47/9%);box-shadow:0 9px 25px rgb(55 22 37/6%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.quick-icon,.resource-icon{background:linear-gradient(145deg,#f8edf1,#efe0e7);box-shadow:0 1px 0 #fff inset}
.quick-card strong,.item-copy strong{letter-spacing:-.01em}.tabs{gap:8px;padding:2px 1px 5px}.chip{padding:9px 13px;border:1px solid rgb(80 21 47/7%);background:#f1e9eb}.chip.active{background:linear-gradient(135deg,#50152f,#71203f);box-shadow:0 6px 14px rgb(80 21 47/16%)}
.task,.class-item,.resource,.qa{padding:15px}.icon-btn,.close{transition:transform .18s ease,background .18s ease}.progress{height:7px;background:#ede5e6}.progress span{background:linear-gradient(90deg,#50152f 0,#8d1f3b 70%,#c6a15b 100%);box-shadow:0 0 12px rgb(141 31 59/20%)}
.search{border-color:rgb(80 21 47/14%);background:#fffdfc;box-shadow:0 4px 14px rgb(55 22 37/4%) inset,0 1px 0 #fff}.search:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8d5570;box-shadow:0 0 0 3px rgb(80 21 47/9%);outline:0}
.search,.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.directory-subheading{align-items:center}.directory-subheading h3{font-size:17px}.directory-subheading span{padding:5px 8px;border-radius:999px;background:#f0e5e9;color:#6b2947;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.guide-item[open]{border-color:rgb(80 21 47/18%);box-shadow:0 14px 34px rgb(55 22 37/9%)}.guide-body a,.resource a{transition:color .18s ease,background .18s ease}.guide-body a{border:1px solid rgb(80 21 47/7%)}
.note{border-color:rgb(198 161 91/25%);background:linear-gradient(135deg,#fbf7f0,#f8f1ea)}.note>span{background:linear-gradient(145deg,#5c1836,#8a2947);box-shadow:0 5px 12px rgb(80 21 47/18%)}
.bottom-nav{border-top-color:rgb(80 21 47/9%);background:rgb(255 253 252/92%);box-shadow:0 -10px 30px rgb(55 22 37/6%);backdrop-filter:blur(18px) saturate(145%)}.bottom-nav button.active>span{background:linear-gradient(145deg,#f5e9ee,#ead8e0)}
dialog{border:1px solid rgb(80 21 47/10%);background:#fffdfc;box-shadow:0 35px 90px rgb(35 14 24/30%)}dialog::backdrop{background:rgb(36 13 25/62%);backdrop-filter:blur(6px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgb(198 161 91/55%);outline-offset:2px}
@media(hover:hover){.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgb(80 21 47/25%)}.quick-card:hover,.flow:hover{transform:translateY(-2px);border-color:rgb(80 21 47/18%);box-shadow:0 14px 30px rgb(55 22 37/10%)}.icon-btn:hover,.close:hover{transform:scale(1.05);background:#eee1e7}.resource a:hover,.guide-body a:hover{color:#8d1f3b}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Classic jewel-tone accents: colourful, polished, and still restrained. */
:root{--navy:#244668;--emerald:#24705a;--sapphire:#315f8c;--ochre:#b67a2a;--rose:#a43b59}
.hero{background:linear-gradient(138deg,#351025 0%,#65163b 48%,#9a2c48 100%)}
.hero:before{content:"";position:absolute;z-index:-1;left:-65px;bottom:-105px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgb(215 174 90/20%),transparent 68%)}
.brand-mark{color:#65163b;box-shadow:0 9px 22px rgb(25 5 14/22%),0 0 0 2px rgb(215 174 90/42%) inset}
.quick-card:nth-child(1){background:linear-gradient(145deg,#fff 35%,#f9e9ee);border-color:#edd2da}.quick-card:nth-child(1) .quick-icon{background:#f4dce4;color:#8f2347}
.quick-card:nth-child(2){background:linear-gradient(145deg,#fff 35%,#eaf2f8);border-color:#d4e1ec}.quick-card:nth-child(2) .quick-icon{background:#dceaf4;color:var(--sapphire)}
.quick-card:nth-child(3){background:linear-gradient(145deg,#fff 35%,#eaf4ef);border-color:#d2e5da}.quick-card:nth-child(3) .quick-icon{background:#dceee5;color:var(--emerald)}
.quick-card:nth-child(4){background:linear-gradient(145deg,#fff 35%,#f8f0df);border-color:#eadbbc}.quick-card:nth-child(4) .quick-icon{background:#f2e4c8;color:#94631f}
.tracker:nth-child(1) .tracker-label strong{color:var(--sapphire)}.tracker:nth-child(1) .progress span{background:linear-gradient(90deg,#315f8c,#4b84ae)}.tracker:nth-child(2) .tracker-label strong{color:var(--rose)}.tracker:nth-child(2) .progress span{background:linear-gradient(90deg,#8d1f3b,#c6536c,#d3a34b)}
.directory-group[data-category="Academic"] .resource-icon{background:#e2eaf4;color:#315f8c}.directory-group[data-category="Student"] .resource-icon{background:#eee2f1;color:#704178}.directory-group[data-category="IT"] .resource-icon{background:#e1edf4;color:#275b7a}.directory-group[data-category="Health"] .resource-icon{background:#ddefe7;color:#24705a}.directory-group[data-category="Immigration"] .resource-icon{background:#f8e6eb;color:#9a2c48}.directory-group[data-category="Financial"] .resource-icon{background:#f5ead3;color:#94631f}.directory-group[data-category="Housing"] .resource-icon{background:#e9e4f4;color:#5c4d91}.directory-group[data-category="Transit"] .resource-icon{background:#dcecf0;color:#286879}.directory-group[data-category="Entrepreneurship"] .resource-icon{background:#f5e5d8;color:#a34f27}
.directory-group[data-category="Academic"] .directory-subheading span{background:#e6edf5;color:#315f8c}.directory-group[data-category="Health"] .directory-subheading span{background:#e0f0e8;color:#24705a}.directory-group[data-category="Immigration"] .directory-subheading span{background:#f5e2e8;color:#8d1f3b}.directory-group[data-category="Financial"] .directory-subheading span{background:#f6ebd6;color:#94631f}
.guide-item[data-category="Immigration"]{border-left:3px solid #a43b59}.guide-item[data-category="Settlement"]{border-left:3px solid #24705a}.guide-item[data-category="Academics"]{border-left:3px solid #315f8c}.guide-item[data-category="Culture"]{border-left:3px solid #b67a2a}
.flow:first-child{background:linear-gradient(145deg,#fff 45%,#eaf2f8);border-color:#d2e1ec}.flow:first-child span{color:#315f8c}.flow:nth-child(2){background:linear-gradient(145deg,#fff 45%,#f7e8ed);border-color:#ead0d8}.flow:nth-child(2) span{color:#9a2c48}
.note{border-left:3px solid #c6a15b}.chip:not(.active):nth-child(3n+1){color:#6f2947}.chip:not(.active):nth-child(3n+2){color:#315f8c}.chip:not(.active):nth-child(3n){color:#24705a}
.bottom-nav button:nth-child(2).active{color:#315f8c}.bottom-nav button:nth-child(3).active{color:#24705a}.bottom-nav button:nth-child(4).active{color:#9a2c48}.bottom-nav button:nth-child(5).active{color:#94631f}

/* Keep page labels and first-card content above the overlapping hero edge. */
.content{position:relative;z-index:2}
.independence-note{margin:4px 22px 22px;padding:14px 15px;border-top:1px solid rgb(80 21 47/10%);color:var(--muted);font-size:9px;line-height:1.55;text-align:center}