/* Bilohash Studio — сторінки «Про мене» (/about.php) і «Резюме» (/resume.php), стиль наліпки (2026-11-12).
   Основа — assets/css/bs-products-a.css (класи bsp-*); тут лише власні блоки bsa-*. */
.bsa-role{font-weight:700;color:var(--ink) !important;margin-bottom:12px !important}
.bsa-role em{font-style:normal;background:linear-gradient(transparent 58%,#ffd84d 58%);padding:0 .06em}
html[data-theme="dark"] .bsa-role em{background:linear-gradient(transparent 58%,#b8860b 58%)}
.bsa-photo{position:relative;justify-self:center;max-width:420px;width:100%;padding:18px}
.bsa-photo::before{content:"";position:absolute;inset:0 30px 50px 0;background:#7be0c3;border:3px solid #14110f;border-radius:30px;transform:rotate(-3deg)}
.bsa-photo-card{position:relative;margin:0;background:#fff;border:3px solid #14110f;border-radius:26px;box-shadow:8px 8px 0 #14110f;overflow:hidden;transform:rotate(1.5deg)}
.bsa-photo-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-bottom:3px solid #14110f}
.bsa-photo-card figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 16px;background:#ffd84d;color:#14110f;font-weight:700}
.bsa-photo-card figcaption b{font-weight:900}
.bsa-mark{position:absolute;right:-6px;top:-10px;width:96px;height:96px;transform:rotate(10deg);filter:drop-shadow(4px 4px 0 #14110f)}
html[data-theme="dark"] .bsa-photo::before,html[data-theme="dark"] .bsa-photo-card{border-color:#fff8e7}
html[data-theme="dark"] .bsa-photo-card{box-shadow:8px 8px 0 #000}
.bsa-stmt{background:#2447ff;color:#fff;border:3px solid #14110f;border-radius:26px;box-shadow:8px 8px 0 #14110f;padding:26px 28px;margin:0 0 22px}
.bsa-stmt p{margin:14px 0 0;font:900 clamp(22px,3vw,34px)/1.15 Rubik,system-ui,sans-serif;letter-spacing:-.02em;color:#fff}
.bsa-stmt .bsp-kick{background:#ffd84d;color:#14110f}
html[data-theme="dark"] .bsa-stmt{border-color:#fff8e7;box-shadow:8px 8px 0 #000;background:#1a2fb8}
.bsa-skill{display:flex;flex-direction:column;justify-content:flex-start}
.bsa-skill h3{font-size:17px;margin:0}
.bsa-links{margin-top:22px}
.bsa-time{list-style:none;margin:0;padding:0;display:grid;gap:16px;position:relative}
.bsa-time li{position:relative;background:var(--card);border:3px solid var(--line);border-radius:20px;box-shadow:5px 5px 0 var(--shadow);padding:16px 18px 16px 18px;color:var(--ink)}
.bsa-time .bsa-when{display:inline-block;background:#ffd84d;color:#14110f;border:2px solid #14110f;border-radius:999px;padding:2px 10px;font-weight:800;font-size:13px;margin-bottom:6px;transform:rotate(-1deg)}
.bsa-time h3{font:800 18px/1.25 Rubik,system-ui,sans-serif;margin:0 0 4px;color:var(--ink)}
.bsa-time p,.bsa-time li li{color:var(--mute);font-size:15px;margin:0}
.bsa-time ul{margin:8px 0 0;padding-left:20px}
@media (max-width:900px){.bsa-photo{max-width:340px}}
@media (max-width:620px){.bsa-mark{width:72px;height:72px}.bsa-stmt{padding:20px}.bsa-photo-card figcaption{flex-direction:column;align-items:flex-start;gap:2px}}
.bsa-stmt .bsa-stmt-p{font:500 18px/1.6 Rubik,system-ui,sans-serif;letter-spacing:0}
.bsa-quals a,.bsp-list a{color:var(--blue);font-weight:700;text-underline-offset:3px}
.bsa-skills li{font-size:13px}
.bsa-mod{margin-top:20px}
.bsa-mod p{margin-bottom:12px !important}
.bsa-modlist summary{cursor:pointer;font-weight:800;color:var(--ink);padding:8px 0}
.bsa-modlist code{font-size:13px;font-weight:700}
.bsa-sub{font:900 24px/1.2 Rubik,system-ui,sans-serif;color:var(--ink);margin:34px 0 6px}
.bsa-ul{margin:8px 0 0;padding-left:20px;color:var(--mute);display:grid;gap:6px}
.bsa-ul b{color:var(--ink)}
.bsa-h3b{margin-top:16px !important}
.bsa-gap{margin-top:18px}
.bsa-proj-links{margin-top:12px !important;font-weight:800}
.bsa-proj-links a{color:var(--blue)}
.bsp-card--y .bsa-proj-links a{color:#14110f}
.bsp-chips a{color:inherit;text-decoration:none}