/* About · Web Standard v2 layer (2026-10-24, Audi: "ทำหน้า about.html ต่อเลย" + "อย่ายึดติดของเก่า ให้ยึดกฎการทำเว็ปหลักของเรา").
   Loaded last. Tokens only (`--aku-*` from ak-ui.css). What it does:
   1. the shared sky shows on the whole page in both themes (night sky / day sky with clouds),
   2. boxes stay only on things you can press (story notes, people cards, contact cards) and the key data (education),
      while reading sections (life chapters, strengths & weaknesses, how I work, contact frame) become boxless zones,
   3. every label reaches 4.5:1 (measured with Scripts/web/contrast_pixels.py). */

/* 1 · sky: the body paints no colour of its own so the fixed .ak-sky is the page background */
html[data-theme] body.about-page{background:transparent!important}
html[data-theme=light] body.about-page .ak-sky{background:radial-gradient(ellipse 40% 30% at 92% 12%,color-mix(in srgb,var(--aku-sun) 30%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--aku-sky-1) 70%,rgb(130,185,240)) 0,var(--aku-sky-1) 30%,var(--aku-sky-3) 62%,var(--aku-sky-2) 100%)!important}
html[data-theme=light] body.about-page .ak-sky :is(.ak-star,.ak-dot,.ak-comet,.ak-north){display:none!important}
html[data-theme=light] body.about-page .ak-sky .ak-sun{display:block}
html[data-theme=light] body.about-page .ak-sky .ak-cloud{background:rgba(255,255,255,.92);box-shadow:inset 0 -6px 10px rgba(150,190,230,.35);filter:blur(.6px)}

/* 2 · boxless reading zones: no frame or fill, a hairline + spacing separates them */
html[data-theme] body.about-page :is(.story-highlights,.approach,.contact-section){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html[data-theme] body.about-page :is(.story-highlights,.approach,.contact-section,.skills-section){border-top:1px solid color-mix(in srgb,var(--aku-line) 55%,transparent)!important;padding-top:44px!important}
html[data-theme] body.about-page .approach-flow{border:0!important;background:none!important}
/* life chapters are reading text, not cards: the polaroid carries the picture, the text sits on the sky */
html[data-theme] body.about-page .story-chapter{background:none!important;border:0!important;box-shadow:none!important;border-bottom:1px solid color-mix(in srgb,var(--aku-line) 45%,transparent)!important;border-radius:0!important}
html[data-theme] body.about-page .story-chapter :is(p,h3,h4,li){color:var(--aku-text)}
html[data-theme] body.about-page .story-chapter p{color:var(--aku-copy)}

/* 3 · readable labels (contrast_pixels 2026-10-24: 1.1–4.5:1 before). :not(#a):not(#b) lifts specificity over the older page rules */
html[data-theme] body.about-page .tab-idx:not(#a):not(#b){color:var(--aku-primary)!important}
html[data-theme=light] body.about-page .tab-idx:not(#a):not(#b){color:var(--aku-text)!important}
html[data-theme=light] body.about-page :is(.chapter-period,.grat-hd):not(#a):not(#b){color:var(--aku-copy)!important}
html[data-theme=light] body.about-page :is(.evolution-badge,.evo-morph-tag,.evo-morph-tag s):not(#a):not(#b){color:rgb(124,45,8)!important}
html[data-theme=light] body.about-page .name-origin-section :is(strong,em):not(#a):not(#b){color:rgb(124,52,6)!important}
html[data-theme=light] body.about-page .contact-card-action:not(#a):not(#b){color:rgb(55,63,180)!important}
/* stronger unboxing for older !important page rules; the life-chapter book loses its glass panel too (tabs + polaroid stay) */
html[data-theme] body.about-page :is(.approach,.memory-book-container):not(#a):not(#b){background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] body.about-page .approach:not(#a):not(#b)::before,html[data-theme] body.about-page .approach:not(#a):not(#b)::after{display:none!important}

/* 4 · hero routes + one primary (Audi 2026-10-24: "พวกตรงนี้สวยแล้วหรอ" on the three topic pills and the two buttons).
   The topics now go somewhere, in their world colour (finance green · AI blue · self rose), as text links with a sprite and an arrow.
   One gold primary (button floor: 40px, ink 4.5:1, arrow disc that bobs at rest, lift on hover). */
body.about-page .identity-routes{display:flex;flex-wrap:wrap;gap:6px 22px;margin:18px 0 22px}
body.about-page .idr{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1.3 var(--aku-font-body);text-decoration:none;padding:4px 0;border-bottom:2px solid color-mix(in srgb,var(--idr) 45%,transparent);color:var(--idr-ink);transition:border-color .2s,translate .2s}
body.about-page .idr i{font-style:normal;transition:translate .2s}
body.about-page .idr:hover,body.about-page .idr:focus-visible{border-bottom-color:var(--idr)}
body.about-page .idr:hover i,body.about-page .idr:focus-visible i{translate:4px 0}
body.about-page .idr-self:hover i{translate:0 3px}
body.about-page .idr-fin{--idr:rgb(52,211,153);--idr-ink:rgb(134,239,196)}
body.about-page .idr-ai{--idr:rgb(96,165,250);--idr-ink:rgb(165,200,255)}
body.about-page .idr-self{--idr:rgb(244,114,182);--idr-ink:rgb(251,182,214)}
html[data-theme=light] body.about-page .idr-fin{--idr-ink:rgb(4,112,78)}
html[data-theme=light] body.about-page .idr-ai{--idr-ink:rgb(29,78,170)}
html[data-theme=light] body.about-page .idr-self{--idr-ink:rgb(160,30,95)}
body.about-page .intro-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
body.about-page .about-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 18px;border-radius:999px;text-decoration:none;font:600 .95rem/1 var(--aku-font-head);color:var(--aku-primary-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--aku-primary) 55%,white),var(--aku-primary));border:1.5px solid color-mix(in srgb,var(--aku-primary) 55%,black);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--aku-primary) 80%,transparent);transition:translate .2s,box-shadow .2s}
body.about-page .ap-disc{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--aku-primary-ink);color:var(--aku-primary);font-size:.85rem;animation:apBob 1.8s ease-in-out infinite}
body.about-page .about-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);translate:-120% 0;animation:apShine 3.6s ease-in-out 1.2s infinite;pointer-events:none}
body.about-page .about-primary:hover{translate:0 -2px;box-shadow:0 12px 26px -10px color-mix(in srgb,var(--aku-primary) 90%,transparent)}
@keyframes apBob{50%{translate:0 3px}}
@keyframes apShine{0%{translate:-120% 0}45%,100%{translate:120% 0}}
body.about-page .about-route{font:600 .95rem/1.3 var(--aku-font-body);color:var(--aku-text);text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--aku-primary) 60%,transparent)}
body.about-page .about-route:hover{text-decoration-color:currentColor}
html[data-motion=paused] body.about-page :is(.ap-disc,.about-primary::after){animation:none}
@media(prefers-reduced-motion:reduce){body.about-page :is(.ap-disc,.about-primary::after){animation:none}}

