/*!
 * kwokka-archetype-craft.css  ·  Phase 3 + 4, grounded version
 * ----------------------------------------------------------------------
 * Extends kwokka-archetype-life.css. NO new dependency: no Phosphor
 * webfont, no css-doodle. Your engine already ships per-type hero
 * backdrops, motif animations, and accent-themed inline Feather marks.
 * This file only adds the two things that were genuinely missing:
 *
 *   3. DUOTONE hero marks for ALL 37 types (not just Aestheticist), using
 *      the two accents (--arch-accent + --arch-accent-2) the engine
 *      already sets. The brief wanted "duotone hero marks". You can have
 *      that with zero extra bytes by generalising the treatment your
 *      Aestheticist rule already proves works.
 *
 *   4. PER-TYPE CONTENT TEXTURE. Your hero::before backdrop covers only
 *      the hero (height:60%). The long read below it is plain parchment +
 *      the global paper-grain. This adds a faint, per-type accent-tinted
 *      texture down the whole content column, so the entire result page
 *      reads as "this type's chamber", not just the hero. Pure CSS
 *      gradient, same technique as your hero recipes, reproducible, free.
 *
 * Load AFTER kwokka-archetype-life.css so these rules win where intended.
 * Per-type rules in archetype-life.css ([data-archetype="X"]) are MORE
 * specific than these [data-archetype] rules, so any type with a bespoke
 * motif treatment keeps it. This only upgrades the types that had none.
 *
 * No em dashes by house style. color-mix already used throughout your
 * engine, so support is a non-issue here.
 * ====================================================================== */
 [data-archetype] .arch-hero-motif{border:2px solid #fff0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--arch-accent) 20%,transparent),transparent 72%) padding-box,linear-gradient(135deg,var(--arch-accent),var(--arch-accent-2)) border-box}[data-archetype] .arch-hero-motif:hover .arch-hero-motif-icon{color:color-mix(in srgb,var(--arch-accent) 70%,var(--arch-accent-2));transition:color .35s var(--kw-ease-soft,ease)}[data-archetype] .section-label.arch-has-icon .arch-label-icon{border-radius:4px;padding:1px;background:color-mix(in srgb,var(--arch-accent-2) 12%,transparent)}[data-archetype] .content{position:relative}[data-archetype] .content::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--arch-accent) 34%,transparent) 1px,transparent 0);background-size:26px 26px;opacity:.05}[data-archetype] .content>*{position:relative;z-index:1}[data-archetype][data-quadrant="Reformers"] .content::before{background-image:linear-gradient(color-mix(in srgb,var(--arch-accent) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--arch-accent) 30%,transparent) 1px,transparent 1px);background-size:30px 30px;opacity:.045}[data-archetype][data-quadrant="Aristocrats"] .content::before{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--arch-accent) 26%,transparent) 0 1px,transparent 1px 16px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--arch-accent) 26%,transparent) 0 1px,transparent 1px 16px);background-size:auto;opacity:.045}[data-archetype][data-quadrant="Vanguard"] .content::before{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--arch-accent) 24%,transparent) 0 1px,transparent 1px 22px);background-size:auto;opacity:.05}[data-archetype][data-quadrant="EdgeCase"] .content::before,[data-archetype][data-quadrant="Legacy"] .content::before{background-size:40px 40px;opacity:.035}