<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Workbook Archive - autark.berlin</title>
	<atom:link href="https://autark.berlin/category/workbook/feed/" rel="self" type="application/rss+xml" />
	<link>https://autark.berlin/category/workbook/</link>
	<description></description>
	<lastBuildDate>Wed, 06 May 2026 16:28:45 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://autark.berlin/wp-content/uploads/2025/03/cropped-logo-icon-32x32.png</url>
	<title>Workbook Archive - autark.berlin</title>
	<link>https://autark.berlin/category/workbook/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Workbook: The Thrift Glow</title>
		<link>https://autark.berlin/workbook/workbook-the-thrift-glow/</link>
		
		<dc:creator><![CDATA[kristina]]></dc:creator>
		<pubDate>Tue, 28 Apr 2026 08:10:07 +0000</pubDate>
				<category><![CDATA[Workbook]]></category>
		<guid isPermaLink="false">https://autark.berlin/?p=3689</guid>

					<description><![CDATA[<p>An interactive workbook for more conscious fashion choices: explore your values, reflect on your shopping habits, and develop your own second-hand glow-up.</p>
<p>Der Beitrag <a href="https://autark.berlin/workbook/workbook-the-thrift-glow/">Workbook: The Thrift Glow</a> erschien zuerst auf <a href="https://autark.berlin">autark.berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3689" class="elementor elementor-3689">
				<div class="elementor-element elementor-element-273f73f e-con-full e-flex e-con e-parent" data-id="273f73f" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-45041d7 e-con-full e-flex e-con e-parent" data-id="45041d7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ac49878 elementor-widget elementor-widget-html" data-id="ac49878" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="autark-workbook" class="aw-root">
    <section class="aw-shell">
        <aside class="aw-sidebar" aria-label="Workbook navigation">
            <div class="aw-brand">
                <span class="aw-logo-mark aw-logo-image">
                    <img decoding="async" src="https://autark.berlin/wp-content/uploads/2025/04/cropped-White-logo-no-background-1.png"
                        alt="autark.berlin logo">
                </span>
                <div>
                    <p>autark.berlin</p>
                    <strong>The Thrift Glow-Up</strong>
                </div>
            </div>

            <div class="aw-progress-wrap">
                <div class="aw-progress-label">
                    <span>Your progress</span>
                    <strong data-aw-progress-text>0%</strong>
                </div>
                <div class="aw-progress-track">
                    <div class="aw-progress-bar" data-aw-progress-bar></div>
                </div>
            </div>

            <nav class="aw-step-nav">
                <button type="button" class="is-active" data-aw-go="0"><span>01</span>Start</button>
                <button type="button" data-aw-go="1"><span>02</span>Values</button>
                <button type="button" data-aw-go="2"><span>03</span>Impact</button>
                <button type="button" data-aw-go="3"><span>04</span>Habits</button>
                <button type="button" data-aw-go="4"><span>05</span>Reuse Tips</button>
                <button type="button" data-aw-go="5"><span>06</span>Voices</button>
                <button type="button" data-aw-go="6"><span>07</span>Online</button>
                <button type="button" data-aw-go="7"><span>08</span>Icons</button>
                <button type="button" data-aw-go="8"><span>09</span>Fun</button>
                <button type="button" data-aw-go="9"><span>10</span>Blueprint</button>
                <button type="button" data-aw-go="10"><span>11</span>Transform</button>
                <button type="button" data-aw-go="11"><span>12</span>Challenge</button>
                <button type="button" data-aw-go="12"><span>13</span>Notes</button>
                <button type="button" data-aw-go="13"><span>14</span>About</button>
                <button type="button" data-aw-go="14"><span>15</span>Summary</button>
            </nav>

            <div class="aw-sidebar-actions">
                <button type="button" class="aw-btn aw-btn-soft" data-aw-export>Download answers</button>
                <button type="button" class="aw-btn aw-btn-outline aw-light" data-aw-print>Print / Save PDF</button>
            </div>
        </aside>

        <main class="aw-main">
            <section class="aw-topbar">
                <div>
                    <p class="aw-kicker">Interactive Workbook</p>
                    <h1>The Thrift Glow-Up</h1>
                </div>
                <div class="aw-topbar-actions">
                    <a class="aw-btn aw-btn-outline"
                        href="https://autark.berlin/wp-content/uploads/2026/04/Workbook-The-Thrift-Glow-autark.berlin.pdf"
                        target="_blank" rel="noopener">Open PDF</a>
                    <a class="aw-btn aw-btn-outline" href="https://canva.link/m9yz91213jozf3i" target="_blank"
                        rel="noopener">Canva version</a>
                    <button type="button" class="aw-btn aw-btn-danger" data-aw-reset>Reset</button>
                </div>
            </section>

            <section class="aw-card aw-highlight-toolbar">
                <div>
                    <strong>Highlight tool</strong>
                    <p>Select a sentence in the workbook and click the button to highlight it.</p>
                </div>
                <div>
                    <button type="button" class="aw-btn aw-btn-primary" data-aw-highlight>Highlight selected
                        text</button>
                    <button type="button" class="aw-btn aw-btn-outline" data-aw-clear-highlights>Clear
                        highlights</button>
                </div>
            </section>

            <section class="aw-step is-active" data-aw-step="0" data-aw-page="start">
                <div class="aw-hero-card aw-card">
                    <div class="aw-hero-inner">
                        <div>
                            <p class="aw-kicker">By autark.berlin</p>
                            <h2>Style smarter.<br>Shop slower.<br>Shine brighter.</h2>
                            <p class="aw-lead">A guided digital workbook for exploring second-hand fashion, personal
                                values, shopping habits, and your own sustainable style practice.</p>
                            <blockquote>“We have produced enough clothing to dress the next six generations.”
                            </blockquote>
                            <div class="aw-hero-buttons">
                                <button type="button" class="aw-btn aw-btn-primary" data-aw-next>Start workbook</button>
                                <a class="aw-btn aw-btn-outline aw-light"
                                    href="https://autark.berlin/wp-content/uploads/2026/04/Workbook-The-Thrift-Glow-autark.berlin.pdf"
                                    target="_blank" rel="noopener">Download PDF version</a>
                            </div>
                        </div>
                        <figure class="aw-visual aw-visual-cover">
                            <img decoding="async" src="https://autark.berlin/wp-content/uploads/2026/04/workbook_1-1.webp"
                                alt="Illustration from The Thrift Glow-Up workbook showing second-hand fashion and a thrift shop scene">
                        </figure>
                    </div>
                </div>

                <div class="aw-card aw-intro-grid">
                    <div>
                        <p class="aw-kicker">Introduction</p>
                        <h3>What is thrifting?</h3>
                        <p>Thrifting refers to buying secondhand clothes. It saves money, reduces waste, helps the
                            planet, and supports local communities while letting us show our unique style.</p>
                    </div>
                    <div>
                        <h3>Welcome</h3>
                        <p>Great that you are here! This workbook helps you become a more conscious fashion shopper and
                            make more use of clothes that are already produced and worn. This helps to save natural
                            resources and your money.</p>
                        <p>There are a lot of rumours about thrifted clothes out there. We support you to find your way
                            and get the thrifted glow. Let’s start!</p>
                    </div>
                    <div class="aw-callout aw-span-2">
                        <h3>Podcast Deep Dive</h3>
                        <p>The Rise of Second Hand Fashion</p>
                        <a href="https://autark.berlin/podcast/second-hand-fashion/" target="_blank"
                            rel="noopener">Podcast</a>
                    </div>
                </div>
            </section>

            <section class="aw-step" data-aw-step="1" data-aw-page="values">
                <div class="aw-card">
                    <p class="aw-kicker">Exercise 1</p>
                    <h2>Values Behind Thrifting</h2>
                    <p class="aw-goal"><strong>Goal:</strong> Explore the deeper values behind thrifting and connect
                        them to your own personal values in a playful way.</p>

                    <div class="aw-block">
                        <h3>Step 1: Quick reaction</h3>
                        <p>When you think about thrifting, which feelings come up first? Circle, check, or highlight
                            everything that fits.</p>
                        <div class="aw-chip-grid" role="group" aria-label="Quick reaction values">
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_freedom"> Freedom</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_creativity">
                                Creativity</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_sustainability">
                                Sustainability</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_individuality">
                                Individuality</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_community">
                                Community</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_smart_shopping"> Smart
                                Shopping</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_trendy"> Trendy</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_responsibility">
                                Responsibility</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_adventure">
                                Adventure</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_quality"> Quality</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_independence">
                                Independence</label>
                            <label class="aw-chip"><input type="checkbox" data-aw-save="quick_saving_money"> Saving
                                Money</label>
                        </div>
                    </div>

                    <div class="aw-block">
                        <h3>Step 2: Value match game</h3>
                        <p>Below are common values connected to thrifting. Read them and check the ones that feel
                            important to you.</p>
                        <div class="aw-check-list">
                            <label><input type="checkbox" data-aw-save="value_financial_awareness">
                                <span><strong>Financial Awareness</strong> — spending money wisely</span></label>
                            <label><input type="checkbox" data-aw-save="value_environmental_care">
                                <span><strong>Environmental Care</strong> — protecting resources and reducing
                                    waste</span></label>
                            <label><input type="checkbox" data-aw-save="value_authenticity">
                                <span><strong>Authenticity</strong> — expressing your true self</span></label>
                            <label><input type="checkbox" data-aw-save="value_independence">
                                <span><strong>Independence</strong> — not following every trend</span></label>
                            <label><input type="checkbox" data-aw-save="value_creativity">
                                <span><strong>Creativity</strong> — styling and combining pieces in new
                                    ways</span></label>
                            <label><input type="checkbox" data-aw-save="value_community"> <span><strong>Community
                                        Support</strong> — supporting local shops or charities</span></label>
                            <label><input type="checkbox" data-aw-save="value_mindfulness">
                                <span><strong>Mindfulness</strong> — buying with intention</span></label>
                        </div>
                    </div>

                    <div class="aw-block">
                        <h3>Step 3: Value reflection</h3>
                        <div class="aw-field">
                            <span>Now choose your Top 3 values and rank them</span>

                            <div class="aw-ranked-values">
                                <label>
                                    <span>1.</span>
                                    <input type="text" data-aw-save="top_value_1"
                                        placeholder="Your most important value">
                                </label>

                                <label>
                                    <span>2.</span>
                                    <input type="text" data-aw-save="top_value_2" placeholder="Your second value">
                                </label>

                                <label>
                                    <span>3.</span>
                                    <input type="text" data-aw-save="top_value_3" placeholder="Your third value">
                                </label>
                            </div>
                        </div>
                        <div class="aw-two-col">
                            <label class="aw-field">Why are these values important to you?
                                <textarea data-aw-save="why_values_important"></textarea>
                            </label>
                            <label class="aw-field">Does your current shopping behavior reflect these values?
                                <textarea data-aw-save="shopping_behavior_reflection"></textarea>
                            </label>
                        </div>
                        <label class="aw-field">What is one small action that would align your habits more with your
                            values?
                            <textarea data-aw-save="one_small_action"></textarea>
                        </label>
                        <label class="aw-field">Bonus challenge: Create a short sentence that connects your values to
                            fashion.
                            <textarea data-aw-save="values_sentence"
                                placeholder="Example: I choose second hand because creativity and responsibility matter more to me than fast trends."></textarea>
                        </label>
                    </div>
                </div>
            </section>

            <section class="aw-step" data-aw-step="2" data-aw-page="impact">
                <div class="aw-card">
                    <p class="aw-kicker">Learning Section</p>
                    <h2>The Problem: (Ultra) Fast Fashion</h2>
                    <div class="aw-two-col">
                        <div>
                            <h3>What is fast fashion?</h3>
                            <p>Fast fashion is a business model where clothing brands quickly produce large amounts of
                                trendy, low-cost clothes to keep up with the latest styles. New collections are released
                                very often, encouraging people to buy more and replace items quickly instead of wearing
                                them for a long time.</p>
                            <p>The focus is on speed, low prices, and high sales.</p>
                        </div>
                        <div>
                            <h3>Environmental impact</h3>
                            <p>Producing clothes uses huge amounts of water, energy, and raw materials. Factories also
                                create pollution through chemicals and carbon emissions. Because many cheap, trend-based
                                items are thrown away after only a few wears, fast fashion adds to landfill waste and
                                textile pollution.</p>
                        </div>
                        <div>
                            <h3>Social impact</h3>
                            <p>Many garments are produced in low-income countries where workers may face long hours, low
                                wages, and unsafe working conditions. The pressure to produce clothing quickly and
                                cheaply can lead to unfair labor practices.</p>
                        </div>
                        <div>
                            <h3>Overconsumption</h3>
                            <p>Fast fashion promotes overconsumption, making people feel they constantly need to buy new
                                clothes to fit in or follow trends. Understanding these impacts helps us make more
                                responsible and sustainable choices.</p>
                        </div>
                    </div>
                </div>

                <div class="aw-card">
                    <h2>Understanding the Impact — Looking Deeper</h2>
                    <div class="aw-two-col">
                        <div>
                            <h3>The life cycle of clothing</h3>
                            <p>A garment goes through many stages: design, material sourcing, production, transport,
                                use, and disposal. Each stage creates consequences. The longer we use a piece of
                                clothing, the more we reduce the overall impact of these stages.</p>
                        </div>
                        <div>
                            <h3>Consumption habits</h3>
                            <p>Impact is not only about production — it is also about behavior. Buying frequently
                                increases demand and speeds up the cycle of production. Asking questions like “Do I
                                really need this?” or “How often will I wear it?” changes our role from impulsive buyer
                                to conscious consumer.</p>
                        </div>
                        <div>
                            <h3>Cultural and economic influence</h3>
                            <p>Fashion trends shape identity, status, and belonging. Social media accelerates this
                                cycle, creating pressure to constantly update our wardrobe. Choosing differently — for
                                example swapping, repairing, or reusing — promotes a culture of value over volume.</p>
                        </div>
                        <div class="aw-remember-card">
                            <h3>Remember</h3>
                            <p>Thrifting is not just about clothes — it’s about what you stand for.</p>
                        </div>
                    </div>
                    <label class="aw-field aw-field-spaced">What part of fast fashion feels most important for you to
                        remember?
                        <textarea data-aw-save="impact_reflection"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="3" data-aw-page="habits">
                <div class="aw-card">
                    <p class="aw-kicker">Exercise 2</p>
                    <h2>My Thrifting Check: Reflect & Explore</h2>
                    <p class="aw-goal"><strong>Goal:</strong> Understand your habits, experiences, and attitudes toward
                        second-hand clothing.</p>
                    <div class="aw-three-col">
                        <div class="aw-mini-card">
                            <h3>Your experiences</h3>
                            <label><input type="checkbox" data-aw-save="exp_sold_donated"> I have sold or donated
                                clothes I no longer use.</label>
                            <label><input type="checkbox" data-aw-save="exp_bought_secondhand"> I have bought clothes
                                from a thrift store, vintage shop, or app.</label>
                            <label><input type="checkbox" data-aw-save="exp_borrowed_received"> I have received or
                                borrowed clothes from friends or family.</label>
                        </div>
                        <div class="aw-mini-card">
                            <h3>Your attitudes</h3>
                            <label><input type="checkbox" data-aw-save="att_secondhand_less_cool"> I think second-hand
                                clothes are less cool than new ones.</label>
                            <label><input type="checkbox" data-aw-save="att_like_idea"> I like the idea of buying
                                second-hand clothes.</label>
                            <label><input type="checkbox" data-aw-save="att_unique_outfits"> I enjoy finding unique or
                                creative outfits from second-hand items.</label>
                            <label><input type="checkbox" data-aw-save="att_embarrassed"> I feel embarrassed wearing
                                second-hand items.</label>
                        </div>
                        <div class="aw-mini-card">
                            <h3>Barriers</h3>
                            <label><input type="checkbox" data-aw-save="barrier_where_to_find"> I don’t know where to
                                find good second-hand stores.</label>
                            <label><input type="checkbox" data-aw-save="barrier_sizes_condition"> I worry about sizes or
                                condition of second-hand clothes.</label>
                            <label><input type="checkbox" data-aw-save="barrier_new_easier"> I prefer buying new because
                                it is easier or faster.</label>
                        </div>
                    </div>
                    <div class="aw-mini-card aw-wide-card">
                        <h3>Benefits</h3>
                        <div class="aw-check-list aw-check-list-compact">
                            <label><input type="checkbox" data-aw-save="benefit_unique_style"> I enjoy expressing my
                                unique style.</label>
                            <label><input type="checkbox" data-aw-save="benefit_save_money"> I save money by buying
                                second-hand.</label>
                            <label><input type="checkbox" data-aw-save="benefit_environment"> I help the environment by
                                reducing waste.</label>
                            <label><input type="checkbox" data-aw-save="benefit_local_charities"> I support local
                                charities or communities.</label>
                        </div>
                    </div>
                    <label class="aw-field">Reflections: Write 1–2 sentences about your current second-hand habits and
                        what stops you from thrifting.
                        <textarea data-aw-save="secondhand_reflection"></textarea>
                    </label>
                    <label class="aw-field">Challenge: Pick one barrier and plan a small step to overcome it this week.
                        <textarea data-aw-save="barrier_challenge"
                            placeholder="Example: visit a thrift store, swap clothes with a friend, or explore a resale app."></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="4" data-aw-page="tips">
                <div class="aw-card aw-tips-card">
                    <p class="aw-kicker">Guide</p>
                    <h2>8 Smart Fashion Reuse Tips</h2>

                    <div class="aw-tips-layout">
                        <div class="aw-tips-content">
                            <div class="aw-tip-grid">
                                <div><strong>Shop with a wish list</strong><br><span>Avoid impulse buying.</span></div>
                                <div><strong>Think cost-per-wear</strong><br><span>Wearing often matters.</span></div>
                                <div><strong>Check quality first</strong><br><span>Fabric, seams, zippers,
                                        buttons.</span></div>
                                <div><strong>Size up your options</strong><br><span>Try it on or check
                                        measurements.</span></div>
                                <div><strong>Choose timeless over trendy</strong><br><span>Classic cuts and neutral
                                        colors.</span></div>
                                <div><strong>Imagine 3 outfits</strong><br><span>Could you create 3 outfits with
                                        it?</span></div>
                                <div><strong>Look beyond the rack</strong><br><span>Explore all sections — sometimes the
                                        best finds are unexpected.</span></div>
                                <div><strong>Buy to love, not just to save</strong><br><span>Genuinely love it and wear
                                        it proudly.</span></div>
                            </div>
                        </div>

                        <figure class="aw-tips-visual">
                            <img src="https://autark.berlin/wp-content/uploads/2026/04/workbook_2.webp"
                                alt="Illustration showing second-hand clothing and outfit reuse ideas" loading="lazy"
                                decoding="async">
                            <figcaption>Reuse what already exists — and make it feel new.</figcaption>
                        </figure>
                    </div>

                    <label class="aw-field aw-field-spaced">Which tip feels most useful for you right now?
                        <textarea data-aw-save="most_useful_tip"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="5" data-aw-page="voices">
                <div class="aw-card aw-voices-card">
                    <p class="aw-kicker">Inspiration</p>
                    <h2>Community Voices</h2>

                    <div class="aw-voices-layout">
                        <div class="aw-voices-content">
                            <div class="aw-quote-grid aw-voices-quotes">
                                <blockquote>“Thrifting completely changed the way I shop. I find unique pieces that feel
                                    like they were waiting just for me.”</blockquote>
                                <blockquote>“Buying second hand feels like treasure hunting — and the best part is
                                    knowing I saved money and resources at the same time.”</blockquote>
                                <blockquote>“I started thrifting to save money, but I stayed for the creativity. My
                                    wardrobe has never felt more ‘me.’”</blockquote>
                            </div>
                        </div>

                        <figure class="aw-voices-visual">
                            <img src="https://autark.berlin/wp-content/uploads/2026/05/voices.webp"
                                alt="Illustration representing community voices and second-hand fashion inspiration"
                                loading="lazy" decoding="async">
                            <figcaption>Real voices. Real style. Real second-hand inspiration.</figcaption>
                        </figure>
                    </div>

                    <label class="aw-field aw-field-spaced">What would your own second-hand fashion quote be?
                        <textarea data-aw-save="community_voice_own_quote"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="6" data-aw-page="online">
                <div class="aw-card">
                    <p class="aw-kicker">Online Thrifting</p>
                    <h2>Top Choices</h2>
                    <p>Top 5 list of online second-hand fashion stores in Europe.</p>
                    <div class="aw-platform-grid">
                        <div><span>1</span><strong>Vinted</strong>
                            <p>One of Europe’s largest peer-to-peer platforms for buying and selling second-hand clothes
                                and accessories.</p>
                        </div>
                        <div><span>2</span><strong>Vestiaire Collective</strong>
                            <p>A popular platform for authenticated pre-loved designer and luxury fashion items.</p>
                        </div>
                        <div><span>3</span><strong>Depop</strong>
                            <p>A vibrant marketplace with a strong fashion community, especially for quirky, vintage and
                                trend-driven items.</p>
                        </div>
                        <div><span>4</span><strong>Sellpy</strong>
                            <p>A Swedish online reseller focused on making thrifting easy with curated listings across
                                Europe.</p>
                        </div>
                        <div><span>5</span><strong>Tradera</strong>
                            <p>A Swedish auction-style marketplace for buying second-hand clothing and accessories from
                                other users.</p>
                        </div>
                    </div>
                    <p class="aw-disclaimer">Disclaimer: Advertisement unpaid unsolicited.</p>
                </div>

                <div class="aw-card">
                    <h2>Use Filters</h2>
                    <p class="aw-goal">Fast & focused online thrifting: shop smart on platforms like Vinted, Depop,
                        eBay, or Vestiaire Collective.</p>
                    <div class="aw-four-steps">
                        <div>
                            <h3>1. Get clear</h3>
                            <p>Define exact item, size, preferred fabric, and max budget before searching.</p>
                        </div>
                        <div>
                            <h3>2. Filter first</h3>
                            <p>Apply size, condition, material, price range, location, and sorting before scrolling.</p>
                        </div>
                        <div>
                            <h3>3. Quality check</h3>
                            <p>Check fabric composition, close-up photos, signs of wear, seller ratings, and
                                measurements.</p>
                        </div>
                        <div>
                            <h3>4. The Glow Test</h3>
                            <p>Buy only if it matches 3+ items you own, you would pay full price for it, and quality
                                justifies shipping.</p>
                        </div>
                    </div>
                    <label class="aw-field aw-field-spaced">What is one item you could search for intentionally?
                        <textarea data-aw-save="online_item_search"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="7" data-aw-page="icons">
                <div class="aw-card">
                    <p class="aw-kicker">Inspiration</p>
                    <h2>Second-Hand Style Icons</h2>
                    <div class="aw-icon-list">
                        <p><strong>Cate Blanchett</strong> — rewears archive couture on major red carpets.</p>
                        <p><strong>Tilda Swinton</strong> — known for avant-garde vintage and archival fashion.</p>
                        <p><strong>Keira Knightley</strong> — frequently chooses vintage-inspired and reworked designer
                            pieces.</p>
                        <p><strong>Harry Styles</strong> — integrates vintage designer into stage and editorial looks.
                        </p>
                        <p><strong>Dua Lipa</strong> — regularly wears 90s/Y2K designer vintage.</p>
                        <p><strong>Emma Watson</strong> — advocate for sustainable fashion and rewear culture.</p>
                        <p><strong>Billie Eilish</strong> — promotes conscious fashion choices.</p>
                        <p><strong>Lena Meyer-Landrut</strong> — speaks openly about sustainable shopping.</p>
                        <p><strong>Sombr</strong> — known for curated vintage and gender-fluid styling.</p>
                    </div>
                    <label class="aw-field aw-field-spaced">Whom do we miss?
                        <textarea data-aw-save="style_icons_missing"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="8" data-aw-page="fun">
                <div class="aw-card aw-fun-card">
                    <p class="aw-kicker">Make It Fun</p>
                    <h2>5 Ways to Make Second-Hand Fashion Fun</h2>

                    <div class="aw-fun-layout">
                        <div class="aw-fun-content">
                            <div class="aw-fun-grid aw-fun-grid-custom">
                                <div>
                                    <h3>Host a swap party</h3>
                                    <p>Organize a clothing swap with friends. Everyone brings 5–10 pieces they no longer
                                        wear.</p>
                                </div>
                                <div>
                                    <h3>Style challenge night</h3>
                                    <p>Create outfits from swapped or thrifted pieces and vote for “Best Vintage Look”
                                        or “Most Unexpected Combo.”</p>
                                </div>
                                <div>
                                    <h3>Ask your most stylish friend</h3>
                                    <p>Go thrifting together or send screenshots before buying online. A second opinion
                                        makes it more fun.</p>
                                </div>
                                <div>
                                    <h3>Set a thrift treasure goal</h3>
                                    <p>Instead of random browsing, hunt for one exciting piece such as a 90s blazer,
                                        silk scarf, or leather bag.</p>
                                </div>
                                <div>
                                    <h3>Celebrate the money you saved</h3>
                                    <p>Save for travel, upgrade quality basics, book a special experience, or build a
                                        future goals fund.</p>
                                </div>
                            </div>
                        </div>

                        <figure class="aw-fun-visual">
                            <img src="https://autark.berlin/wp-content/uploads/2026/05/use_filters.webp"
                                alt="Illustration showing playful second-hand fashion and styling inspiration"
                                loading="lazy" decoding="async">
                            <figcaption>Second-hand fashion can be creative, social, and fun.</figcaption>
                        </figure>
                    </div>

                    <label class="aw-field aw-field-spaced">Which fun idea would you actually try?
                        <textarea data-aw-save="fun_idea_try"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="9" data-aw-page="blueprint">
                <div class="aw-card">
                    <p class="aw-kicker">Blueprint Exercise</p>
                    <h2>The Ideal Second-Hand Purchase</h2>
                    <p class="aw-goal"><strong>Objective:</strong> Define what the ideal second-hand shopping experience
                        must look like. Answer in short bullet points.</p>
                    <div class="aw-two-col">
                        <label class="aw-field">1. Finding it — What makes it easy?
                            <textarea data-aw-save="blueprint_finding"></textarea>
                        </label>
                        <label class="aw-field">2. Trusting it — What must be clear?
                            <textarea data-aw-save="blueprint_trusting"></textarea>
                        </label>
                        <label class="aw-field">3. Buying it — Why do you click “Buy”?
                            <textarea data-aw-save="blueprint_buying"></textarea>
                        </label>
                        <label class="aw-field">4. Receiving it — What makes you happy?
                            <textarea data-aw-save="blueprint_receiving"></textarea>
                        </label>
                    </div>
                    <label class="aw-field">Final question: The perfect second-hand purchase is…
                        <textarea data-aw-save="perfect_purchase" placeholder="One clear sentence."></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="10" data-aw-page="transformation">
                <div class="aw-card">
                    <p class="aw-kicker">Your Transformation</p>
                    <h2>Attitude Behaviour Gap</h2>
                    <p class="aw-goal">“Know better, act better — bridge the gap between what you value and what you
                        do.”</p>
                    <div class="aw-transformation-flow">
                        <span>First, it is an intention</span>
                        <span>Then a behavior</span>
                        <span>Then a habit</span>
                        <span>Then a practice</span>
                        <span>Then a second nature</span>
                        <span>Then it is simply who you are</span>
                    </div>
                    <label class="aw-field aw-field-spaced">Where are you right now: intention, behavior, habit,
                        practice, or second nature?
                        <textarea data-aw-save="transformation_stage"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="11" data-aw-page="challenge">
                <div class="aw-card">
                    <p class="aw-kicker">Final Challenge</p>
                    <h2>Knowledge Is Not Power Until It Is Applied</h2>
                    <p>Second-hand is not just theory. Now it’s time to experience it. Choose at least one of the
                        following and actually do it.</p>
                    <div class="aw-check-list aw-check-list-compact">
                        <label><input type="checkbox" data-aw-save="challenge_flea_market"> Go to a flea market.</label>
                        <label><input type="checkbox" data-aw-save="challenge_secondhand_store"> Visit a second-hand
                            store.</label>
                        <label><input type="checkbox" data-aw-save="challenge_online_platform"> Explore an online resale
                            platform.</label>
                        <label><input type="checkbox" data-aw-save="challenge_swap_party"> Organize a small swap party
                            with friends.</label>
                        <label><input type="checkbox" data-aw-save="challenge_designer_piece"> Search for a designer
                            piece you’ve always wanted but couldn’t afford new.</label>
                    </div>
                    <div class="aw-two-col">
                        <label class="aw-field">How do you feel?
                            <textarea data-aw-save="challenge_feel"></textarea>
                        </label>
                        <label class="aw-field">What surprises you?
                            <textarea data-aw-save="challenge_surprises"></textarea>
                        </label>
                        <label class="aw-field">What is better than expected?
                            <textarea data-aw-save="challenge_better"></textarea>
                        </label>
                        <label class="aw-field">What is frustrating?
                            <textarea data-aw-save="challenge_frustrating"></textarea>
                        </label>
                        <label class="aw-field">Would you do it again?
                            <textarea data-aw-save="challenge_again"></textarea>
                        </label>
                        <label class="aw-field">Write short notes
                            <textarea data-aw-save="challenge_short_notes"></textarea>
                        </label>
                    </div>
                    <label class="aw-field">Final reflection: “After trying second-hand myself, I realized that…”
                        <textarea data-aw-save="final_reflection"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="12" data-aw-page="notes">
                <div class="aw-card">
                    <p class="aw-kicker">Notes</p>
                    <h2>Your Notes</h2>
                    <label class="aw-field aw-field-large">Write freely here
                        <textarea data-aw-save="notes"></textarea>
                    </label>
                </div>
            </section>

            <section class="aw-step" data-aw-step="13" data-aw-page="about">
                <div class="aw-card">
                    <p class="aw-kicker">About the Author</p>
                    <h2>Hi, I’m Kristina</h2>
                    <div class="aw-two-col">
                        <div>
                            <p>I live in Berlin, Germany and co-founded autark.berlin in 2019 together with Mandy. We
                                created autark.berlin as an online platform that makes sustainable fashion consumption
                                easy, practical, and actually fun.</p>
                            <p>We offer short courses, podcasts, blog articles and even games — because we believe
                                learning about fashion should feel empowering, not overwhelming.</p>
                            <p>Our mission is to show that everyone can build smart habits when it comes to fashion
                                consumption — without giving up style or joy.</p>
                            <p>Second hand isn’t compromise — it’s a glow-up.</p>
                        </div>
                        <figure class="aw-author-image">
                            <img decoding="async" src="https://autark.berlin/wp-content/uploads/2026/04/workbook_Kristina.webp"
                                alt="Portrait illustration of Kristina, co-founder of autark.berlin">
                        </figure>
                    </div>
                </div>
                <div class="aw-card aw-support-card">
                    <p class="aw-kicker">Thank you</p>
                    <h2>Support Us</h2>

                    <p>
                        Please also check out our online video course
                        <strong>The Power of Second Hand Clothing</strong> at
                        <a href="https://autark.berlin" target="_blank" rel="noopener">www.autark.berlin</a>.
                    </p>

                    <p>
                        If this workbook inspired you, you can support autark.berlin with a voluntary donation.
                        Every contribution helps us create more resources for conscious fashion choices and a greener,
                        fairer future.
                    </p>

                    <div class="aw-support-actions">
                        <a class="aw-btn aw-btn-primary"
                            href="https://www.paypal.com/donate?hosted_button_id=QRXL8Z3HU85PC" target="_blank"
                            rel="noopener">
                            Support us via PayPal
                        </a>

                        <a class="aw-btn aw-btn-outline aw-light"
                            href="https://www.myclimate.org/de-de/aktiv-werden/klimaschutzprojekte/detail-klimaschutzprojekte/moorprojekt-ichlim-mecklenburg-vorpommern-7804/"
                            target="_blank" rel="noopener">
                            Offset digital use with €0.50
                        </a>
                    </div>

                    <p class="aw-small-note">
                        This is a voluntary personal donation via PayPal. We cannot issue donation receipts.
                    </p>

                    <p>
                        You can also support us by visiting our website, sharing our Instagram
                        <a href="https://www.instagram.com/autark.berlin/" target="_blank"
                            rel="noopener">@autark.berlin</a>,
                        sending feedback to
                        <a href="mailto:t&#101;&#97;m&#64;au&#116;a&#114;&#107;&#46;&#98;&#101;r&#108;&#105;n">t&#101;am&#64;au&#116;&#97;&#114;k.b&#101;r&#108;in</a>,
                        or sharing your thoughts with your community.
                    </p>
                </div>
            </section>

            <section class="aw-step" data-aw-step="14" data-aw-page="summary">
                <div class="aw-card">
                    <p class="aw-kicker">Your Summary</p>
                    <h2>Your Thrift Glow-Up Notes</h2>
                    <p class="aw-goal">This summary is generated from your answers. You can copy it, download it, or
                        print it.</p>
                    <div class="aw-summary-box" data-aw-summary></div>
                    <div class="aw-summary-actions">
                        <button type="button" class="aw-btn aw-btn-primary" data-aw-copy>Copy summary</button>
                        <button type="button" class="aw-btn aw-btn-soft" data-aw-export>Download answers</button>
                        <button type="button" class="aw-btn aw-btn-outline" data-aw-print>Print / Save PDF</button>
                    </div>
                </div>
            </section>

            <footer class="aw-bottom-nav">
                <button type="button" class="aw-btn aw-btn-outline" data-aw-prev>Back</button>
                <button type="button" class="aw-btn aw-btn-primary" data-aw-next>Next</button>
            </footer>
        </main>
    </section>
</div>

<style>
    .aw-root,
    .aw-root * {
        box-sizing: border-box;
    }

    .aw-root {
        --aw-teal: #0f3f3f90;
        --aw-teal-soft: #efcac0;
        /*1d5854*/
        --aw-cream: #f8f1e8;
        --aw-blush: #efc8bf;
        --aw-gold: #d8b56d;
        --aw-blue: #004aad;
        --aw-ink: #1f2927;
        --aw-muted: #68736f;
        --aw-white: #fffdf8;
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 34px clamp(18px, 4vw, 76px) 72px;
        background:
            radial-gradient(circle at 94% 4%, rgba(216, 181, 109, 0.22), transparent 26%),
            radial-gradient(circle at 6% 0%, rgba(239, 200, 191, 0.46), transparent 25%),
            linear-gradient(180deg, #fbf7f0 0%, #f5ece3 100%);
        color: var(--aw-ink);
        font-family: inherit;
    }

    .aw-visual-cover {
        min-height: 360px;
        padding: 0;
        border: none;
        background: transparent;
        overflow: hidden;
        margin: 0;
    }

    .aw-visual-cover img {
        width: 100%;
        height: 100%;
        min-height: 360px;
        display: block;
        object-fit: cover;
        border-radius: 28px;
    }

    .aw-section-image {
        margin: 22px auto 4px;
        max-width: 420px;
        border-radius: 22px;
        overflow: hidden;
        background: var(--aw-cream);
        box-shadow: 0 14px 32px rgba(15, 63, 63, 0.08);
    }

    .aw-section-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
    }

    .aw-tips-image {
        max-width: 360px;
    }

    .aw-tips-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 28px;
        align-items: stretch;
        margin-top: 22px;
    }

    .aw-tips-card .aw-tip-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aw-tips-visual {
        margin: 0;
        padding: 22px;
        border-radius: 28px;
        background:
            radial-gradient(circle at 85% 10%, rgba(216, 181, 109, 0.18), transparent 34%),
            linear-gradient(180deg, rgba(248, 241, 232, 0.95), rgba(255, 253, 248, 0.95));
        border: 1px solid rgba(15, 63, 63, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 14px 34px rgba(15, 63, 63, 0.08);
    }

    .aw-tips-visual img {
        width: 100%;
        max-height: 300px;
        object-fit: contain;
        display: block;
    }

    .aw-tips-visual figcaption {
        margin-top: 14px;
        color: var(--aw-teal);
        font-size: 14px;
        line-height: 1.45;
        font-weight: 800;
        text-align: center;
    }

    @media (max-width: 1180px) {
        .aw-tips-layout {
            grid-template-columns: 1fr;
        }

        .aw-tips-visual {
            max-width: 420px;
            margin: 0 auto;
        }
    }

    @media (max-width: 700px) {
        .aw-tips-card .aw-tip-grid {
            grid-template-columns: 1fr;
        }

        .aw-tips-visual {
            padding: 16px;
            border-radius: 22px;
        }

        .aw-tips-visual img {
            max-height: 240px;
        }
    }

    .aw-voices-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 28px;
        align-items: start;
        margin-top: 18px;
    }

    .aw-voices-card .aw-voices-quotes {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .aw-voices-visual {
        margin: 0;
        padding: 18px;
        border-radius: 28px;
        background:
            radial-gradient(circle at 85% 12%, rgba(216, 181, 109, 0.18), transparent 34%),
            linear-gradient(180deg, rgba(248, 241, 232, 0.96), rgba(255, 253, 248, 0.96));
        border: 1px solid rgba(15, 63, 63, 0.1);
        box-shadow: 0 14px 34px rgba(15, 63, 63, 0.08);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .aw-voices-visual img {
        width: 100%;
        max-height: 380px;
        object-fit: contain;
        display: block;
        border-radius: 20px;
    }

    .aw-voices-visual figcaption {
        margin-top: 12px;
        text-align: center;
        color: var(--aw-teal);
        font-size: 14px;
        line-height: 1.45;
        font-weight: 800;
    }

    @media (max-width: 980px) {
        .aw-voices-layout {
            grid-template-columns: 1fr;
        }

        .aw-voices-visual {
            max-width: 420px;
            margin: 0 auto;
        }
    }

    @media (max-width: 560px) {
        .aw-voices-visual {
            padding: 14px;
            border-radius: 22px;
        }

        .aw-voices-visual img {
            max-height: 260px;
        }
    }

    .aw-fun-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 28px;
        align-items: start;
        margin-top: 18px;
    }

    .aw-fun-card .aw-fun-grid-custom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .aw-fun-card .aw-fun-grid-custom>div:last-child {
        grid-column: 1 / -1;
    }

    .aw-fun-visual {
        margin: 0;
        padding: 18px;
        border-radius: 28px;
        background:
            radial-gradient(circle at 85% 12%, rgba(216, 181, 109, 0.18), transparent 34%),
            linear-gradient(180deg, rgba(248, 241, 232, 0.96), rgba(255, 253, 248, 0.96));
        border: 1px solid rgba(15, 63, 63, 0.1);
        box-shadow: 0 14px 34px rgba(15, 63, 63, 0.08);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .aw-fun-visual img {
        width: 100%;
        max-height: 360px;
        object-fit: contain;
        display: block;
        border-radius: 20px;
    }

    .aw-fun-visual figcaption {
        margin-top: 12px;
        text-align: center;
        color: var(--aw-teal);
        font-size: 14px;
        line-height: 1.45;
        font-weight: 800;
    }

    @media (max-width: 1100px) {
        .aw-fun-layout {
            grid-template-columns: 1fr;
        }

        .aw-fun-visual {
            max-width: 420px;
            margin: 0 auto;
        }
    }

    @media (max-width: 700px) {
        .aw-fun-card .aw-fun-grid-custom {
            grid-template-columns: 1fr;
        }

        .aw-fun-card .aw-fun-grid-custom>div:last-child {
            grid-column: auto;
        }
    }

    @media (max-width: 560px) {
        .aw-fun-visual {
            padding: 14px;
            border-radius: 22px;
        }

        .aw-fun-visual img {
            max-height: 250px;
        }
    }

    .aw-shell {
        display: grid;
        grid-template-columns: 300px minmax(0, 1fr);
        gap: clamp(20px, 3vw, 40px);
        max-width: 1720px;
        margin: 0 auto;
    }

    .aw-sidebar {
        position: sticky;
        top: 24px;
        align-self: start;
        min-height: calc(100vh - 48px);
        background: linear-gradient(145deg, var(--aw-teal), var(--aw-teal-soft));
        color: var(--aw-cream);
        border-radius: 32px;
        padding: 24px;
        box-shadow: 0 24px 70px rgba(15, 63, 63, 0.18);
    }

    .aw-brand {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-bottom: 28px;
    }

    .aw-logo-mark {
        width: 46px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(248, 241, 232, 0.36);
        border-radius: 16px;
        color: var(--aw-cream);
        font-size: 28px;
        font-weight: 800;
        overflow: hidden;
    }

    .aw-logo-image {
        padding: 6px;
    }

    .aw-logo-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .aw-brand p,
    .aw-brand strong {
        display: block;
        margin: 0;
        line-height: 1.2;
    }

    .aw-brand p {
        color: rgba(248, 241, 232, 0.72);
        font-size: 13px;
    }

    .aw-progress-wrap {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 20px;
        padding: 16px;
        margin-bottom: 24px;
    }

    .aw-progress-label {
        display: flex;
        justify-content: space-between;
        gap: 14px;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .aw-progress-track {
        height: 9px;
        background: rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        overflow: hidden;
    }

    .aw-progress-bar {
        width: 0%;
        height: 100%;
        background: var(--aw-gold);
        border-radius: 999px;
        transition: width 0.25s ease;
    }

    .aw-step-nav {
        display: grid;
        gap: 8px;
    }

    .aw-step-nav button {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
        border: 0;
        border-radius: 16px;
        background: transparent;
        color: rgba(248, 241, 232, 0.78);
        padding: 11px 12px;
        text-align: left;
        font: inherit;
        font-weight: 700;
        cursor: pointer;
    }

    .aw-step-nav button span {
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: rgba(248, 241, 232, 0.76);
        font-size: 12px;
    }

    .aw-step-nav button.is-active,
    .aw-step-nav button:hover {
        background: rgba(255, 255, 255, 0.13);
        color: var(--aw-cream);
    }

    .aw-step-nav button.is-active span {
        background: var(--aw-gold);
        color: var(--aw-teal);
    }

    .aw-sidebar-actions {
        display: grid;
        gap: 10px;
        margin-top: 24px;
    }

    .aw-main {
        min-width: 0;
    }

    .aw-topbar {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 24px;
        margin-bottom: 22px;
    }

    .aw-topbar h1 {
        margin: 0;
        font-size: clamp(36px, 5vw, 76px);
        letter-spacing: -0.055em;
        line-height: 0.95;
        color: var(--aw-teal);
    }

    .aw-topbar-actions,
    .aw-hero-buttons,
    .aw-summary-actions,
    .aw-highlight-toolbar>div:last-child {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .aw-card {
        background: var(--aw-white);
        border: 1px solid rgba(15, 63, 63, 0.1);
        border-radius: 32px;
        box-shadow: 0 18px 55px rgba(15, 63, 63, 0.08);
        margin: 0 0 24px;
        padding: clamp(24px, 4vw, 54px);
        overflow: hidden;
    }

    .aw-highlight-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
        padding-top: 22px;
        padding-bottom: 22px;
        background: rgba(255, 253, 248, 0.74);
        backdrop-filter: blur(10px);
    }

    .aw-highlight-toolbar p {
        margin: 4px 0 0;
        color: var(--aw-muted);
    }

    .aw-step {
        display: none;
    }

    .aw-step.is-active {
        display: block;
        animation: awFadeUp 0.24s ease both;
    }

    @keyframes awFadeUp {
        from {
            opacity: 0;
            transform: translateY(8px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .aw-hero-card {
        min-height: 500px;
        display: flex;
        background: radial-gradient(circle at 84% 18%, rgba(216, 181, 109, 0.24), transparent 24%), radial-gradient(circle at 8% 8%, rgba(239, 200, 191, 0.44), transparent 26%), linear-gradient(135deg, var(--aw-teal), var(--aw-teal-soft));
        color: var(--aw-cream);
    }

    .aw-hero-inner {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
        gap: 34px;
        align-items: end;
    }

    .aw-hero-card h2 {
        color: var(--aw-cream);
        font-size: clamp(44px, 8vw, 96px);
        line-height: 0.9;
        letter-spacing: -0.06em;
        margin: 0 0 20px;
    }

    .aw-hero-card blockquote {
        max-width: 680px;
        margin: 22px 0;
        padding-left: 18px;
        border-left: 4px solid var(--aw-gold);
        color: rgba(248, 241, 232, 0.92);
        font-size: clamp(20px, 2vw, 30px);
        line-height: 1.3;
    }

    .aw-lead {
        max-width: 760px;
        color: rgba(248, 241, 232, 0.9);
        font-size: clamp(17px, 1.4vw, 21px);
        line-height: 1.65;
        margin: 0 0 20px;
    }

    .aw-kicker {
        margin: 0 0 10px;
        color: var(--aw-gold);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .aw-card h2 {
        margin: 0 0 18px;
        color: var(--aw-blue);
        font-size: clamp(32px, 4vw, 56px);
        line-height: 1.02;
        letter-spacing: -0.035em;
    }

    .aw-card h3 {
        margin: 0 0 12px;
        color: var(--aw-teal);
        font-size: 22px;
        letter-spacing: -0.015em;
    }

    .aw-card p,
    .aw-card li {
        font-size: 16px;
        line-height: 1.68;
    }

    .aw-goal {
        background: rgba(239, 200, 191, 0.28);
        border-left: 5px solid var(--aw-blush);
        border-radius: 18px;
        padding: 16px 18px;
        margin: 0 0 28px;
    }

    .aw-intro-grid,
    .aw-two-col,
    .aw-three-col {
        display: grid;
        gap: 20px;
    }

    .aw-intro-grid,
    .aw-two-col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aw-three-col {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 24px;
    }

    .aw-span-2 {
        grid-column: span 2;
    }

    .aw-block {
        border-top: 1px solid rgba(15, 63, 63, 0.12);
        padding-top: 26px;
        margin-top: 26px;
    }

    .aw-clean-list {
        margin: 0;
        padding-left: 20px;
    }

    .aw-callout,
    .aw-mini-card,
    .aw-tip-grid div,
    .aw-platform-grid div,
    .aw-four-steps div,
    .aw-fun-grid div {
        background: var(--aw-cream);
        border: 1px solid rgba(15, 63, 63, 0.08);
        border-radius: 24px;
        padding: 22px;
    }

    .aw-callout a {
        color: var(--aw-blue);
        font-weight: 800;
    }

    .aw-wide-card {
        margin-bottom: 24px;
    }

    .aw-btn {
        border: 0;
        border-radius: 999px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 13px 22px;
        font: inherit;
        font-weight: 800;
        line-height: 1;
        text-decoration: none !important;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .aw-btn:hover {
        transform: translateY(-2px);
        opacity: 0.93;
    }

    .aw-btn-primary {
        background: var(--aw-gold);
        color: var(--aw-teal) !important;
    }

    .aw-btn-soft {
        background: var(--aw-cream);
        color: var(--aw-teal) !important;
    }

    .aw-btn-outline {
        background: transparent;
        border: 1px solid rgba(15, 63, 63, 0.22);
        color: var(--aw-teal) !important;
    }

    .aw-btn-outline.aw-light,
    .aw-sidebar .aw-btn-outline {
        border-color: rgba(248, 241, 232, 0.48);
        color: var(--aw-cream) !important;
    }

    .aw-btn-danger {
        background: rgba(239, 200, 191, 0.45);
        color: #74362d !important;
    }

    .aw-chip-grid,
    .aw-tip-grid,
    .aw-platform-grid,
    .aw-four-steps,
    .aw-fun-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .aw-platform-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .aw-fun-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .aw-chip {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 54px;
        padding: 12px 14px;
        background: #fff;
        border: 1px solid rgba(15, 63, 63, 0.16);
        border-radius: 999px;
        font-weight: 800;
        cursor: pointer;
    }

    .aw-check-list {
        display: grid;
        gap: 12px;
    }

    .aw-check-list label,
    .aw-mini-card label {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 9px 0;
        line-height: 1.45;
        cursor: pointer;
    }

    .aw-check-list-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 24px;
    }

    .aw-root input[type="checkbox"] {
        width: 20px;
        height: 20px;
        margin-top: 1px;
        accent-color: var(--aw-blue);
        flex: 0 0 auto;
    }

    .aw-field {
        display: grid;
        gap: 9px;
        font-weight: 800;
        color: var(--aw-teal);
        margin: 0 0 18px;
    }

    .aw-field-spaced {
        margin-top: 28px;
    }

    .aw-field textarea {
        width: 100%;
        min-height: 124px;
        resize: vertical;
        border: 1px solid rgba(15, 63, 63, 0.22);
        border-radius: 20px;
        background: #fff;
        color: var(--aw-ink);
        padding: 16px 17px;
        font: inherit;
        font-weight: 400;
        line-height: 1.5;
        outline: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .aw-field textarea:focus {
        border-color: var(--aw-blue);
        box-shadow: 0 0 0 4px rgba(11, 87, 184, 0.12);
    }

    .aw-field-large textarea {
        min-height: 420px;
        background-image: linear-gradient(to bottom, transparent 29px, rgba(15, 63, 63, 0.14) 30px);
        background-size: 100% 30px;
        line-height: 30px;
    }

    .aw-visual {
        min-height: 280px;
        border-radius: 28px;
        border: 1px dashed rgba(248, 241, 232, 0.45);
        background: rgba(255, 255, 255, 0.12);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 28px;
        color: rgba(248, 241, 232, 0.85);
    }

    .aw-author-visual {
        background: var(--aw-cream);
        border-color: rgba(15, 63, 63, 0.16);
        color: var(--aw-teal);
    }

    .aw-author-image {
        margin: 0;
        width: 100%;
        max-width: 320px;
        justify-self: center;
        align-self: start;
        transform: translateY(-75px);
        border-radius: 28px;
        overflow: hidden;
        background: var(--aw-cream);
        box-shadow: 0 18px 45px rgba(15, 63, 63, 0.12);
    }

    .aw-author-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        object-position: center top;
    }

    /* Tablet / Mobile */
    @media (max-width: 900px) {
        .aw-author-image {
            transform: none;
            margin-top: 20px;
            max-width: 280px;
            justify-self: center;
        }
    }

    /* Small mobile */
    @media (max-width: 560px) {
        .aw-author-image {
            transform: none;
            margin-top: 16px;
            max-width: 240px;
        }
    }

    .aw-visual span {
        display: block;
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 8px;
    }

    .aw-visual small {
        max-width: 280px;
        line-height: 1.5;
    }

    .aw-remember-card {
        background: var(--aw-teal) !important;
        color: var(--aw-cream);
    }

    .aw-remember-card h3,
    .aw-remember-card p {
        color: var(--aw-cream);
    }

    .aw-quote-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .aw-quote-grid blockquote {
        margin: 0;
        background: var(--aw-cream);
        border-radius: 24px;
        padding: 26px;
        color: var(--aw-blue);
        font-size: 20px;
        line-height: 1.5;
        font-style: italic;
    }

    .aw-platform-grid span {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: var(--aw-blue);
        color: #fff;
        font-weight: 800;
        margin-bottom: 14px;
    }

    .aw-platform-grid strong {
        display: block;
        color: var(--aw-teal);
        font-size: 18px;
        margin-bottom: 8px;
    }

    .aw-disclaimer {
        font-size: 13px !important;
        color: var(--aw-muted);
        margin-top: 16px;
    }

    .aw-icon-list {
        columns: 2;
        column-gap: 28px;
    }

    .aw-icon-list p {
        break-inside: avoid;
        margin-top: 0;
    }

    .aw-transformation-flow {
        display: grid;
        justify-content: center;
        gap: 0;
        margin: 28px auto;
        max-width: 360px;
    }

    .aw-transformation-flow span {
        width: 220px;
        height: 120px;
        border: 4px solid #244d68;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 20px;
        color: var(--aw-blue);
        font-weight: 800;
        margin-top: -18px;
        background: rgba(255, 255, 255, 0.45);
    }

    .aw-summary-box {
        display: grid;
        gap: 16px;
        background: var(--aw-cream);
        border-radius: 24px;
        padding: 24px;
        margin-bottom: 22px;
        white-space: pre-wrap;
        line-height: 1.6;
    }

    .aw-support-card {
        background: linear-gradient(135deg, var(--aw-teal), var(--aw-teal-soft));
        color: var(--aw-cream);
    }

    .aw-support-card h2,
    .aw-support-card p {
        color: var(--aw-cream);
    }

    .aw-bottom-nav {
        display: flex;
        justify-content: space-between;
        gap: 14px;
        position: sticky;
        bottom: 18px;
        z-index: 3;
        background: rgba(255, 253, 248, 0.82);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(15, 63, 63, 0.1);
        border-radius: 999px;
        padding: 10px;
        box-shadow: 0 18px 48px rgba(15, 63, 63, 0.1);
    }

    .aw-highlighted {
        background: rgba(216, 181, 109, 0.48);
        border-radius: 4px;
        padding: 0 2px;
    }

    @media (max-width: 1280px) {

        .aw-platform-grid,
        .aw-fun-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 1180px) {
        .aw-shell {
            grid-template-columns: 1fr;
        }

        .aw-sidebar {
            position: relative;
            top: auto;
            min-height: auto;
        }

        .aw-step-nav {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .aw-step-nav button {
            justify-content: center;
            text-align: center;
        }
    }

    @media (max-width: 900px) {

        .aw-topbar,
        .aw-highlight-toolbar,
        .aw-hero-inner {
            display: grid;
            grid-template-columns: 1fr;
        }

        .aw-intro-grid,
        .aw-two-col,
        .aw-three-col,
        .aw-check-list-compact,
        .aw-quote-grid {
            grid-template-columns: 1fr;
        }

        .aw-chip-grid,
        .aw-tip-grid,
        .aw-four-steps,
        .aw-platform-grid,
        .aw-fun-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .aw-step-nav {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .aw-span-2 {
            grid-column: span 1;
        }

        .aw-icon-list {
            columns: 1;
        }
    }

    /* Ranked Top 3 values */
#autark-workbook .aw-ranked-values {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 760px;
  margin-top: 10px;
}

#autark-workbook .aw-ranked-values label {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
}

#autark-workbook .aw-ranked-values label > span {
  display: block;
  color: var(--aw-teal);
  font-weight: 800;
  font-size: 22px;
  line-height: 1;
  text-align: left;
}

#autark-workbook .aw-ranked-values input[type="text"] {
  width: 100%;
  min-width: 0;
  height: 58px;
  border: 1px solid rgba(15,63,63,0.22);
  border-radius: 12px;
  background: #fff;
  color: var(--aw-ink);
  padding: 12px 16px;
  font: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: none;
  outline: none;
}

#autark-workbook .aw-ranked-values input[type="text"]:focus {
  border-color: var(--aw-blue);
  box-shadow: 0 0 0 4px rgba(11,87,184,0.12);
}

    @media (max-width: 560px) {
  #autark-workbook .aw-ranked-values {
    gap: 10px;
  }

  #autark-workbook .aw-ranked-values label {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
  }

  #autark-workbook .aw-ranked-values label > span {
    font-size: 20px;
  }

  #autark-workbook .aw-ranked-values input[type="text"] {
    height: 56px;
    font-size: 16px;
    padding: 12px 14px;
  }
}

    @media (max-width: 560px) {
        .aw-root {
            padding-left: 10px;
            padding-right: 10px;
        }

        .aw-card,
        .aw-sidebar {
            border-radius: 22px;
            padding: 22px;
        }

        .aw-chip-grid,
        .aw-tip-grid,
        .aw-step-nav,
        .aw-four-steps,
        .aw-platform-grid,
        .aw-fun-grid {
            grid-template-columns: 1fr;
        }

        .aw-topbar-actions,
        .aw-hero-buttons,
        .aw-highlight-toolbar>div:last-child,
        .aw-summary-actions,
        .aw-btn {
            width: 100%;
        }

        .aw-bottom-nav {
            border-radius: 24px;
        }
    }

    @media print {
        @page {
            size: A4;
            margin: 12mm;
        }

        html,
        body {
            background: #ffffff !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #1f2927 !important;
        }

        header,
        footer,
        nav,
        .site-header,
        .site-footer,
        .elementor-location-header,
        .elementor-location-footer,
        .elementor-nav-menu,
        .elementor-menu-toggle,
        .elementor-sticky,
        .dialog-widget,
        .dialog-lightbox-widget,
        .cky-consent-container,
        .cky-modal,
        .cookie-notice-container {
            display: none !important;
        }

        #autark-workbook .aw-section-image {
            max-width: 260px !important;
            margin: 10px auto !important;
            box-shadow: none !important;
            border-radius: 8px !important;
            background: transparent !important;
            break-inside: avoid !important;
            page-break-inside: avoid !important;
        }

        #autark-workbook .aw-section-image img {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            object-fit: contain !important;
        }

        #autark-workbook .aw-tips-layout {
            display: block !important;
        }

        #autark-workbook .aw-voices-layout {
            display: block !important;
        }

        #autark-workbook .aw-voices-visual {
            max-width: 240px !important;
            margin: 10px auto 14px !important;
            padding: 8px !important;
            background: #f8f1e8 !important;
            border: 1px solid #ded8cf !important;
            box-shadow: none !important;
            break-inside: avoid !important;
            page-break-inside: avoid !important;
        }

        #autark-workbook .aw-voices-visual img {
            max-height: 170px !important;
            width: 100% !important;
            object-fit: contain !important;
        }

        #autark-workbook .aw-voices-visual figcaption {
            font-size: 10.5px !important;
            line-height: 1.3 !important;
            margin-top: 6px !important;
            color: #0f3f3f !important;
        }

        #autark-workbook .aw-tips-visual {
            max-width: 260px !important;
            margin: 10px auto 14px !important;
            padding: 8px !important;
            box-shadow: none !important;
            background: #f8f1e8 !important;
            border: 1px solid #ded8cf !important;
            break-inside: avoid !important;
            page-break-inside: avoid !important;
        }

        #autark-workbook .aw-tips-visual img {
            max-height: 180px !important;
            width: 100% !important;
            object-fit: contain !important;
        }

        #autark-workbook .aw-tips-visual figcaption {
            font-size: 10.5px !important;
            line-height: 1.3 !important;
            margin-top: 6px !important;
            color: #0f3f3f !important;
        }

        #autark-workbook .aw-fun-layout {
            display: block !important;
        }

        #autark-workbook .aw-fun-visual {
            max-width: 240px !important;
            margin: 10px auto 14px !important;
            padding: 8px !important;
            background: #f8f1e8 !important;
            border: 1px solid #ded8cf !important;
            box-shadow: none !important;
            break-inside: avoid !important;
            page-break-inside: avoid !important;
        }

        #autark-workbook .aw-fun-visual img {
            max-height: 170px !important;
            width: 100% !important;
            object-fit: contain !important;
        }

        #autark-workbook .aw-fun-visual figcaption {
            font-size: 10.5px !important;
            line-height: 1.3 !important;
            margin-top: 6px !important;
            color: #0f3f3f !important;
        }

        #autark-workbook .aw-fun-card .aw-fun-grid-custom {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 10px !important;
        }

        #autark-workbook .aw-fun-card .aw-fun-grid-custom>div:last-child {
            grid-column: 1 / -1 !important;
        }

        #autark-workbook {
            display: block !important;
            visibility: visible !important;
            position: static !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #ffffff !important;
            color: #1f2927 !important;
            overflow: visible !important;
        }

        #autark-workbook * {
            visibility: visible !important;
        }

        #autark-workbook .aw-shell {
            display: block !important;
            max-width: none !important;
            margin: 0 !important;
        }

        #autark-workbook .aw-main {
            display: block !important;
            width: 100% !important;
            min-width: 0 !important;
        }

        #autark-workbook .aw-sidebar,
        #autark-workbook .aw-topbar-actions,
        #autark-workbook .aw-highlight-toolbar,
        #autark-workbook .aw-bottom-nav,
        #autark-workbook .aw-hero-buttons,
        #autark-workbook .aw-summary-actions,
        #autark-workbook .aw-btn,
        #autark-workbook button {
            display: none !important;
        }

        #autark-workbook .aw-topbar {
            display: block !important;
            margin: 0 0 18px !important;
            padding: 0 0 14px !important;
            border-bottom: 2px solid #0f3f3f !important;
        }

        #autark-workbook .aw-topbar h1 {
            font-size: 32px !important;
            line-height: 1 !important;
            letter-spacing: -0.03em !important;
            color: #0f3f3f !important;
            margin: 0 !important;
        }

        #autark-workbook .aw-step {
            display: block !important;
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
            page-break-after: always !important;
            break-after: page !important;
        }

        #autark-workbook .aw-step:last-of-type {
            page-break-after: auto !important;
            break-after: auto !important;
        }

        #autark-workbook .aw-card {
            background: #ffffff !important;
            color: #1f2927 !important;
            border: 1px solid #ded8cf !important;
            border-radius: 12px !important;
            box-shadow: none !important;
            padding: 18px !important;
            margin: 0 0 16px !important;
            overflow: visible !important;
            break-inside: avoid !important;
            page-break-inside: avoid !important;
        }

        #autark-workbook .aw-hero-card {
            min-height: auto !important;
            background: #f8f1e8 !important;
            color: #1f2927 !important;
        }

        #autark-workbook .aw-hero-inner,
        #autark-workbook .aw-two-col,
        #autark-workbook .aw-intro-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 14px !important;
            align-items: start !important;
        }

        #autark-workbook .aw-three-col {
            display: grid !important;
            grid-template-columns: 1fr 1fr 1fr !important;
            gap: 12px !important;
        }

        #autark-workbook .aw-chip-grid,
        #autark-workbook .aw-tip-grid,
        #autark-workbook .aw-platform-grid,
        #autark-workbook .aw-four-steps,
        #autark-workbook .aw-fun-grid,
        #autark-workbook .aw-quote-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 10px !important;
        }

        #autark-workbook .aw-kicker {
            color: #004aad !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            letter-spacing: 0.1em !important;
            text-transform: uppercase !important;
            margin: 0 0 8px !important;
        }

        #autark-workbook h2,
        #autark-workbook .aw-card h2,
        #autark-workbook .aw-hero-card h2 {
            color: #004aad !important;
            font-size: 26px !important;
            line-height: 1.05 !important;
            letter-spacing: -0.02em !important;
            margin: 0 0 12px !important;
        }

        #autark-workbook h3,
        #autark-workbook .aw-card h3 {
            color: #0f3f3f !important;
            font-size: 17px !important;
            line-height: 1.2 !important;
            margin: 0 0 8px !important;
        }

        #autark-workbook p,
        #autark-workbook li,
        #autark-workbook label,
        #autark-workbook blockquote {
            font-size: 12.5px !important;
            line-height: 1.45 !important;
            color: #1f2927 !important;
        }

        #autark-workbook .aw-lead {
            color: #1f2927 !important;
            font-size: 13px !important;
            line-height: 1.5 !important;
        }

        #autark-workbook .aw-goal,
        #autark-workbook .aw-callout,
        #autark-workbook .aw-mini-card,
        #autark-workbook .aw-tip-grid div,
        #autark-workbook .aw-platform-grid div,
        #autark-workbook .aw-four-steps div,
        #autark-workbook .aw-fun-grid div,
        #autark-workbook .aw-summary-box,
        #autark-workbook .aw-remember-card,
        #autark-workbook .aw-support-card {
            background: #f8f1e8 !important;
            color: #1f2927 !important;
            border: 1px solid #ded8cf !important;
            border-radius: 10px !important;
            padding: 12px !important;
        }

        #autark-workbook .aw-remember-card h3,
        #autark-workbook .aw-remember-card p,
        #autark-workbook .aw-support-card h2,
        #autark-workbook .aw-support-card p {
            color: #1f2927 !important;
        }

        #autark-workbook .aw-chip,
        #autark-workbook .aw-check-list label,
        #autark-workbook .aw-mini-card label {
            display: flex !important;
            align-items: flex-start !important;
            gap: 8px !important;
            border: 1px solid #ded8cf !important;
            border-radius: 8px !important;
            padding: 8px !important;
            background: #ffffff !important;
            color: #1f2927 !important;
        }

        #autark-workbook textarea,
        #autark-workbook input[type="text"] {
            display: block !important;
            width: 100% !important;
            min-height: 58px !important;
            border: 1px solid #cfc8bd !important;
            border-radius: 8px !important;
            background: #ffffff !important;
            color: #1f2927 !important;
            padding: 9px !important;
            font-size: 12.5px !important;
            line-height: 1.4 !important;
            box-shadow: none !important;
        }

        #autark-workbook .aw-field-large textarea {
            min-height: 180px !important;
            background-image: none !important;
            line-height: 1.4 !important;
        }

        #autark-workbook input[type="checkbox"] {
            width: 14px !important;
            height: 14px !important;
            min-width: 14px !important;
            margin-top: 2px !important;
            accent-color: #004aad !important;
        }

        #autark-workbook .aw-visual,
        #autark-workbook .aw-author-image,
        #autark-workbook .aw-visual-cover {
            border: none !important;
            background: transparent !important;
            box-shadow: none !important;
            margin: 0 !important;
            padding: 0 !important;
            transform: none !important;
            min-height: auto !important;
            overflow: visible !important;
        }

        #autark-workbook img {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            border-radius: 10px !important;
        }

        #autark-workbook .aw-visual-cover img {
            min-height: 0 !important;
            height: auto !important;
            object-fit: contain !important;
        }

        #autark-workbook .aw-author-image {
            max-width: 260px !important;
            margin: 0 auto !important;
        }

        #autark-workbook .aw-icon-list {
            columns: 1 !important;
        }

        #autark-workbook .aw-transformation-flow {
            display: grid !important;
            gap: 8px !important;
            margin: 18px 0 !important;
            max-width: none !important;
        }

        #autark-workbook .aw-transformation-flow span {
            width: auto !important;
            height: auto !important;
            min-height: 0 !important;
            margin: 0 !important;
            border: 1px solid #244d68 !important;
            border-radius: 999px !important;
            padding: 10px 14px !important;
            background: #ffffff !important;
            color: #004aad !important;
            font-size: 12.5px !important;
        }
    }