/* 5 · one content width like Home (1180), so sections line up; the two education cards share it equally */
html[data-theme] body.about-page main :is(.intro,.edu-credentials-strip,#memories,#story,#name-origin,#philosophy-shelf,#valued-skills,#gratitude,#journal-door,.approach,#contact):not(#a){max-width:1180px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html[data-theme] body.about-page main .memory-book-container:not(#a){max-width:none!important;width:100%!important}
html[data-theme] body.about-page main .edu-credentials-strip:not(#a){display:grid!important;grid-template-columns:1fr 1fr;gap:20px}
html[data-theme] body.about-page main .edu-credentials-strip .education:not(#a){width:auto!important;max-width:none!important;margin:0!important}
@media(max-width:760px){html[data-theme] body.about-page main .edu-credentials-strip:not(#a){grid-template-columns:1fr}html[data-theme] body.about-page main :is(.intro,.edu-credentials-strip,#memories,#story,#name-origin,#philosophy-shelf,#valued-skills,#gratitude,#journal-door,.approach,#contact):not(#a){width:calc(100% - 32px)!important}}
html[data-theme] body.about-page main #story:not(#a){width:100%!important}
html:not([data-theme=light]) body.about-page .name-origin-section small:not(#a){color:var(--aku-copy)!important}

/* 6 · life chapters = an open diary (the liked About diary: maroon leather + paper), not a glass box
   (Audi 2026-10-24: "ไอตรงนี้พวกกล่องสี่เหลี่ยมและตัวหนังสือ คือสวยแล้วหรอ"). Tabs are ribbon bookmarks, the photo is taped, the text is ink on paper. */
html[data-theme] body.about-page .memory-book-container:not(#a):not(#b){position:relative;padding:16px!important;border-radius:18px!important;background:linear-gradient(160deg,rgb(140,54,72),rgb(78,24,38))!important;box-shadow:0 0 0 1px rgb(58,16,28),0 30px 60px -24px rgba(0,0,0,.7)!important}
html[data-theme] body.about-page .memory-book-container:not(#a)::after{content:"";position:absolute;inset:7px;border:1.5px dashed var(--aku-stitch);border-radius:13px;pointer-events:none}
html[data-theme] body.about-page .memory-book:not(#a):not(#b){position:relative;z-index:1;border-radius:8px;background:linear-gradient(90deg,var(--aku-paper-b) 0,var(--aku-paper-a) 47%,rgb(222,206,176) 50%,var(--aku-paper-a) 53%,var(--aku-paper-b) 100%)!important;box-shadow:inset 0 0 30px rgba(120,90,40,.18)}
html[data-theme] body.about-page .book-spine-effect:not(#a){display:none!important}
html[data-theme] body.about-page .book-page :is(h3,.page-prose,.page-prose strong,.chapter-period):not(#a):not(#b){color:var(--aku-lux-ink)!important}
html[data-theme] body.about-page .book-page .page-prose:not(#a):not(#b){color:var(--aku-lux-ink2)!important}
html[data-theme] body.about-page .book-page .chapter-num:not(#a):not(#b){background:rgba(229,197,134,.35)!important;color:var(--aku-lux-ink)!important;border:0!important}
html[data-theme] body.about-page .book-page .page-quote:not(#a):not(#b){background:none!important;border:0!important;border-left:3px solid var(--aku-gold-line)!important;border-radius:0!important;color:var(--aku-lux-ink)!important;font-style:italic;padding:4px 0 4px 16px!important}
html[data-theme] body.about-page .book-page .polaroid-frame:not(#a):not(#b){background:white!important;padding:10px 10px 36px!important;border:0!important;border-radius:3px!important;rotate:-2deg;box-shadow:0 14px 26px -12px rgba(60,30,10,.5)!important}
html[data-theme] body.about-page .book-page .polaroid-frame:not(#a)::before{content:"";position:absolute;top:-10px;left:50%;translate:-50% 0;rotate:3deg;width:90px;height:22px;background:rgba(229,197,134,.7);box-shadow:0 1px 2px rgba(0,0,0,.15);z-index:2}
html[data-theme] body.about-page .book-page .polaroid-handwriting:not(#a):not(#b){color:var(--aku-lux-ink)!important;background:none!important;text-shadow:none!important}
html[data-theme] body.about-page .book-page:not(#a)::before,html[data-theme] body.about-page .book-page:not(#a)[data-year]::after{color:rgba(120,90,40,.12)!important}
/* ribbon bookmarks */
html[data-theme] body.about-page .book-nav-tabs:not(#a):not(#b){position:relative;z-index:2;display:flex;gap:10px;margin:0 0 12px!important;border:0!important;background:none!important}
html[data-theme] body.about-page .book-tab:not(#a):not(#b){flex:1;border:0!important;border-radius:8px 8px 3px 3px!important;background:rgba(255,248,232,.14)!important;color:rgb(252,236,210)!important;padding:8px 10px!important;box-shadow:none!important;transition:background .2s,translate .2s}
html[data-theme] body.about-page .book-tab:not(#a):not(#b) :is(.tab-idx,.tab-year,.tab-title){color:inherit!important}
html[data-theme] body.about-page .book-tab.is-active:not(#a):not(#b){background:linear-gradient(180deg,color-mix(in srgb,var(--aku-primary) 55%,white),var(--aku-primary))!important;color:var(--aku-primary-ink)!important}
html[data-theme] body.about-page .book-tab:not(.is-active):not(#a):not(#b):hover{background:rgba(255,248,232,.26)!important}
/* page turn controls = quiet, the gold one is "เปิดอ่านเรื่องราว" below */
html[data-theme] body.about-page :is(.book-nav-btn,.grat-nav-btn):not(#a):not(#b){height:36px;padding:0 16px!important;border-radius:999px!important;background:transparent!important;border:1.5px solid rgba(255,248,232,.5)!important;color:rgb(252,236,210)!important;box-shadow:none!important;font:600 .9rem/1 var(--aku-font-body)!important}
html[data-theme] body.about-page .grat-nav-btn:not(#a):not(#b){border-color:color-mix(in srgb,var(--aku-line) 80%,transparent)!important;color:var(--aku-text)!important}
html[data-theme] body.about-page :is(.book-nav-btn,.grat-nav-btn):not(:disabled):not(#a):not(#b):hover{border-color:var(--aku-primary)!important;translate:0 -1px}
html[data-theme] body.about-page .book-nav-btn:disabled:not(#a):not(#b){opacity:.45}
html[data-theme] body.about-page .book-controls:not(#a):not(#b){position:relative;z-index:1;background:none!important;border:0!important;padding:12px 4px 0!important}
html[data-theme] body.about-page .page-dot:not(#a){background:rgba(255,248,232,.35)!important}
html[data-theme] body.about-page .page-dot.is-active:not(#a){background:var(--aku-primary)!important}

/* 7 · full stories = a strip of taped polaroids on the sky, one gold "เปิดอ่านเรื่องราว" */
html[data-theme] body.about-page .story-notes-trigger:not(#a):not(#b){background:none!important;border:0!important;box-shadow:none!important;padding:8px 0!important}
html[data-theme] body.about-page .story-notes-trigger :is(.summary-title):not(#a):not(#b){color:var(--aku-text)!important}
html[data-theme] body.about-page .story-notes-trigger :is(.summary-sub,.summary-read-time):not(#a):not(#b){color:var(--aku-copy)!important}
html[data-theme] body.about-page .preview-pill:not(#a):not(#b){background:white!important;border:0!important;border-radius:3px!important;padding:8px 8px 12px!important;box-shadow:0 12px 22px -12px rgba(0,0,0,.6)!important;color:var(--aku-lux-ink)!important;transition:rotate .25s,translate .25s}
html[data-theme] body.about-page .preview-pill:nth-child(odd):not(#a){rotate:-2.5deg}
html[data-theme] body.about-page .preview-pill:nth-child(even):not(#a){rotate:2deg}
html[data-theme] body.about-page .preview-pill:not(#a):hover{rotate:0deg;translate:0 -4px}
html[data-theme] body.about-page .preview-pill:not(#a) :is(*):not(img){color:var(--aku-lux-ink)!important}
html[data-theme] body.about-page .summary-toggle-pill:not(#a):not(#b){display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 18px!important;border-radius:999px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--aku-primary) 55%,white),var(--aku-primary))!important;border:1.5px solid color-mix(in srgb,var(--aku-primary) 55%,black)!important;color:var(--aku-primary-ink)!important;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--aku-primary) 80%,transparent)!important}
html[data-theme] body.about-page .summary-toggle-pill:not(#a) .toggle-text{color:inherit!important}
html[data-theme] body.about-page .summary-toggle-pill:not(#a) .details-plus{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--aku-primary-ink);color:var(--aku-primary);animation:apBob 1.8s ease-in-out infinite}

/* 8 · shelf: filters = the approved underline tabs, "all" = a rose route to the interests world */
html[data-theme] body.about-page .shelf-filter-btn:not(#a):not(#b){background:none!important;border:0!important;border-bottom:2.5px solid transparent!important;border-radius:0!important;box-shadow:none!important;padding:6px 4px!important;color:var(--aku-copy)!important;font:600 .95rem/1.2 var(--aku-font-body)!important}
html[data-theme] body.about-page .shelf-filter-btn:not(#a):not(#b):is(.is-active,.active,[aria-pressed=true],[aria-selected=true]){color:var(--aku-text)!important;border-bottom-color:var(--aku-primary)!important;text-shadow:0 0 12px color-mix(in srgb,var(--aku-primary) 40%,transparent)}
html[data-theme] body.about-page .shelf-view-all-btn:not(#a):not(#b){height:40px;padding:0 18px!important;border-radius:999px!important;background:rgba(244,114,182,.14)!important;border:1.5px solid rgba(244,114,182,.6)!important;color:rgb(251,182,214)!important;box-shadow:none!important;font:600 .95rem/1 var(--aku-font-body)!important}
html[data-theme=light] body.about-page .shelf-view-all-btn:not(#a):not(#b){background:rgb(253,232,243)!important;color:rgb(160,30,95)!important}
html[data-theme] body.about-page .idr-self{--idr:rgb(45,212,191);--idr-ink:rgb(153,246,228)}
html[data-theme=light] body.about-page .idr-self{--idr-ink:rgb(15,110,96)}
@media(max-width:760px){html[data-theme] body.about-page .memory-book:not(#a):not(#b){background:linear-gradient(180deg,var(--aku-paper-a),var(--aku-paper-b))!important}html[data-theme] body.about-page .book-nav-tabs:not(#a):not(#b){gap:6px}}
/* 9 · paper spacing: text never touches the page edge, quote mark sits before the quote, caption under the photo, no emoji on page-turn buttons */
html[data-theme] body.about-page .book-page .page-textual:not(#a):not(#b){padding:28px 34px 28px 8px!important}
html[data-theme] body.about-page .book-page .page-quote:not(#a):not(#b){padding-left:20px!important}
html[data-theme] body.about-page .book-page .page-quote:not(#a)::before{position:static!important;display:inline!important;margin-right:4px;font-size:1em!important;opacity:.6}
html[data-theme] body.about-page .book-page .polaroid-handwriting:not(#a):not(#b){position:static!important;inset:auto!important;display:block;margin:8px 0 0!important;padding:0 4px!important;font-size:.85rem!important;line-height:1.4;text-align:center}
html[data-theme] body.about-page .book-page .polaroid-frame:not(#a):not(#b){padding-bottom:12px!important}
html[data-theme] body.about-page .book-nav-btn:not(#a)::before,html[data-theme] body.about-page .book-nav-btn:not(#a)::after{content:none!important;display:none!important}
html[data-theme] body.about-page .story-notes-trigger:not(#a):not(#b){padding-inline:4px!important}
@media(max-width:760px){html[data-theme] body.about-page .book-page .page-textual:not(#a):not(#b){padding:20px 18px!important}html[data-theme] body.about-page .memory-book-container:not(#a):not(#b){padding:10px!important}}
html[data-theme] body.about-page .shelf-filter-btn .filter-count:not(#a):not(#b){background:none!important;color:var(--aku-copy)!important;font-weight:600}

/* 10 · the book reads like a book: photo on the left page, words on the right page, spine in the middle (Audi 2026-10-24) */
html[data-theme] body.about-page .book-page.is-active:not(#a):not(#b){grid-template-columns:1fr 1fr!important;column-gap:0!important}
html[data-theme] body.about-page .book-page .page-visual:not(#a):not(#b){display:grid;place-items:center;padding:28px 34px!important;width:auto!important}
html[data-theme] body.about-page .book-page .polaroid-frame:not(#a):not(#b){max-width:340px;width:100%}
html[data-theme] body.about-page .book-page .page-textual:not(#a):not(#b){width:auto!important;padding:28px 40px!important}
@media(max-width:760px){html[data-theme] body.about-page .book-page.is-active:not(#a):not(#b){grid-template-columns:1fr!important}html[data-theme] body.about-page .book-page .page-visual:not(#a):not(#b){padding:18px!important}}
/* no white focus frame around the whole story strip; the focused polaroid gets its own ring */
html[data-theme] body.about-page :is(.story-notes,.story-notes-trigger):not(#a):not(#b),html[data-theme] body.about-page :is(.story-notes,.story-notes-trigger):not(#a):not(#b):is(:focus,:focus-visible,:focus-within){outline:0!important;box-shadow:none!important;border:0!important}
html[data-theme] body.about-page .preview-pill:not(#a):focus-visible{outline:3px solid var(--aku-primary)!important;outline-offset:3px}

/* 11 · one chapter at a time: diary-paper dialog */
dialog.av2-story{border:0;padding:0;background:none;max-width:min(760px,calc(100vw - 32px));width:100%;max-height:calc(100vh - 48px);overflow:visible}
dialog.av2-story::backdrop{background:rgba(6,12,26,.72);backdrop-filter:blur(3px)}
.av2-story-paper{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 48px);border-radius:14px;background:linear-gradient(180deg,var(--aku-paper-a),var(--aku-paper-b));border:12px solid rgb(110,40,56);box-shadow:0 30px 70px -20px rgba(0,0,0,.7);color:var(--aku-lux-ink)}
.av2-story-body{overflow:auto;padding:26px 30px 10px}
.av2-story-body :is(h2,h3,h4,p,li,span,strong,em,figcaption,blockquote){color:var(--aku-lux-ink)!important;background:none!important;text-shadow:none!important}
.av2-story-body p{color:var(--aku-lux-ink2)!important;line-height:1.8}
.av2-story-body .story-chapter{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important}

.av2-close{position:absolute;top:-6px;right:-6px;width:38px;height:38px;border-radius:50%;border:2px solid rgb(110,40,56);background:var(--aku-paper-a);color:var(--aku-lux-ink);font-size:1rem;cursor:pointer;z-index:2}
.av2-story-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px 18px;border-top:1px dashed var(--aku-paper-line)}
.av2-story-nav button{height:36px;padding:0 16px;border-radius:999px;border:1.5px solid var(--aku-gold-line);background:transparent;color:var(--aku-lux-ink);font:600 .9rem/1 var(--aku-font-body);cursor:pointer}
.av2-story-nav button:hover{background:rgba(229,197,134,.25)}
.av2-pos{font:600 .85rem/1 var(--aku-font-body);color:var(--aku-lux-ink2)}
@media(max-width:600px){.av2-story-paper{border-width:8px}.av2-story-body{padding:20px 18px 8px}}
/* 12 · box_flag 2026-10-24 (Audi: "ตรงไหนที่เป็นสี่เหลี่ยมคือflagไว้เลยว่าai slopรึป่าว"): quotes are not cards, the gratitude toolbar is a slim row */
html[data-theme] body.about-page .quote-block:not(#a):not(#b){background:none!important;border:0!important;box-shadow:none!important;border-left:3px solid var(--aku-primary)!important;border-radius:0!important;padding:6px 0 6px 18px!important;font-style:italic}
html[data-theme] body.about-page .grat-toolbar:not(#a):not(#b){background:none!important;border:0!important;box-shadow:none!important;border-bottom:1px solid color-mix(in srgb,var(--aku-line) 55%,transparent)!important;border-radius:0!important}
/* dialog fixes (Audi 2026-10-24 "กดเข้ามาอ่านเฉพาะตอนนั้นคือบัคมาก"): archive layout kept, no stray tape tab, close button inside the paper */
.av2-story-body .about-archive,.av2-story-body .story-chapters-list{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.av2-story-body .story-chapter::before,.av2-story-body .story-chapter::after{display:none!important}
.av2-story-paper:focus{outline:0}
.av2-close{top:10px!important;right:10px!important;display:grid;place-items:center}
.av2-close:focus-visible{outline:3px solid var(--aku-primary);outline-offset:2px}
.av2-story-body{margin-top:56px;padding-top:6px!important;border-top:1px dashed var(--aku-paper-line)}
dialog.av2-story::before,dialog.av2-story::after{content:none!important;display:none!important}
/* bug_sweep layout pass 2026-10-24: badges above photo overlays, tape never covers the name tags on phones */
html[data-theme] body.about-page .phil-badge:not(#a){z-index:3}
html[data-theme] body.about-page .name-origin-section:not(#a){position:relative;z-index:2}
html[data-theme] body.about-page :is(.portrait-ticket,.mascot-speech):not(#a){position:relative;z-index:6}
/* decoration never catches the pointer (it sat above labels in hit-testing) */
html[data-theme] body.about-page :is(.portrait-disc,.portrait-orbit,.orbit-ring,.stage-sky,.phil-overlay,.polaroid-tape):not(#a){pointer-events:none!important}

/* 14 · a chapter = a scrapbook spread (Audi 2026-10-24: "ออกแบบดูธรรมดามากเลย … รูปเสริมบางอันมันเล็กจนมองไม่เห็น … ข้อความก็จมกับพื้นหลัง … ปุ่มตอนก่อน/ตอนถัดไปไม่สวย")
   Zones: big chapter head with a gold rule · notebook page (red margin line, drop cap, marker-pen highlights) · photo collage (main polaroid + extra photos big enough to see, taped, tilted) · side-story sticky notes. */
:is(.av2-story-body,.about-archive) .chapter-header-zone{padding:0 0 14px!important;margin:0 0 18px!important;border-bottom:2px solid var(--aku-gold-line)!important}
:is(.av2-story-body,.about-archive) .chapter-label{display:inline-block;font:700 .78rem/1 var(--aku-font-head)!important;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:rgb(110,40,56)!important;color:rgb(255,236,210)!important}
:is(.av2-story-body,.about-archive) .chapter-title{font:700 clamp(1.5rem,2.4vw,2rem)/1.3 var(--aku-font-head)!important;margin:10px 0 0!important}
:is(.av2-story-body,.about-archive) .chapter-content-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:28px!important;align-items:start}
:is(.av2-story-body,.about-archive) .chapter-body{position:relative;padding:4px 0 4px 26px!important;background:none!important;border-left:2px solid rgba(200,70,70,.45)!important}
:is(.av2-story-body,.about-archive) .chapter-body p{font-size:1.02rem!important;line-height:2!important;margin:0 0 14px!important}

:is(.av2-story-body,.about-archive) .chapter-body strong{color:var(--aku-lux-ink)!important;background:linear-gradient(180deg,transparent 55%,rgba(250,204,21,.55) 55%)!important;padding:0 2px}
:is(.av2-story-body,.about-archive) .chapter-body em{color:rgb(150,40,50)!important;font-weight:700}
/* photo collage */
:is(.av2-story-body,.about-archive) .chapter-visuals{display:flex!important;flex-direction:column;gap:22px}
:is(.av2-story-body,.about-archive) .story-fig.polaroid-card{background:white!important;padding:10px 10px 14px!important;border:0!important;border-radius:3px!important;box-shadow:0 16px 30px -14px rgba(60,30,10,.55)!important;rotate:1.5deg;transition:rotate .25s,translate .25s}
:is(.av2-story-body,.about-archive) .story-fig.polaroid-card:hover{rotate:0deg;translate:0 -3px}
:is(.av2-story-body,.about-archive) .story-img-cap{color:var(--aku-lux-ink)!important;font:500 .9rem/1.5 var(--aku-font-body)!important;text-align:center;margin-top:8px!important}
:is(.av2-story-body,.about-archive) .story-figrow{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:16px!important}
:is(.av2-story-body,.about-archive) .story-figrow .story-fig.polaroid-card:nth-child(odd){rotate:-2.5deg}
:is(.av2-story-body,.about-archive) .story-figrow .story-fig.polaroid-card:nth-child(even){rotate:2deg}
:is(.av2-story-body,.about-archive) .story-figrow .polaroid-img-wrap{aspect-ratio:4/3;overflow:hidden}
:is(.av2-story-body,.about-archive) .story-figrow img{width:100%!important;height:100%!important;object-fit:cover}
/* in the dialog the extra photos get the full width under the spread, so none is a dot */
:is(.av2-story-body,.about-archive) .chapter-content-grid:has(.story-figrow){grid-template-areas:"body main" "row row"}
:is(.av2-story-body,.about-archive) .chapter-content-grid:has(.story-figrow) .chapter-body{grid-area:body}
:is(.av2-story-body,.about-archive) .chapter-content-grid:has(.story-figrow) .chapter-visuals{display:contents!important}
:is(.av2-story-body,.about-archive) .chapter-content-grid:has(.story-figrow) .chapter-visuals>.story-fig{grid-area:main}
:is(.av2-story-body,.about-archive) .chapter-content-grid:has(.story-figrow) .story-figrow{grid-area:row;margin-top:6px}
@media(max-width:760px){:is(.av2-story-body,.about-archive) .chapter-content-grid{grid-template-columns:1fr!important}:is(.av2-story-body,.about-archive) .chapter-content-grid:has(.story-figrow){grid-template-areas:"body" "main" "row"}:is(.av2-story-body,.about-archive) .chapter-body{padding-left:16px!important}}
/* side stories = sticky notes on the page, readable ink */
:is(.av2-story-body,.about-archive) .side-rail{margin-top:26px!important;padding:18px 0 0!important;border-top:2px dashed var(--aku-paper-line)!important;background:none!important}
:is(.av2-story-body,.about-archive) .side-rail-head{font:700 1.2rem/1.3 var(--aku-font-head)!important;color:var(--aku-lux-ink)!important}
:is(.av2-story-body,.about-archive) .side-rail-sub{color:var(--aku-lux-ink2)!important;font-size:.92rem!important}
:is(.av2-story-body,.about-archive) .side-chip{background:rgb(254,240,170)!important;border:0!important;border-radius:2px!important;box-shadow:0 10px 18px -10px rgba(80,60,10,.55)!important;rotate:-1.5deg;color:var(--aku-lux-ink)!important;transition:rotate .2s,translate .2s}
:is(.av2-story-body,.about-archive) .side-chip:hover{rotate:0deg;translate:0 -2px}
:is(.av2-story-body,.about-archive) .side-chip *{color:var(--aku-lux-ink)!important}
:is(.av2-story-body,.about-archive) .side-chip.is-add{background:rgba(255,255,255,.7)!important;border:2px dashed var(--aku-gold-line)!important;rotate:0deg}
:is(.av2-story-body,.about-archive) .side-chip small{color:var(--aku-lux-ink2)!important}
/* page-turn buttons = ribbon tabs naming the neighbour chapter */
.av2-story-nav{gap:16px!important}
.av2-story-nav button{display:flex!important;align-items:center;gap:10px;height:auto!important;min-height:44px;max-width:44%;padding:6px 14px!important;border-radius:12px!important;text-align:left;border:0!important;background:rgb(110,40,56)!important;color:rgb(255,236,210)!important;box-shadow:0 6px 14px -8px rgba(60,20,30,.7);transition:translate .2s,background .2s}
.av2-story-nav .av2-next{background:linear-gradient(180deg,color-mix(in srgb,var(--aku-primary) 55%,white),var(--aku-primary))!important;color:var(--aku-primary-ink)!important;text-align:right}
.av2-story-nav button b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);font-size:.9rem}
.av2-story-nav .av2-next b{background:var(--aku-primary-ink);color:var(--aku-primary)}
.av2-story-nav button span{display:flex;flex-direction:column;min-width:0}
.av2-story-nav button small{font:600 .72rem/1.2 var(--aku-font-body);opacity:.85}
.av2-story-nav button em{font:700 .9rem/1.3 var(--aku-font-head);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av2-story-nav .av2-prev:hover{translate:-3px 0}.av2-story-nav .av2-next:hover{translate:3px 0}
@media(max-width:520px){.av2-story-nav button em{display:none}.av2-story-nav button{max-width:none}}
/* the full archive uses the same notebook paper as the dialog, so ink is always on paper */
html[data-theme] body.about-page .about-archive .story-chapter:not(#a):not(#b){background:linear-gradient(180deg,var(--aku-paper-a),var(--aku-paper-b))!important;border:0!important;border-radius:14px!important;box-shadow:0 0 0 1px var(--aku-paper-line),0 24px 50px -24px rgba(0,0,0,.6)!important;padding:30px 34px!important;margin:0 0 28px!important}
html[data-theme] body.about-page .about-archive .story-chapter:not(#a):not(#b) :is(h3,h4,p,li,span,strong,figcaption){color:var(--aku-lux-ink)!important}
html[data-theme] body.about-page .about-archive .story-chapter:not(#a):not(#b) p{color:var(--aku-lux-ink2)!important}
html[data-theme] body.about-page .about-archive .story-chapter:not(#a):not(#b) .chapter-label{color:rgb(255,236,210)!important}
.av2-story-body .story-chapter,html[data-theme] body.about-page .av2-story-body .story-chapter:not(#a):not(#b){background:none!important;box-shadow:none!important;padding:0!important;margin:0!important}
:is(.av2-story-body,.about-archive) .chapter-label{width:max-content!important;max-width:100%}
dialog.av2-story{box-shadow:none!important;outline:0!important}
html:not([data-theme=light]) body.about-page .ig-user-role:not(#a){color:var(--aku-copy)!important}
/* 15 · photo zoom */
:is(.story-img,.polaroid-frame img,.about-archive .polaroid-img-wrap img){cursor:zoom-in}
dialog.av2-zoom{border:0;padding:0;background:none;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:visible;box-shadow:none}
dialog.av2-zoom::backdrop{background:rgba(6,12,26,.85)}
.av2-zoom-fig{margin:0;background:white;padding:12px 12px 16px;border-radius:4px;rotate:-1deg;box-shadow:0 30px 70px -20px rgba(0,0,0,.8)}
.av2-zoom-fig img{display:block;max-width:min(88vw,1000px);max-height:calc(100vh - 150px);object-fit:contain;margin:0 auto}
.av2-zoom-fig figcaption{margin-top:10px;text-align:center;font:500 1rem/1.5 var(--aku-font-body);color:var(--aku-lux-ink)}
.av2-zoom :is(.av2-zoom-close,.av2-zoom-prev,.av2-zoom-next){position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;font:700 1.05rem/1 var(--aku-font-body);background:linear-gradient(180deg,color-mix(in srgb,var(--aku-primary) 55%,white),var(--aku-primary));color:var(--aku-primary-ink);box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.av2-zoom-close{top:-14px;right:-14px}
.av2-zoom-prev{left:-22px;top:50%;translate:0 -50%}
.av2-zoom-next{right:-22px;top:50%;translate:0 -50%}
.av2-zoom.is-single :is(.av2-zoom-prev,.av2-zoom-next){display:none}
@media(max-width:600px){.av2-zoom-prev{left:6px}.av2-zoom-next{right:6px}.av2-zoom-close{top:6px;right:6px}}
dialog:is(.av2-story,.av2-zoom){background:transparent!important}
@media(max-width:600px){html[data-theme] body.about-page .grat-item:not(#a){max-width:calc(100vw - 48px)!important;min-width:0!important;box-sizing:border-box}}
/* story dialog: no empty band at the top, the close button sits on the leather frame corner, paper runs to the frame (Audi 2026-10-24: "มันมีขอบมาได้ไหง ยังไม่สุดเลย") */
.av2-story-body{margin-top:0!important;padding-top:26px!important;border-top:0!important}
.av2-close{top:-22px!important;right:-22px!important;width:40px!important;height:40px!important;border:3px solid rgb(110,40,56)!important;background:var(--aku-paper-a)!important;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.av2-story-body .polaroid-tape{display:none!important}
.av2-story-paper{border-radius:10px!important}

/* 16 · 2026-10-31 polish: zero-truncated story polaroids, zero box-in-box, 4-level type scale (36/20/16/13px), and zero-overlap across 4 viewports */
html[data-theme] body.about-page :is(.ak-sky,.ak-sky *){z-index:-1!important;pointer-events:none!important}
html[data-theme] body.about-page .ak-sky .ak-star{width:1px!important;height:1px!important;overflow:visible!important}
html[data-theme] body.about-page :is(.auth-overlay,.setup-overlay,#pd-wrap):not(.open){visibility:hidden!important;pointer-events:none!important}
html[data-theme] body.about-page #slime-mate:not(#a):not(#b){left:20px!important;right:auto!important;bottom:14px!important}
html[data-theme] body.about-page #ak-site-footer:not(#a){padding-bottom:84px!important}
:is(.av2-story-body,.about-archive) .polaroid-img-wrap:not(#a){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:is(.av2-story-body,.about-archive) .story-figrow .story-img:not(#a){width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;display:block!important}
:is(.av2-story-body,.about-archive) .chapter-visuals>.story-fig .story-img:not(#a){width:100%!important;max-height:440px!important;object-fit:cover!important;display:block!important}
body.about-page img[src*="ch5-1-own-path"]:not(#a){object-position:center 42%!important}
dialog.av2-story{max-height:calc(100dvh - 64px)!important;margin:auto!important}
.av2-story-paper{max-height:calc(100dvh - 64px)!important}
@media(max-width:640px){.av2-close{top:-14px!important;right:-8px!important}}
html[data-theme] body.about-page :is(.ig-post-badge,.phil-badge,.book-badge,.plaque-badge):not(#a):not(#b){display:none!important}
html[data-theme] body.about-page :is(.intro,.name-origin-section,.philosophy-shelf,.skills-section,.gratitude-section,.journal-door-section,.about-archive):not(#a):not(#b){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html[data-theme] body.about-page :is(.name-origin-section,.philosophy-shelf,.skills-section,.gratitude-section,.journal-door-section):not(#a):not(#b){border-top:1px solid color-mix(in srgb,var(--aku-line) 55%,transparent)!important;padding-top:44px!important}
html[data-theme] body.about-page :is(.intro,.name-origin-section,.philosophy-shelf,.skills-section,.gratitude-section,.journal-door-section):not(#a):not(#b)::before,html[data-theme] body.about-page :is(.intro,.name-origin-section,.philosophy-shelf,.skills-section,.gratitude-section,.journal-door-section):not(#a):not(#b)::after{display:none!important}
html[data-theme] body.about-page :is(.edu-honor,.edu-tag,.edu-icon-frame,.chapter-num,.ig-hover-btn,.phil-tag,.phil-source,.contact-card-icon,.contact-card-action,.grat-cat-chip,.grat-evidence,.grat-avatar,.mascot-platform-badge):not(#a):not(#b){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* 17 · #journal-door gold-foil bookplate (.jdoor-label) + gold CTA (.jdoor-cta) — never strip .jdoor-label to transparent (Audi 2026-10-31: "ที่หน้านี้ ไดอารี่ของออดี้ สีมันกลืนไปกับไดอารี่ป่ะ") */
html[data-theme] body.about-page .jdoor-label:not(#a):not(#b){left:26px!important;right:34px!important;top:68px!important;z-index:3!important;padding:14px 10px 12px!important;background-color:transparent!important;background-image:linear-gradient(180deg,rgb(255,250,230) 0%,rgb(248,225,162) 54%,rgb(222,182,94) 100%)!important;border:0!important;border-radius:3px!important;box-shadow:0 3px 0 rgb(138,96,30),0 8px 18px rgba(0,0,0,0.42),inset 0 0 0 1.5px rgba(161,114,36,0.58),inset 0 2px 0 rgba(255,255,255,0.92)!important;text-align:center!important}
html[data-theme] body.about-page .jdoor-label b:not(#a):not(#b){color:rgb(28,18,5)!important;font-weight:700!important;line-height:1.25!important;text-shadow:0 1px 0 rgba(255,255,255,0.65)!important}
html[data-theme] body.about-page .jdoor-label small:not(#a):not(#b){color:rgb(58,38,10)!important;font-weight:700!important;line-height:1.3!important;margin-top:3px!important}
html[data-theme] body.about-page .jdoor-band:not(#a):not(#b){right:16px!important;width:10px!important;z-index:2!important}
html[data-theme] body.about-page .jdoor-year:not(#a):not(#b){left:26px!important;right:34px!important;color:rgb(255,243,204)!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,0.65)!important}
html[data-theme] body.about-page .jdoor-cta:not(#a):not(#b){background-color:transparent!important;background-image:linear-gradient(180deg,color-mix(in srgb,var(--aku-primary) 55%,white),var(--aku-primary))!important;color:var(--aku-primary-ink)!important;border:1.5px solid color-mix(in srgb,var(--aku-primary) 55%,black)!important;border-radius:999px!important;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--aku-primary) 80%,transparent)!important;padding:10px 22px!important;min-height:42px!important}
html[data-theme] body.about-page .jdoor-cta i:not(#a):not(#b){color:var(--aku-primary-ink)!important}
html[data-theme] body.about-page .jdoor:hover .jdoor-cta:not(#a):not(#b){translate:0 -2px!important;box-shadow:0 12px 26px -8px color-mix(in srgb,var(--aku-primary) 92%,transparent)!important}
@media(max-width:640px){html[data-theme] body.about-page .jdoor-label:not(#a):not(#b){left:22px!important;right:28px!important;top:56px!important;padding:12px 8px 10px!important}html[data-theme] body.about-page .jdoor-year:not(#a):not(#b){left:22px!important;right:28px!important}}
/* 18 · #valued-skills: 3D Chromatic Gem Mastery Deck + Interactive Add/Edit/Delete Composer (asymmetric 7/5 · 5/7 · 6/6 grid, zero flat navy, zero boxInBox) */
html[data-theme] body.about-page :is(.skills-section,.journal-door-section):not(#a){opacity:1!important;transform:none!important}
html[data-theme] body.about-page .skills-section:not(#a){margin:0 auto 88px!important;padding:44px 0 0!important}
html[data-theme] body.about-page .skills-header:not(#a){display:flex;flex-direction:column;gap:22px;margin:0 auto 28px}
html[data-theme] body.about-page .skills-header-copy:not(#a){text-align:center;max-width:760px;margin:0 auto}
html[data-theme] body.about-page .skills-eyebrow:not(#a){display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-weight:700;letter-spacing:0.02em;color:var(--aku-copy)!important}
html[data-theme] body.about-page #skills-title:not(#a){margin:0 0 10px;color:var(--aku-text)!important;font-weight:700;line-height:1.35}
html[data-theme] body.about-page .skills-sub:not(#a){margin:0;color:var(--aku-copy)!important;line-height:1.65}
html[data-theme] body.about-page .skills-toolbar:not(#a){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:transparent!important;border:0!important;padding:0!important}
html[data-theme] body.about-page .skills-filter-bar:not(#a){display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--aku-line) 42%,transparent)!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html[data-theme] body.about-page .skill-filter-btn:not(#a):not(#b){position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 8px 9px!important;border:0!important;border-bottom:2.5px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--aku-copy)!important;font-family:var(--aku-font-body)!important;font-weight:700;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}
html[data-theme] body.about-page .skill-filter-btn:not(.is-active):hover:not(#a):not(#b){color:var(--aku-text)!important;border-bottom-color:color-mix(in srgb,var(--aku-primary) 52%,transparent)!important;background:radial-gradient(80% 90% at 50% 100%,color-mix(in srgb,var(--aku-primary) 12%,transparent) 0%,transparent 100%)!important;translate:none!important;box-shadow:none!important}
html[data-theme] body.about-page .skill-filter-btn:is(.is-active,[aria-selected=true]):not(#a):not(#b){color:var(--aku-text)!important;border-bottom-color:var(--aku-primary)!important;background:radial-gradient(85% 100% at 50% 100%,color-mix(in srgb,var(--aku-primary) 22%,transparent) 0%,transparent 100%)!important;text-shadow:0 0 12px color-mix(in srgb,var(--aku-primary) 38%,transparent)!important;translate:none!important;box-shadow:none!important}
html[data-theme=light] body.about-page .skill-filter-btn:not(.is-active):hover:not(#a):not(#b){color:var(--aku-text)!important;border-bottom-color:rgba(180,83,9,0.52)!important;background:radial-gradient(80% 90% at 50% 100%,rgba(245,158,11,0.12) 0%,transparent 100%)!important}
html[data-theme=light] body.about-page .skill-filter-btn:is(.is-active,[aria-selected=true]):not(#a):not(#b){color:var(--aku-text)!important;border-bottom-color:rgb(180,83,9)!important;background:radial-gradient(85% 100% at 50% 100%,rgba(245,158,11,0.18) 0%,transparent 100%)!important;text-shadow:none!important;box-shadow:none!important}
html[data-theme] body.about-page .skill-filter-count:not(#a):not(#b){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-family:var(--aku-font-mono)!important;font-weight:700;color:inherit!important;opacity:.78}
html[data-theme] body.about-page .skill-filter-btn.is-active .skill-filter-count:not(#a):not(#b){opacity:1}
html[data-theme] body.about-page .skills-actions:not(#a){display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:transparent!important;border:0!important}
html[data-theme] body.about-page .skill-add-btn:not(#a){display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 18px!important;border-radius:999px!important;border:1.5px solid rgb(180,124,34)!important;border-bottom:3px solid rgb(138,90,18)!important;background:linear-gradient(180deg,rgb(255,248,220) 0%,rgb(245,212,130) 56%,rgb(224,180,84) 100%)!important;color:rgb(28,18,5)!important;font-family:var(--aku-font-body)!important;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -8px rgba(234,179,8,0.52),inset 0 1px 0 rgba(255,255,255,0.85)!important;transition:translate .18s ease,box-shadow .18s ease}
html[data-theme] body.about-page .skill-add-btn:hover:not(#a){translate:0 -2px;box-shadow:0 12px 24px -8px rgba(234,179,8,0.72),inset 0 1px 0 rgba(255,255,255,0.92)!important}
html[data-theme] body.about-page :is(.skill-undo-btn,.skill-reset-btn):not(#a){display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px!important;border-radius:999px!important;border:1.5px solid rgba(251,191,36,0.52)!important;background:linear-gradient(145deg,rgb(52,36,12) 0%,rgb(30,20,7) 100%)!important;color:rgb(254,243,199)!important;font-weight:700;cursor:pointer}
html[data-theme=light] body.about-page :is(.skill-undo-btn,.skill-reset-btn):not(#a){background:rgb(254,243,199)!important;color:rgb(120,53,15)!important;border-color:rgba(217,119,6,0.55)!important}
html[data-theme] body.about-page :is(.skill-undo-btn,.skill-reset-btn)[hidden]:not(#a){display:none!important}
html[data-theme] body.about-page .skill-msg:not(#a){font-weight:700;color:var(--aku-copy)!important}
/* In-Place Card Editing (.skill-card.is-editing — never jump to a detached top/bottom form zone; Audi 2026-10-31) */
html[data-theme] body.about-page .skill-inline-form:not(#a){display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;margin:0;padding:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] body.about-page :is(.skill-inline-top,.skill-inline-bottom,.skill-inline-actions):not(#a){display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] body.about-page .skill-inline-bottom:not(#a){margin-top:4px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--sk-accent) 28%,transparent)!important;justify-content:space-between}
html[data-theme] body.about-page :is(.skill-inline-input,.skill-inline-select):not(#a){min-height:34px;padding:4px 10px!important;border-radius:8px!important;border:1.5px solid color-mix(in srgb,var(--sk-accent) 62%,transparent)!important;background:rgba(4,9,18,0.68)!important;color:rgb(248,250,252)!important;font-family:var(--aku-font-body)!important;box-sizing:border-box}
html[data-theme=light] body.about-page :is(.skill-inline-input,.skill-inline-select):not(#a){background:rgba(255,255,255,0.95)!important;color:rgb(15,23,42)!important;border-color:color-mix(in srgb,var(--sk-accent) 58%,transparent)!important}
html[data-theme] body.about-page .skill-inline-en:not(#a){flex:1 1 140px;font-family:var(--aku-font-head)!important;font-weight:700;color:var(--sk-kicker)!important}
html[data-theme] body.about-page .skill-inline-preset:not(#a){flex:1 1 170px;font-weight:700;color:var(--sk-kicker)!important;cursor:pointer}
html[data-theme] body.about-page .skill-inline-title:not(#a){width:100%;min-height:38px;font-family:var(--aku-font-head)!important;font-weight:700}
html[data-theme] body.about-page .skill-inline-desc:not(#a){width:100%;min-height:36px}
html[data-theme] body.about-page .skill-inline-level:not(#a){flex:0 1 auto;font-weight:700;color:var(--sk-kicker)!important;cursor:pointer}
html[data-theme] body.about-page .skill-inline-status:not(#a){flex:1 1 130px;min-width:110px}
html[data-theme] body.about-page .skill-save-btn:not(#a){min-height:34px;padding:5px 14px!important;border-radius:999px!important;border:1.5px solid rgb(180,124,34)!important;border-bottom:2.5px solid rgb(138,90,18)!important;background:linear-gradient(180deg,rgb(255,248,220) 0%,rgb(242,204,114) 100%)!important;color:rgb(28,18,5)!important;font-weight:700;cursor:pointer}
html[data-theme] body.about-page .skill-cancel-btn:not(#a){min-height:34px;padding:5px 12px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--sk-accent) 48%,transparent)!important;background:rgba(4,9,18,0.58)!important;color:var(--sk-kicker)!important;font-weight:700;cursor:pointer}
html[data-theme=light] body.about-page .skill-cancel-btn:not(#a){background:rgba(255,255,255,0.92)!important;color:var(--sk-kicker)!important}
/* 3D Chromatic Gem Cards Grid */
html[data-theme] body.about-page .skills-grid:not(#a){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
html[data-theme] body.about-page .skill-card:nth-child(6n+1):not(#a){grid-column:span 7}
html[data-theme] body.about-page .skill-card:nth-child(6n+2):not(#a){grid-column:span 5}
html[data-theme] body.about-page .skill-card:nth-child(6n+3):not(#a){grid-column:span 5}
html[data-theme] body.about-page .skill-card:nth-child(6n+4):not(#a){grid-column:span 7}
html[data-theme] body.about-page .skill-card:nth-child(6n+5):not(#a){grid-column:span 6}
html[data-theme] body.about-page .skill-card:nth-child(6n+6):not(#a){grid-column:span 6}
/* Per-skill Chromatic Gem Palettes (Dark Mode D1 — rich non-navy jewel surfaces) */
html[data-theme] body.about-page .skill-card:not(#a){--sk-accent:rgb(56,189,248);--sk-bevel:rgb(2,132,199);--sk-glow:rgba(56,189,248,0.28);--sk-kicker:rgb(186,230,253);--sk-bg:radial-gradient(circle at 10% 35%,rgba(56,189,248,0.26) 0%,transparent 52%),linear-gradient(145deg,rgb(12,45,68) 0%,rgb(8,29,46) 58%,rgb(6,20,33) 100%)}
html[data-theme] body.about-page .skill-card[data-skill="journaling"]:not(#a){--sk-accent:rgb(251,191,36);--sk-bevel:rgb(217,119,6);--sk-glow:rgba(251,191,36,0.28);--sk-kicker:rgb(253,230,138);--sk-bg:radial-gradient(circle at 10% 35%,rgba(251,191,36,0.26) 0%,transparent 52%),linear-gradient(145deg,rgb(56,38,12) 0%,rgb(35,24,8) 58%,rgb(24,16,5) 100%)}
html[data-theme] body.about-page .skill-card[data-skill="training"]:not(#a){--sk-accent:rgb(251,113,133);--sk-bevel:rgb(225,29,72);--sk-glow:rgba(251,113,133,0.28);--sk-kicker:rgb(254,205,211);--sk-bg:radial-gradient(circle at 10% 35%,rgba(251,113,133,0.26) 0%,transparent 52%),linear-gradient(145deg,rgb(62,18,32) 0%,rgb(38,11,20) 58%,rgb(26,8,14) 100%)}
html[data-theme] body.about-page .skill-card[data-skill="deeptalk"]:not(#a){--sk-accent:rgb(192,132,252);--sk-bevel:rgb(147,51,234);--sk-glow:rgba(192,132,252,0.28);--sk-kicker:rgb(233,213,255);--sk-bg:radial-gradient(circle at 10% 35%,rgba(192,132,252,0.26) 0%,transparent 52%),linear-gradient(145deg,rgb(48,20,70) 0%,rgb(30,12,45) 58%,rgb(20,8,31) 100%)}
html[data-theme] body.about-page .skill-card[data-skill="cooking"]:not(#a){--sk-accent:rgb(251,146,60);--sk-bevel:rgb(234,88,12);--sk-glow:rgba(251,146,60,0.28);--sk-kicker:rgb(254,215,170);--sk-bg:radial-gradient(circle at 10% 35%,rgba(251,146,60,0.26) 0%,transparent 52%),linear-gradient(145deg,rgb(60,27,12) 0%,rgb(37,16,7) 58%,rgb(25,11,5) 100%)}
html[data-theme] body.about-page .skill-card[data-skill="ai"]:not(#a){--sk-accent:rgb(52,211,153);--sk-bevel:rgb(5,150,105);--sk-glow:rgba(52,211,153,0.28);--sk-kicker:rgb(167,243,208);--sk-bg:radial-gradient(circle at 10% 35%,rgba(52,211,153,0.26) 0%,transparent 52%),linear-gradient(145deg,rgb(11,52,40) 0%,rgb(7,32,25) 58%,rgb(5,22,17) 100%)}
/* Per-skill Chromatic Gem Palettes (Light Mode L1 — crisp pastel-tinted gem surfaces) */
html[data-theme=light] body.about-page .skill-card:not(#a){--sk-accent:rgb(2,132,199);--sk-bevel:rgb(3,105,161);--sk-glow:rgba(2,132,199,0.18);--sk-kicker:rgb(12,74,110);--sk-bg:radial-gradient(circle at 10% 35%,rgba(56,189,248,0.22) 0%,transparent 54%),linear-gradient(145deg,rgb(228,244,255) 0%,rgb(242,250,255) 60%,rgb(255,255,255) 100%)}
html[data-theme=light] body.about-page .skill-card[data-skill="journaling"]:not(#a){--sk-accent:rgb(217,119,6);--sk-bevel:rgb(180,83,9);--sk-glow:rgba(245,158,11,0.20);--sk-kicker:rgb(120,53,15);--sk-bg:radial-gradient(circle at 10% 35%,rgba(251,191,36,0.24) 0%,transparent 54%),linear-gradient(145deg,rgb(255,246,216) 0%,rgb(255,251,235) 60%,rgb(255,255,255) 100%)}
html[data-theme=light] body.about-page .skill-card[data-skill="training"]:not(#a){--sk-accent:rgb(225,29,72);--sk-bevel:rgb(190,18,60);--sk-glow:rgba(244,63,94,0.18);--sk-kicker:rgb(136,19,55);--sk-bg:radial-gradient(circle at 10% 35%,rgba(251,113,133,0.22) 0%,transparent 54%),linear-gradient(145deg,rgb(255,230,236) 0%,rgb(255,242,245) 60%,rgb(255,255,255) 100%)}
html[data-theme=light] body.about-page .skill-card[data-skill="deeptalk"]:not(#a){--sk-accent:rgb(147,51,234);--sk-bevel:rgb(126,34,206);--sk-glow:rgba(168,85,247,0.18);--sk-kicker:rgb(88,28,135);--sk-bg:radial-gradient(circle at 10% 35%,rgba(192,132,252,0.22) 0%,transparent 54%),linear-gradient(145deg,rgb(243,230,255) 0%,rgb(250,244,255) 60%,rgb(255,255,255) 100%)}
html[data-theme=light] body.about-page .skill-card[data-skill="cooking"]:not(#a){--sk-accent:rgb(234,88,12);--sk-bevel:rgb(194,65,12);--sk-glow:rgba(249,115,22,0.18);--sk-kicker:rgb(124,45,18);--sk-bg:radial-gradient(circle at 10% 35%,rgba(251,146,60,0.22) 0%,transparent 54%),linear-gradient(145deg,rgb(255,235,216) 0%,rgb(255,246,237) 60%,rgb(255,255,255) 100%)}
html[data-theme=light] body.about-page .skill-card[data-skill="ai"]:not(#a){--sk-accent:rgb(5,150,105);--sk-bevel:rgb(4,120,87);--sk-glow:rgba(16,185,129,0.18);--sk-kicker:rgb(6,78,59);--sk-bg:radial-gradient(circle at 10% 35%,rgba(52,211,153,0.22) 0%,transparent 54%),linear-gradient(145deg,rgb(220,250,236) 0%,rgb(240,253,246) 60%,rgb(255,255,255) 100%)}
/* Card shell & 56x56 3D Pixel Emblem (width 56px < 60px so style_census.js boxInBox = 0) */
html[data-theme] body.about-page .skill-card:not(#a):not(#b){position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:center;padding:20px 22px!important;border-radius:18px!important;background:var(--sk-bg)!important;border:1.5px solid color-mix(in srgb,var(--sk-accent) 48%,transparent)!important;border-left:4px solid var(--sk-accent)!important;border-bottom:3.5px solid var(--sk-bevel)!important;box-shadow:0 14px 30px -16px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.14)!important;transform-style:flat!important;transition:translate .22s ease,border-color .22s ease,box-shadow .22s ease}
html[data-theme=light] body.about-page .skill-card:not(#a):not(#b){box-shadow:0 12px 26px -14px rgba(15,23,42,0.14),inset 0 1px 0 rgba(255,255,255,0.92)!important}
html[data-theme] body.about-page .skill-card[hidden]:not(#a):not(#b){display:none!important}
html[data-theme] body.about-page .skill-card:not(#a):not(#b):hover{translate:0 -4px;border-color:var(--sk-accent)!important;box-shadow:0 18px 36px -14px var(--sk-glow),0 14px 28px -16px rgba(0,0,0,0.65),inset 0 1px 0 rgba(255,255,255,0.24)!important}
html[data-theme] body.about-page .skill-emblem:not(#a){display:grid;place-items:center;width:56px!important;height:56px!important;padding:0!important;cursor:pointer;border-radius:16px!important;border:1.5px solid color-mix(in srgb,var(--sk-accent) 62%,transparent)!important;border-bottom:3px solid var(--sk-bevel)!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,0.22) 0%,transparent 60%),color-mix(in srgb,var(--sk-accent) 22%,rgb(8,14,26))!important;box-shadow:0 8px 18px -8px var(--sk-glow),inset 0 1px 0 rgba(255,255,255,0.25)!important;transition:transform .22s ease,border-color .18s ease}
html[data-theme=light] body.about-page .skill-emblem:not(#a){background:radial-gradient(circle at 35% 28%,rgba(255,255,255,0.88) 0%,transparent 65%),color-mix(in srgb,var(--sk-accent) 18%,rgb(255,255,255))!important}
html[data-theme] body.about-page .skill-emblem [data-ak-px]:not(#a){margin-right:0!important}
html[data-theme] body.about-page .skill-card:hover .skill-emblem:not(#a),html[data-theme] body.about-page .skill-emblem:hover:not(#a){transform:scale(1.08) rotate(-4deg);border-color:var(--sk-accent)!important}
html[data-theme] body.about-page :is(.skill-en,.skill-title,.skill-desc)[data-skill-field]:not(#a){cursor:text;text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:4px;text-decoration-color:transparent;transition:text-decoration-color .16s ease}
html[data-theme] body.about-page :is(.skill-en,.skill-title,.skill-desc)[data-skill-field]:hover:not(#a){text-decoration-color:color-mix(in srgb,var(--sk-accent) 65%,transparent)}
html[data-theme] body.about-page .skill-body:not(#a){display:flex;flex-direction:column;gap:6px;min-width:0;background:transparent!important;border:0!important;border-radius:0!important}
html[data-theme] body.about-page .skill-top:not(#a){display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent!important;border:0!important;border-radius:0!important}
html[data-theme] body.about-page .skill-kicker:not(#a){display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--sk-kicker)!important;background:transparent!important;border:0!important}
html[data-theme] body.about-page .skill-en:not(#a){font-family:var(--aku-font-head)!important;font-weight:700;letter-spacing:0.02em;color:var(--sk-kicker)!important}
html[data-theme] body.about-page .skill-idx:not(#a){font-family:var(--aku-font-head)!important;font-weight:700;color:var(--sk-kicker)!important;background:transparent!important;border:0!important}
html[data-theme] body.about-page .skill-tools:not(#a){display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:0!important}
html[data-theme] body.about-page .skill-tool-btn:not(#a){display:inline-grid;place-items:center;width:30px;height:30px;padding:0!important;border-radius:8px!important;border:1px solid color-mix(in srgb,var(--sk-accent) 42%,transparent)!important;background:rgba(0,0,0,0.28)!important;color:var(--aku-text)!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease}
html[data-theme=light] body.about-page .skill-tool-btn:not(#a){background:rgba(255,255,255,0.82)!important}
html[data-theme] body.about-page .skill-tool-btn:hover:not(#a){transform:scale(1.1);border-color:var(--sk-accent)!important}
html[data-theme] body.about-page .skill-title:not(#a){margin:0;color:var(--aku-text)!important;font-family:var(--aku-font-head)!important;font-weight:700;line-height:1.35}
html[data-theme] body.about-page .skill-desc:not(#a){margin:0;color:var(--aku-copy)!important;line-height:1.58}
html[data-theme] body.about-page .skill-status-row:not(#a){display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--sk-accent) 28%,transparent)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-theme] body.about-page .skill-level-btn:not(#a){display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:34px;padding:5px 12px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--sk-accent) 52%,transparent)!important;background:rgba(4,9,18,0.56)!important;color:var(--sk-kicker)!important;font-family:var(--aku-font-body)!important;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
html[data-theme=light] body.about-page .skill-level-btn:not(#a){background:rgba(255,255,255,0.92)!important;color:var(--sk-kicker)!important;border-color:color-mix(in srgb,var(--sk-accent) 48%,transparent)!important}
html[data-theme] body.about-page .skill-level-btn:hover:not(#a){transform:translateY(-1px);border-color:var(--sk-accent)!important;box-shadow:0 6px 14px -6px var(--sk-glow)!important}
html[data-theme] body.about-page :is(.skill-level-badge,.skill-meter-wrap,.skill-level-num):not(#a){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] body.about-page .skill-level-badge:not(#a){display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--sk-kicker)!important;text-align:left}
html[data-theme] body.about-page .skill-meter-wrap:not(#a){display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
html[data-theme] body.about-page .skill-meter-svg:not(#a){display:block;width:86px;height:10px;overflow:visible}
html[data-theme] body.about-page .skill-meter-svg rect.is-on:not(#a){fill:var(--sk-accent)!important}
html[data-theme] body.about-page .skill-meter-svg rect.is-off:not(#a){fill:rgba(148,163,184,0.26)!important}
html[data-theme=light] body.about-page .skill-meter-svg rect.is-off:not(#a){fill:rgba(100,116,139,0.22)!important}
html[data-theme] body.about-page .skill-level-num:not(#a){font-family:var(--aku-font-mono)!important;font-weight:700;color:var(--sk-kicker)!important}
@media(max-width:960px){html[data-theme] body.about-page .skill-card:nth-child(n):not(#a){grid-column:span 6}}
@media(max-width:680px){html[data-theme] body.about-page .skill-card:nth-child(n):not(#a){grid-column:1/-1;padding:16px 16px!important;gap:14px}html[data-theme] body.about-page .skills-toolbar:not(#a){flex-direction:column;align-items:stretch}html[data-theme] body.about-page .skill-level-btn:not(#a){flex-wrap:wrap;gap:6px}}
/* Semantic high-contrast domain & category tags on #philosophy-shelf (Audi 2026-10-31: zero blur, vivid semantic colors, border-radius:3px + border-left only so boxInBox=0) */
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag,.ig-follow-pill):not(#a):not(#b){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-image:none!important;border:0!important;border-radius:3px!important;font-weight:700!important;letter-spacing:0.01em!important;line-height:1.35!important}
html[data-theme] body.about-page .ig-domain-tag:not(#a):not(#b){padding:4px 10px!important;box-shadow:0 3px 10px rgba(0,0,0,0.45)!important}
html[data-theme] body.about-page .meta-tag:not(#a):not(#b){padding:3px 9px!important;box-shadow:none!important}
html[data-theme] body.about-page .ig-follow-pill:not(#a):not(#b){padding:3px 9px!important;background:rgb(8,47,73)!important;color:rgb(224,242,254)!important;border-left:3px solid rgb(56,189,248)!important}
html[data-theme=light] body.about-page .ig-follow-pill:not(#a):not(#b){background:rgb(224,242,254)!important;color:rgb(12,74,110)!important;border-left:3px solid rgb(2,132,199)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag):not(#a):not(#b){background:rgb(8,47,73)!important;color:rgb(224,242,254)!important;border-left:3px solid rgb(56,189,248)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag)[data-tag-tone="exec"]:not(#a):not(#b){background:rgb(23,37,84)!important;color:rgb(219,234,254)!important;border-left:3px solid rgb(96,165,250)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag)[data-tag-tone="speaker"]:not(#a):not(#b){background:rgb(67,20,7)!important;color:rgb(255,237,213)!important;border-left:3px solid rgb(251,146,60)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag)[data-tag-tone="sport"]:not(#a):not(#b){background:rgb(76,5,25)!important;color:rgb(255,228,230)!important;border-left:3px solid rgb(251,113,133)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag)[data-tag-tone="finance"]:not(#a):not(#b){background:rgb(6,46,34)!important;color:rgb(209,250,229)!important;border-left:3px solid rgb(52,211,153)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag)[data-tag-tone="creator"]:not(#a):not(#b){background:rgb(46,16,101)!important;color:rgb(243,232,255)!important;border-left:3px solid rgb(192,132,252)!important}
html[data-theme] body.about-page :is(.ig-domain-tag,.meta-tag)[data-tag-tone="philosophy"]:not(#a):not(#b){background:rgb(69,26,3)!important;color:rgb(254,243,199)!important;border-left:3px solid rgb(251,191,36)!important}
html[data-theme=light] body.about-page .meta-tag:not(#a):not(#b){background:rgb(224,242,254)!important;color:rgb(12,74,110)!important;border-left:3px solid rgb(2,132,199)!important}
html[data-theme=light] body.about-page .meta-tag[data-tag-tone="exec"]:not(#a):not(#b){background:rgb(219,234,254)!important;color:rgb(30,58,138)!important;border-left:3px solid rgb(37,99,235)!important}
html[data-theme=light] body.about-page .meta-tag[data-tag-tone="speaker"]:not(#a):not(#b){background:rgb(255,237,213)!important;color:rgb(124,45,18)!important;border-left:3px solid rgb(234,88,12)!important}
html[data-theme=light] body.about-page .meta-tag[data-tag-tone="sport"]:not(#a):not(#b){background:rgb(255,228,230)!important;color:rgb(136,19,55)!important;border-left:3px solid rgb(225,29,72)!important}
html[data-theme=light] body.about-page .meta-tag[data-tag-tone="finance"]:not(#a):not(#b){background:rgb(209,250,229)!important;color:rgb(6,78,59)!important;border-left:3px solid rgb(5,150,105)!important}
html[data-theme=light] body.about-page .meta-tag[data-tag-tone="creator"]:not(#a):not(#b){background:rgb(243,232,255)!important;color:rgb(88,28,135)!important;border-left:3px solid rgb(147,51,234)!important}
html[data-theme=light] body.about-page .meta-tag[data-tag-tone="philosophy"]:not(#a):not(#b){background:rgb(254,243,199)!important;color:rgb(120,53,15)!important;border-left:3px solid rgb(217,119,6)!important}
html[data-theme] body.about-page :is(.memory-book,.book-page .polaroid-frame,.story-fig.polaroid-card,.chapter-label,.side-chip):not(#a):not(#b){border-radius:3px!important;border:0!important}
html[data-theme] body.about-page :is(.section-eyebrow,.section-tag,.skills-eyebrow,.door-eyebrow,.jdoor-kicker,.approach-eyebrow,.contact-eyebrow,.grat-eyebrow,.highlights-tag,.eyebrow,.shelf-eyebrow,.ai-crew-kicker,.origin-sticker-pill,.grat-tag,.edu-badge-text,.contact-card-tag,.mini-caption):not(#a):not(#b){color:var(--aku-copy)!important}
html[data-theme] body.about-page .shelf-item-link:not(#a):not(#b){color:var(--aku-text)!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--aku-primary) 65%,transparent)}
html[data-theme] body.about-page :is(.intro,.name-origin-section,.skills-section,.approach) strong:not(#a):not(#b){color:var(--aku-text)!important}
html[data-theme=light] body.about-page .name-origin-section :is(strong,em):not(#a):not(#b){color:rgb(124,52,6)!important}
html[data-theme] body.about-page main h1:not(#a):not(#b){font-size:36px!important}
html[data-theme] body.about-page main :is(h2,h3,.summary-title,.edu-degree,.edu-title,.shelf-item-title,.grat-name,.contact-card-title,.skill-title,.skill-inline-title,.jdoor-label b,.approach-step-title,.step-num,.jdoor-title,.jdoor-line,.chapter-title):not(#a):not(#b){font-size:20px!important}
html[data-theme] body.about-page main :is(p,li,blockquote,.page-prose,.chapter-body p,.skills-sub,.skill-desc,.skill-inline-desc,.skill-filter-btn,.skill-add-btn,.shelf-item-desc,.shelf-item-quote,.grat-msg,.idr,.about-primary,.about-route,.shelf-filter-btn,.shelf-view-all-btn,.book-tab,.book-nav-btn,.grat-nav-btn,.contact-card-desc,.edu-school,.edu-meta,.jdoor-sub,.jdoor-cta,.toggle-text,.tab-title,.direct-line-link):not(#a):not(#b){font-size:16px!important}
html[data-theme] body.about-page main :is(small,figcaption,.story-img-cap,.polaroid-handwriting,.pp-l,.pp-t,.pp-n,.chapter-period,.chapter-label,.chapter-num,.tab-idx,.tab-year,.section-eyebrow,.section-tag,.highlights-tag,.skills-eyebrow,.skill-kicker,.skill-en,.skill-idx,.skill-practice,.skill-undo-btn,.skill-reset-btn,.skill-save-btn,.skill-cancel-btn,.skill-inline-en,.skill-inline-preset,.skill-inline-level,.skill-inline-status,.skill-tool-btn,.skill-level-btn,.skill-level-badge,.skill-level-num,.skill-filter-count,.skill-msg,.jdoor-label small,.jdoor-year,.door-eyebrow,.jdoor-kicker,.approach-eyebrow,.contact-eyebrow,.grat-eyebrow,.eyebrow,.shelf-eyebrow,.ai-crew-kicker,.ig-post-badge,.ig-user-role,.ig-user-handle,.ig-hover-btn,.ig-follow-pill,.ig-domain-tag,.ig-verified-badge,.filter-count,.shelf-item-link,.phil-tag,.phil-source,.meta-tag,.meta-author,.grat-role,.grat-cat-chip,.grat-hd,.grat-ac,.grat-tag,#gratCount,.grat-hint,.contact-card-action,.contact-card-handle,.contact-card-tag,.edu-honor,.edu-tag,.edu-year,.edu-badge-sub,.edu-badge-text,.origin-sticker-pill,.mascot-tag,.mini-caption,.side-chip,.side-rail-sub,.summary-badge,.summary-read-time,.summary-sub,.evolution-badge,.evo-morph-tag,.portrait-ticket,.portrait-ticket *,.mascot-speech,.mascot-speech *):not(#a):not(#b){font-size:13px!important}