/* ═══════════════════════════════════════════════════════════════ 23. PROFESSIONAL MODE Triggered by data-mode="cv" on the element. Hides all Wikipedia chrome and restructures to a clean resume. ═══════════════════════════════════════════════════════════════ */ /* ── CV MODE BUTTON ── */ .mode-btn { background: none; border: 1px solid var(--border2); border-radius: 2px; padding: 4px 10px; font-size: 11px; font-family: var(--sans); color: var(--text2); cursor: pointer; transition: all 0.15s; white-space: nowrap; display: flex; align-items: center; gap: 5px; } .mode-btn:hover { background: var(--bg3); color: var(--text); } /* Highlight the button when CV mode is active */ [data-mode="cv"] .mode-btn { background: var(--link); color: #fff; border-color: var(--link); } [data-theme="light"][data-mode="cv"] .mode-btn { color: #1a1a1a; } /* ── HIDE WIKI CHROME IN CV MODE ── */ [data-mode="cv"] .tabs, [data-mode="cv"] .banner, [data-mode="cv"] .toc, [data-mode="cv"] .dyk, [data-mode="cv"] .el, [data-mode="cv"] .cn, [data-mode="cv"] .tags, [data-mode="cv"] .wiki-footer, [data-mode="cv"] .sidebar, [data-mode="cv"] .srch, [data-mode="cv"] .logo-sub, [data-mode="cv"] #pg-talk, [data-mode="cv"] #pg-history, [data-mode="cv"] .indicator { display: none !important; } /* ── CV LAYOUT ── */ [data-mode="cv"] .wrap { max-width: 860px; padding: 0 40px 60px; } [data-mode="cv"] .grid { grid-template-columns: 1fr; } [data-mode="cv"] #pg-article { display: block !important; } /* ── CV HEADER ── */ [data-mode="cv"] .hdr { position: relative; border-bottom: 2px solid var(--border); padding: 16px 40px; } [data-mode="cv"] .hdr-inner { max-width: 860px; height: auto; } [data-mode="cv"] .logo-txt { font-size: 11px; color: var(--text3); font-weight: 400; } [data-mode="cv"] .logo-orb { display: none; } /* ── CV TITLE BLOCK ── */ [data-mode="cv"] .wiki-title { font-size: 36px; font-weight: 700; border-bottom: none; margin-bottom: 4px; font-family: var(--sans); letter-spacing: -0.5px; } /* Contact line rendered below the name */ [data-mode="cv"] .cv-contact { display: flex !important; flex-wrap: wrap; gap: 16px; font-family: var(--sans); font-size: 13px; color: var(--text2); margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--border); } [data-mode="cv"] .cv-contact a { color: var(--link); text-decoration: none; } [data-mode="cv"] .cv-contact a:hover { text-decoration: underline; } /* Hidden in wiki mode, shown in CV mode */ .cv-contact { display: none; } .cv-only { display: none; } [data-mode="cv"] .cv-only { display: block; } /* ── CV SECTION HEADINGS ── */ [data-mode="cv"] .sh { font-family: var(--sans); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text2); border-bottom: 1px solid var(--border); margin: 20px 0 10px; padding-bottom: 4px; } [data-mode="cv"] .ssh { font-family: var(--sans); font-size: 14px; font-weight: 600; color: var(--text); margin: 10px 0 3px; display: flex; justify-content: space-between; align-items: baseline; } /* Role / date range inline */ [data-mode="cv"] .ssh .cv-date { font-weight: 400; font-size: 12px; color: var(--text3); } /* ── CV CONTENT ── */ [data-mode="cv"] .wc p { font-family: var(--sans); font-size: 13.5px; line-height: 1.65; margin-bottom: 8px; color: var(--text); } [data-mode="cv"] .wc ul { padding-left: 18px; margin: 4px 0 10px; } [data-mode="cv"] .wc ul li { font-family: var(--sans); font-size: 13.5px; line-height: 1.6; margin: 3px 0; color: var(--text); } [data-mode="cv"] .wc a { color: var(--text); text-decoration: none; } [data-mode="cv"] .wc b { font-weight: 600; } /* ── CV SKILL TAGS ── */ [data-mode="cv"] .sk { background: var(--bg3); border: 1px solid var(--border2); padding: 1px 7px; border-radius: 2px; font-family: var(--mono); font-size: 11.5px; color: var(--text2); margin: 2px 2px 2px 0; display: inline-block; } [data-mode="cv"] .sk::after { content: ''; } [data-mode="cv"] .sk:last-child::after { content: ''; } /* ── CV CERTIFICATIONS ── */ [data-mode="cv"] #certs .wc ul li { display: list-item; border-bottom: none; padding: 3px 0; margin: 3px 0; } [data-mode="cv"] #certs .wc ul li a { color: var(--link); text-decoration: none; } [data-mode="cv"] #certs .wc ul li a:hover { text-decoration: underline; } [data-mode="cv"] #certs .wc ul li em { font-style: italic; color: var(--text2); font-size: 13px; } /* ── HIDE SECTIONS NOT RELEVANT TO CV ── */ [data-mode="cv"] #see-also, [data-mode="cv"] #external .sh { display: none; } [data-mode="cv"] #external .extlinks { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--border); } [data-mode="cv"] #external .extlinks a { font-family: var(--sans); font-size: 13px; color: var(--link); } [data-mode="cv"] .wiki-only { display: none; } /* ── CV PRINT STYLES ── */ @media print { [data-mode="cv"] .hdr-tools, [data-mode="cv"] .mode-btn, [data-mode="cv"] #theme-btn { display: none !important; } [data-mode="cv"] body { background: white; color: black; } [data-mode="cv"] .hdr { position: relative; } [data-mode="cv"] .wrap { padding: 0 20px; } }