</style>

<script>
    (function () {
        const root = document.getElementById('autark-workbook');
        if (!root) return;

        const storagePrefix = 'autarkThriftWorkbookFull:';
        const nl = String.fromCharCode(10);
        let currentStep = Number(localStorage.getItem(storagePrefix + 'currentStep') || 0);

        const answerLabels = {
            impact_reflection: 'Fast fashion reflection',
            top_3_values: 'Top 3 values',
            why_values_important: 'Why these values are important',
            shopping_behavior_reflection: 'Current shopping behavior reflection',
            one_small_action: 'One small action',
            values_sentence: 'My second-hand sentence',
            secondhand_reflection: 'Current second-hand habits',
            barrier_challenge: 'Barrier challenge',
            most_useful_tip: 'Most useful reuse tip',
            community_voice_own_quote: 'My second-hand quote',
            online_item_search: 'Intentional online search item',
            style_icons_missing: 'Style icons we miss',
            fun_idea_try: 'Fun idea I would try',
            blueprint_finding: 'Finding it',
            blueprint_trusting: 'Trusting it',
            blueprint_buying: 'Buying it',
            blueprint_receiving: 'Receiving it',
            perfect_purchase: 'Perfect second-hand purchase',
            transformation_stage: 'My transformation stage',
            challenge_feel: 'How I feel',
            challenge_surprises: 'What surprises me',
            challenge_better: 'Better than expected',
            challenge_frustrating: 'What is frustrating',
            challenge_again: 'Would I do it again?',
            challenge_short_notes: 'Short challenge notes',
            final_reflection: 'Final reflection',
            notes: 'Notes'
        };

        function key(name) { return storagePrefix + name; }
        function allInputs() { return Array.from(root.querySelectorAll('[data-aw-save]')); }

        function saveInput(el) {
            const name = el.getAttribute('data-aw-save');
            if (!name) return;
            localStorage.setItem(key(name), el.type === 'checkbox' ? (el.checked ? '1' : '0') : (el.value || ''));
            updateProgress();
            updateSummary();
        }

        function loadInput(el) {
            const name = el.getAttribute('data-aw-save');
            if (!name) return;
            const saved = localStorage.getItem(key(name));
            if (saved === null) return;
            if (el.type === 'checkbox') el.checked = saved === '1';
            else el.value = saved;
        }

        function bindInputs() {
            allInputs().forEach(function (el) {
                loadInput(el);
                el.addEventListener('input', function () { saveInput(el); });
                el.addEventListener('change', function () { saveInput(el); });
            });
        }

        function setStep(index) {
            const steps = Array.from(root.querySelectorAll('[data-aw-step]'));
            const navItems = Array.from(root.querySelectorAll('[data-aw-go]'));
            currentStep = Math.max(0, Math.min(index, steps.length - 1));
            localStorage.setItem(storagePrefix + 'currentStep', String(currentStep));
            steps.forEach(function (step) {
                step.classList.toggle('is-active', Number(step.getAttribute('data-aw-step')) === currentStep);
            });
            navItems.forEach(function (btn) {
                btn.classList.toggle('is-active', Number(btn.getAttribute('data-aw-go')) === currentStep);
            });
            updateSummary();
            const main = root.querySelector('.aw-main');
            if (main) main.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }

        function updateProgress() {
            const inputs = allInputs();
            const total = inputs.length || 1;
            const filled = inputs.filter(function (el) {
                if (el.type === 'checkbox') return el.checked;
                return Boolean((el.value || '').trim());
            }).length;
            const percent = Math.round((filled / total) * 100);
            const bar = root.querySelector('[data-aw-progress-bar]');
            const text = root.querySelector('[data-aw-progress-text]');
            if (bar) bar.style.width = percent + '%';
            if (text) text.textContent = percent + '%';
        }

        function cleanText(text) { return String(text || '').split(nl).join(' ').trim(); }

        function getCheckedLabels() {
            return allInputs().filter(function (el) { return el.type === 'checkbox' && el.checked; }).map(function (el) {
                return el.closest('label') ? cleanText(el.closest('label').innerText) : el.getAttribute('data-aw-save');
            });
        }

        function buildSummaryText() {
            const parts = ['THE THRIFT GLOW-UP — MY WORKBOOK SUMMARY', ''];
            const checked = getCheckedLabels();
            if (checked.length) {
                parts.push('Checked items:');
                checked.forEach(function (item) { parts.push('- ' + item); });
                parts.push('');
            }
            Object.keys(answerLabels).forEach(function (name) {
                const value = localStorage.getItem(key(name));
                if (value && value.trim()) {
                    parts.push(answerLabels[name] + ':');
                    parts.push(value.trim());
                    parts.push('');
                }
            });
            if (parts.length <= 2) parts.push('No answers yet. Start filling out the workbook and your summary will appear here.');
            return parts.join(nl);
        }

        function updateSummary() {
            const box = root.querySelector('[data-aw-summary]');
            if (box) box.textContent = buildSummaryText();
        }

        function downloadTextFile() {
            const blob = new Blob([buildSummaryText()], { type: 'text/plain;charset=utf-8' });
            const url = URL.createObjectURL(blob);
            const link = document.createElement('a');
            link.href = url;
            link.download = 'thrift-glow-up-workbook-answers.txt';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
            URL.revokeObjectURL(url);
        }

        const highlightKey = key('highlightData');

        function persistHighlights() {
            const data = [];
            root.querySelectorAll('[data-aw-page]').forEach(function (section) {
                data.push({ page: section.getAttribute('data-aw-page'), html: section.innerHTML });
            });
            localStorage.setItem(highlightKey, JSON.stringify(data));
        }

        function restoreHighlights() {
            const raw = localStorage.getItem(highlightKey);
            if (!raw) return;
            try {
                const data = JSON.parse(raw);
                data.forEach(function (item) {
                    const section = root.querySelector('[data-aw-page="' + item.page + '"]');
                    if (section && item.html) section.innerHTML = item.html;
                });
            } catch (e) { localStorage.removeItem(highlightKey); }
        }

        function removeHighlights() {
            root.querySelectorAll('mark.aw-highlighted').forEach(function (mark) {
                const parent = mark.parentNode;
                while (mark.firstChild) parent.insertBefore(mark.firstChild, mark);
                parent.removeChild(mark);
                parent.normalize();
            });
            localStorage.removeItem(highlightKey);
        }

        restoreHighlights();
        bindInputs();
        setStep(currentStep);
        updateProgress();
        updateSummary();

        root.addEventListener('click', function (event) {
            const goBtn = event.target.closest('[data-aw-go]');
            if (goBtn) setStep(Number(goBtn.getAttribute('data-aw-go')));
            if (event.target.closest('[data-aw-next]')) setStep(currentStep + 1);
            if (event.target.closest('[data-aw-prev]')) setStep(currentStep - 1);
            if (event.target.closest('[data-aw-print]')) window.print();
            if (event.target.closest('[data-aw-export]')) downloadTextFile();

            if (event.target.closest('[data-aw-copy]')) {
                navigator.clipboard.writeText(buildSummaryText()).then(function () {
                    alert('Summary copied.');
                }).catch(function () {
                    alert('Copy did not work in this browser. You can select the summary text manually.');
                });
            }

            if (event.target.closest('[data-aw-highlight]')) {
                const selection = window.getSelection();
                if (!selection || selection.rangeCount === 0 || !selection.toString().trim()) {
                    alert('Select text inside the workbook first, then click the highlight button.');
                    return;
                }
                const range = selection.getRangeAt(0);
                const container = range.commonAncestorContainer.nodeType === 1 ? range.commonAncestorContainer : range.commonAncestorContainer.parentElement;
                if (!root.contains(container)) {
                    alert('Please select text inside the workbook.');
                    return;
                }
                try {
                    const mark = document.createElement('mark');
                    mark.className = 'aw-highlighted';
                    range.surroundContents(mark);
                    selection.removeAllRanges();
                    persistHighlights();
                } catch (e) {
                    alert('This selection is too complex to highlight. Try selecting a shorter sentence or phrase.');
                }
            }

            if (event.target.closest('[data-aw-clear-highlights]')) removeHighlights();

            if (event.target.closest('[data-aw-reset]')) {
                const ok = confirm('Reset all saved answers and highlights on this device?');
                if (!ok) return;
                Object.keys(localStorage).forEach(function (itemKey) {
                    if (itemKey.indexOf(storagePrefix) === 0) localStorage.removeItem(itemKey);
                });
                allInputs().forEach(function (el) { if (el.type === 'checkbox') el.checked = false; else el.value = ''; });
                removeHighlights();
                currentStep = 0;
                setStep(0);
                updateProgress();
                updateSummary();
            }
        });
    })();
</script>				</div>
				</div>
				</div>
				</div>
		<p>Der Beitrag <a href="https://autark.berlin/workbook/workbook-the-thrift-glow/">Workbook: The Thrift Glow</a> erschien zuerst auf <a href="https://autark.berlin">autark.berlin</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
