.page-index{
            --deep: #063b43;
            --ocean: #0a5058;
            --ocean-light: #39787a;
            --kelp: #758647;
            --lime: #d8e98c;
            --foam: #f3f5e9;
            --paper: #fbfcf6;
            --ink: #12383b;
            --muted: #597174;
            --line: rgba(18, 56, 59, .18);
            --white-line: rgba(243, 245, 233, .24);
            --shadow: 0 20px 55px rgba(2, 38, 43, .16);
            --radius: 1.1rem;
            --mono: "DM Mono", "SFMono-Regular", monospace
        }.page-index *{
            box-sizing: border-box
        }html.page-index{
            scroll-behavior: smooth
        }body.page-index{
            margin: 0;
            color: var(--ink);
            background: var(--paper);
            font-family: "Zeist", "Helvetica Neue", Arial, sans-serif;
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.55;
            -webkit-font-smoothing: antialiased
        }.page-index a{
            color: inherit
        }.page-index img{
            max-width: 100%
        }.page-index .skip-link{
            position: absolute;
            left: 1rem;
            top: -5rem;
            z-index: 20;
            padding: .7rem 1rem;
            background: var(--foam);
            color: var(--deep);
            border-radius: .4rem
        }.page-index .skip-link:focus{
            top: 1rem
        }.page-index .shell{
            width: min(1160px, calc(100% - 2rem));
            margin-inline: auto
        }.page-index .site-header{
            position: sticky;
            top: 0;
            z-index: 50;
            color: var(--foam);
            background: var(--deep)
        }.page-index .nav{
            min-height: 5.4rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
            border-bottom: 1px solid var(--white-line)
        }.page-index .brand{
            display: flex;
            align-items: center;
            gap: 1rem;
            text-decoration: none
        }.page-index .brand img{
            width: 8.2rem;
            height: auto
        }.page-index .brand-divider{
            width: 1px;
            height: 1.5rem;
            background: var(--white-line)
        }.page-index .brand-name{
            font-size: .83rem;
            font-weight: 750;
            letter-spacing: .17em;
            text-transform: uppercase;
            font-family: var(--mono)
        }.page-index .nav-links{
            display: flex;
            align-items: center;
            gap: 1.7rem
        }.page-index .nav-links a{
            color: var(--foam);
            text-decoration: none;
            font-size: .78rem;
            font-weight: 750;
            letter-spacing: .11em;
            text-transform: uppercase
        }.page-index .nav-links a:hover, .page-index .nav-links a:focus-visible{
            color: var(--lime)
        }.page-index .progress-shell{
            border-top: 1px solid var(--white-line)
        }.page-index .progress{
            display: flex;
            gap: 1.6rem;
            overflow-x: auto;
            padding: .55rem 0;
            font-family: var(--mono);
            font-size: .7rem;
            letter-spacing: .08em;
            text-transform: uppercase;
            scrollbar-width: none
        }.page-index .progress::-webkit-scrollbar{
            display: none
        }.page-index .progress a{
            display: flex;
            align-items: center;
            gap: .4rem;
            flex: 0 0 auto;
            color: rgba(243, 245, 233, .55);
            text-decoration: none;
            white-space: nowrap;
            padding: .2rem 0;
            border-bottom: 2px solid transparent
        }.page-index .progress a b{
            font-weight: 700;
            color: rgba(243, 245, 233, .4)
        }.page-index .progress a:hover{
            color: var(--foam)
        }.page-index .progress a.current{
            color: var(--lime);
            border-bottom-color: var(--lime)
        }.page-index .progress a.current b{
            color: var(--lime)
        }.page-index #journey, .page-index #step-1, .page-index #step-2, .page-index #step-3, .page-index #step-4, .page-index #resources{
            scroll-margin-top: 8.5rem
        }.page-index .hero{
            position: relative;
            min-height: 620px;
            display: grid;
            align-items: end;
            overflow: hidden;
            color: var(--foam);
            background: radial-gradient(circle at 18% 18%, rgba(224, 235, 187, .28), transparent 31%), radial-gradient(circle at 68% 76%, rgba(65, 128, 124, .3), transparent 36%), linear-gradient(118deg, #466f68 0%, #0d5960 42%, #063640 100%)
        }.page-index .hero:before{
            content: "";
            position: absolute;
            inset: 0;
            opacity: .34;
            background-image: linear-gradient(110deg, transparent 0 12%, rgba(225, 235, 194, .09) 12.2% 12.5%, transparent 12.7% 100%);
            pointer-events: none
        }.page-index .hero:after{
            content: "";
            position: absolute;
            inset: auto -10% -38% 32%;
            height: 78%;
            border: 1px solid rgba(216, 233, 140, .18);
            border-radius: 50%;
            transform: rotate(-8deg);
            pointer-events: none
        }.page-index .hero-content{
            position: relative;
            z-index: 1;
            padding: 2rem 0 5rem;
            display: grid;
            grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
            align-items: end;
            gap: 4rem
        }.page-index h1, .page-index h2, .page-index h3, .page-index p{
            margin-top: 0
        }.page-index h1{
            max-width: 760px;
            margin-bottom: 1.2rem;
            font-size: clamp(3.25rem, 8vw, 6.8rem);
            font-weight: 500;
            line-height: 1.12;
            letter-spacing: -.03em
        }.page-index .hero-lead{
            max-width: 680px;
            margin-bottom: 0;
            color: rgba(243, 245, 233, .86);
            font-size: clamp(1.05rem, 2vw, 1.35rem);
            font-weight: 300;
            line-height: 1.5
        }.page-index main section{
            padding-block: clamp(4rem, 8vw, 7rem)
        }.page-index .overview{
            padding-block: clamp(2rem, 4vw, 3.5rem);
            color: var(--foam);
            background: #082f35
        }.page-index .overview p{
            max-width: 960px;
            margin: 0;
            font-size: clamp(1.2rem, 2.5vw, 1.75rem);
            font-weight: 300;
            line-height: 1.6;
            letter-spacing: 0
        }.page-index .section-kicker{
            margin-bottom: .85rem;
            color: var(--kelp);
            font-size: .76rem;
            font-weight: 800;
            letter-spacing: .15em;
            text-transform: uppercase;
            font-family: var(--mono)
        }.page-index h2{
            max-width: 850px;
            margin-bottom: 1.1rem;
            font-size: clamp(2.15rem, 5vw, 4.2rem);
            font-weight: 500;
            line-height: 1.15;
            letter-spacing: -.03em
        }.page-index .intention{
            background: var(--foam)
        }.page-index .intention-grid{
            display: grid;
            grid-template-columns: .78fr 1.22fr;
            gap: clamp(2rem, 7vw, 7rem);
            align-items: start
        }.page-index .intention-statement{
            padding-top: .35rem;
            font-size: clamp(1.45rem, 3vw, 2.15rem);
            line-height: 1.32;
            letter-spacing: -.025em
        }.page-index .outcomes{
            display: grid;
            border-top: 1px solid var(--line)
        }.page-index .outcome{
            display: grid;
            grid-template-columns: 5.5rem 1fr;
            gap: 1rem;
            padding: 1.35rem 0;
            border-bottom: 1px solid var(--line)
        }.page-index .outcome b{
            color: var(--kelp);
            font-size: .78rem;
            letter-spacing: .12em;
            text-transform: uppercase
        }.page-index .outcome p{
            margin: 0
        }.page-index .journey{
            color: var(--foam);
            background: var(--deep)
        }.page-index .journey .section-kicker{
            color: var(--lime)
        }.page-index .meta{
            display: flex;
            flex-wrap: wrap;
            gap: .55rem;
            margin-top: 2rem
        }.page-index .meta span{
            padding: .48rem .75rem;
            color: var(--foam);
            background: rgba(3, 46, 53, .62);
            border: 1px solid rgba(243, 245, 233, .16);
            border-radius: 999px;
            font-size: .78rem;
            font-weight: 700
        }.page-index .downloads{
            display: flex;
            flex-wrap: wrap;
            gap: .7rem;
            margin-top: 2rem
        }.page-index .downloads a{
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .75rem 1rem;
            color: var(--deep);
            background: var(--lime);
            border: 1px solid var(--lime);
            border-radius: 999px;
            text-decoration: none;
            font-weight: 800;
            transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease
        }.page-index .downloads a:hover{
            background: #deec9d;
            border-color: #deec9d;
            box-shadow: 0 4px 14px rgba(216, 233, 140, .35);
            transform: translateY(-1px)
        }.page-index .downloads a:active{
            background: #becd7b;
            border-color: #becd7b;
            box-shadow: none;
            transform: translateY(0) scale(.97)
        }.page-index .downloads a:focus-visible{
            outline: 2px solid var(--lime);
            outline-offset: 2px
        }.page-index .downloads .dl-icon{
            width: 14px;
            height: 14px;
            flex: 0 0 auto;
            transition: transform .18s ease
        }.page-index .downloads a:hover .dl-icon{
            transform: translateY(2px)
        }.page-index .downloads a+a{
            color: var(--deep);
            background: transparent;
            border-color: rgba(18, 56, 59, .3)
        }.page-index .downloads a+a:hover{
            background: rgba(216, 233, 140, .18);
            border-color: var(--lime);
            box-shadow: none
        }.page-index .downloads a+a:active{
            background: rgba(216, 233, 140, .32);
            border-color: var(--lime)
        }.page-index .accordions{
            margin-top: 2.5rem;
            display: grid;
            gap: .8rem
        }.page-index .accordions details{
            overflow: hidden;
            border: 1px solid var(--white-line);
            border-radius: .75rem;
            background: rgba(1, 26, 30, .32)
        }.page-index .accordions summary{
            min-height: 4.7rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem 1.2rem;
            cursor: pointer;
            list-style: none
        }.page-index .accordions summary::-webkit-details-marker{
            display: none
        }.page-index .accordions summary span{
            flex: 1 1 auto;
            min-width: 0;
            font-size: 1.05rem;
            font-weight: 600
        }.page-index .accordions summary b{
            color: var(--foam)
        }.page-index .accordions summary em{
            flex: 0 0 auto;
            padding: .32rem .58rem;
            color: var(--deep);
            background: var(--lime);
            border-radius: 999px;
            font-size: .7rem;
            font-style: normal;
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase
        }.page-index .accordions summary:after{
            content: "+";
            color: var(--lime);
            font-size: 1.35rem;
            line-height: 1
        }.page-index .accordions details[open] summary{
            border-bottom: 1px solid var(--white-line)
        }.page-index .accordions details[open] summary:after{
            content: "−"
        }.page-index .detail-body{
            padding: 1.4rem 1.2rem 1.7rem
        }.page-index .detail-body h3{
            font-size: 1.25rem
        }.page-index .detail-body p, .page-index .detail-body li{
            color: rgba(243, 245, 233, .76)
        }.page-index .detail-body li+li{
            margin-top: .45rem
        }.page-index .video-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin: 1.4rem 0
        }.page-index .video{
            overflow: hidden;
            background: #021f24;
            border: 1px solid var(--white-line);
            border-radius: .65rem
        }.page-index .video-frame{
            position: relative;
            aspect-ratio: 16/9
        }.page-index .video iframe{
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0
        }.page-index .video span{
            display: block;
            padding: .7rem .8rem;
            color: rgba(243, 245, 233, .72);
            font-size: .76rem;
            font-weight: 750;
            letter-spacing: .08em;
            text-transform: uppercase
        }.page-index .game-button{
            display: inline-flex;
            align-items: center;
            gap: 1rem;
            padding: .78rem 1rem;
            color: var(--deep);
            background: var(--lime);
            border-radius: .5rem;
            text-decoration: none;
            font-weight: 800
        }.page-index .game-button small{
            font-weight: 600;
            opacity: .72
        }.page-index .create-questions{
            margin: 1.3rem 0;
            padding: 1rem;
            border-left: 3px solid var(--lime);
            background: rgba(243, 245, 233, .05)
        }.page-index .create-questions p{
            margin-bottom: .4rem
        }.page-index .create-questions ol{
            margin: .4rem 0 0;
            padding-left: 1.25rem
        }.page-index .finish-line{
            margin-bottom: 0 !important;
            padding: 1rem;
            border: 1px solid var(--white-line);
            border-radius: .6rem
        }.page-index .finish-line b{
            color: var(--lime)
        }.page-index .feedback{
            margin-top: 1.2rem;
            padding: 1.5rem;
            border: 1px solid var(--white-line);
            border-radius: .75rem;
            background: rgba(243, 245, 233, .05)
        }.page-index .feedback p:last-child{
            margin-bottom: 0;
            color: rgba(243, 245, 233, .76)
        }.page-index .resource-grid{
            margin-top: 3rem;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem
        }.page-index .resource-card{
            min-height: 245px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: clamp(1.4rem, 3vw, 2rem);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            text-decoration: none;
            transition: transform .2s ease, border-color .2s ease, background .2s ease
        }.page-index .resource-card:hover, .page-index .resource-card:focus-visible{
            transform: translateY(-3px);
            border-color: var(--ocean-light);
            background: var(--foam)
        }.page-index .resource-type{
            color: var(--kelp);
            font-size: .73rem;
            font-weight: 800;
            letter-spacing: .13em;
            text-transform: uppercase;
            font-family: var(--mono)
        }.page-index .resource-card h3{
            max-width: 25ch;
            margin: 2.5rem 0 .65rem;
            font-size: clamp(1.45rem, 2.5vw, 2rem);
            line-height: 1.08
        }.page-index .resource-card p{
            margin: 0;
            color: var(--muted)
        }.page-index .resource-action{
            margin-top: 1.6rem;
            font-size: .78rem;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase;
            font-family: var(--mono)
        }.page-index .next-ecosystem{
            color: var(--foam);
            background: var(--ocean)
        }.page-index .next-ecosystem .section-kicker{
            color: var(--lime)
        }.page-index .next-ecosystem h2{
            max-width: 700px;
            font-size: clamp(2rem, 4vw, 3.3rem)
        }.page-index .next-ecosystem p:not(.section-kicker){
            max-width: 650px;
            margin-bottom: 0;
            color: rgba(243, 245, 233, .75)
        }.page-index .next-inner{
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 3rem
        }.page-index .next-inner>a{
            flex: 0 0 auto;
            padding: .9rem 1.1rem;
            color: var(--deep);
            background: var(--lime);
            border-radius: .55rem;
            text-decoration: none;
            font-weight: 800
        }.page-index footer{
            color: var(--foam);
            background: #032e35
        }.page-index .footer-inner{
            min-height: 190px;
            padding-block: 3rem;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 2rem
        }.page-index .footer-logo{
            width: 10rem
        }.page-index .footer-copy{
            max-width: 480px;
            margin: 0;
            color: rgba(243, 245, 233, .62);
            font-size: .87rem;
            text-align: right
        }.page-index :focus-visible{
            outline: 3px solid var(--lime);
            outline-offset: 4px
        }@media(max-width:820px){.page-index .nav{
                min-height: 4.8rem
            }.page-index .brand img{
                width: 7.2rem
            }.page-index .brand-divider, .page-index .brand-name{
                display: none
            }.page-index .nav-links a:not(:last-child){
                display: none
            }.page-index .hero{
                min-height: auto
            }.page-index .hero-content{
                padding: 2.5rem 0 3rem;
                grid-template-columns: 1fr;
                gap: 2.4rem
            }.page-index .intention-grid{
                grid-template-columns: 1fr
            }.page-index .resource-grid{
                grid-template-columns: 1fr
            }.page-index .next-inner{
                align-items: flex-start;
                flex-direction: column;
                gap: 1.5rem
            }.page-index main section{
                padding-block: clamp(2.75rem, 6vw, 4.5rem)
            }.page-index .overview{
                padding-block: clamp(1.5rem, 4vw, 2.5rem)
            }.page-index .accordions{
                margin-top: 1.8rem
            }.page-index .footer-inner{
                padding-block: 2.25rem
            }.page-index .progress{
                gap: 1.1rem;
                padding: .45rem 0
            }.page-index #journey, .page-index #step-1, .page-index #step-2, .page-index #step-3, .page-index #step-4, .page-index #resources{
                scroll-margin-top: 7.25rem
            }
        }@media(max-width:520px){.page-index .shell{
                width: min(100% - 1.25rem, 1160px)
            }.page-index .hero-content{
                padding-top: 2rem;
                padding-bottom: 2.4rem
            }.page-index h1{
                font-size: clamp(2.75rem, 14vw, 4.3rem)
            }.page-index .hero-lead{
                font-size: 1rem
            }.page-index main section{
                padding-block: 2.5rem
            }.page-index .overview{
                padding-block: 1.5rem
            }.page-index .intention-grid{
                gap: 1.75rem
            }.page-index .accordions{
                margin-top: 1.5rem
            }.page-index .accordions summary{
                min-height: 0;
                padding: .85rem 1rem
            }.page-index .detail-body{
                padding: 1.1rem 1rem 1.3rem
            }.page-index .outcome{
                grid-template-columns: 1fr;
                gap: .3rem;
                padding: 1rem 0
            }.page-index .accordions summary{
                align-items: flex-start;
                flex-wrap: wrap
            }.page-index .accordions summary span{
                flex: 1 1 70%;
                font-size: .98rem
            }.page-index .accordions summary em{
                order: 3
            }.page-index .video-grid{
                grid-template-columns: 1fr
            }.page-index .game-button{
                align-items: flex-start;
                flex-direction: column;
                gap: .15rem
            }.page-index .resource-card{
                min-height: 0
            }.page-index .resource-grid{
                margin-top: 1.75rem
            }.page-index .footer-inner{
                padding-block: 1.75rem;
                align-items: flex-start;
                flex-direction: column
            }.page-index .footer-copy{
                text-align: left
            }.page-index .progress{
                gap: .9rem;
                font-size: .65rem
            }.page-index #journey, .page-index #step-1, .page-index #step-2, .page-index #step-3, .page-index #step-4, .page-index #resources{
                scroll-margin-top: 6.75rem
            }
        }@media(prefers-reduced-motion:reduce){html.page-index{
                scroll-behavior: auto
            }.page-index .resource-card{
                transition: none
            }
        }@media print{@page{
                size: A4;
                margin: 14mm
            }body.page-index{
                color: #102f32;
                background: #fff;
                font-size: 10.5pt
            }.page-index .site-header, .page-index footer{
                display: none
            }.page-index .hero{
                min-height: auto;
                color: #102f32;
                background: none
            }.page-index .hero:before, .page-index .hero:after{
                display: none
            }.page-index .hero-content{
                display: block;
                padding: 0 0 12mm
            }.page-index h1{
                font-size: 32pt
            }.page-index .hero-lead{
                color: #415d5f
            }.page-index main section{
                padding: 8mm 0
            }.page-index .overview, .page-index .intention, .page-index .journey, .page-index .resources, .page-index .next-ecosystem{
                color: #102f32;
                background: none
            }.page-index .overview p{
                font-size: 14pt
            }.page-index .journey .section-kicker, .page-index .section-kicker, .page-index .next-ecosystem .section-kicker{
                color: #5e6e35
            }.page-index .accordions details{
                break-inside: avoid;
                color: #102f32;
                background: #fff;
                border-color: #bbb
            }.page-index .accordions summary{
                min-height: 0;
                padding: 4mm;
                border-color: #bbb
            }.page-index .accordions summary b{
                color: #102f32
            }.page-index .accordions summary em{
                color: #102f32;
                background: #fff;
                border: 1px solid #999
            }.page-index .accordions summary:after, .page-index .video-grid{
                display: none
            }.page-index .accordions .detail-body{
                display: block !important;
                padding: 4mm
            }.page-index .detail-body p, .page-index .detail-body li, .page-index .feedback p:last-child, .page-index .next-ecosystem p:not(.section-kicker){
                color: #415d5f
            }.page-index .feedback{
                border-color: #bbb;
                background: #fff
            }.page-index .resource-grid{
                break-inside: avoid
            }.page-index .resource-card{
                min-height: 0;
                color: #102f32;
                background: #fff;
                box-shadow: none
            }.page-index a{
                text-decoration: none
            }
        }

        .page-activity{
            --deep: #002F6C;
            --ocean: #0072CE;
            --kelp: #758647;
            --lime: #FFC846;
            --paper: #fff;
            --wash: #eef2e7;
            --ink: #0b2940;
            --muted: #597174;
            --line: rgba(11, 41, 64, .24);
            --font: "Zeist", "Avenir Next", Avenir, Arial, sans-serif;
            --mono: "DM Mono", "SFMono-Regular", monospace
        }.page-activity *{
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }body.page-activity{
            background: #dfe6e3;
            color: var(--ink);
            font-family: var(--font);
            line-height: 1.3;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }.page-activity .print-bar{
            width: min(210mm, calc(100% - 24px));
            margin: 14px auto 0;
            padding: 10px 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            background: #f3f7f5;
            border-radius: 8px;
            box-shadow: 0 2px 14px rgba(6, 59, 67, .1);
            font-size: 12px;
            color: var(--muted)
        }.page-activity .print-nav{
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            min-width: 0
        }.page-activity .print-nav a{
            color: var(--ocean);
            text-decoration: none;
            font-weight: 700
        }.page-activity .print-nav a:hover{
            text-decoration: underline
        }.page-activity .print-nav .sep{
            color: var(--line)
        }.page-activity .print-nav .switch{
            margin-left: auto;
            padding-left: 8px
        }.page-activity button{
            padding: 8px 14px;
            border: 0;
            border-radius: 99px;
            color: #fff;
            background: var(--deep);
            font: 800 10px/1 var(--font);
            letter-spacing: .08em;
            text-transform: uppercase;
            cursor: pointer
        }.page-activity .sheet{
            position: relative;
            width: 210mm;
            min-height: 297mm;
            margin: 14px auto 24px;
            padding: 12mm 14mm 9mm;
            overflow: hidden;
            background: var(--paper);
            box-shadow: 0 6px 26px rgba(6, 59, 67, .14)
        }.page-activity header{
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 10mm;
            align-items: end;
            margin-bottom: 4mm
        }.page-activity .kicker, .page-activity .step{
            font-size: 7.2px;
            font-weight: 850;
            letter-spacing: .15em;
            text-transform: uppercase;
            font-family: var(--mono)
        }.page-activity .kicker, .page-activity .step{
            color: var(--kelp)
        }.page-activity h1{
            font-size: 34px;
            line-height: .88;
            letter-spacing: -.05em;
            text-transform: uppercase
        }.page-activity h1 span{
            display: block;
            color: var(--ocean)
        }.page-activity .strap{
            margin-top: 2.5mm;
            color: var(--muted);
            font-size: 8.5px
        }.page-activity .identity{
            width: 55mm;
            display: grid;
            gap: 3mm
        }.page-activity .identity label{
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 3mm;
            align-items: end;
            font-size: 7px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase
        }.page-activity .identity i{
            height: 4mm;
            border-bottom: 1px solid var(--ink)
        }.page-activity .journey{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            margin-bottom: 4mm;
            border-top: 1px solid var(--ink);
            border-bottom: 1px solid var(--line)
        }.page-activity .journey span{
            padding: 2.1mm 0;
            color: var(--muted);
            font-size: 7px;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase
        }.page-activity .journey b{
            color: var(--ocean);
            margin-right: 1mm
        }.page-activity .section-head{
            display: flex;
            align-items: baseline;
            gap: 2mm;
            margin-bottom: 2mm
        }.page-activity h2{
            font-size: 13px;
            line-height: 1;
            text-transform: uppercase
        }.page-activity .hint{
            margin-left: auto;
            color: var(--muted);
            font-size: 7.2px;
            text-align: right
        }.page-activity .explore-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 3mm;
            margin-bottom: 3.5mm
        }.page-activity .prompt{
            min-height: 29mm;
            padding: 3mm;
            border-top: 3px solid var(--kelp);
            background: var(--wash)
        }.page-activity .prompt h3{
            margin-bottom: 1.5mm;
            font-size: 8px;
            text-transform: uppercase
        }.page-activity .prompt p{
            font-size: 7px;
            color: var(--muted)
        }.page-activity .lines{
            height: 14mm;
            margin-top: 1.5mm;
            background: repeating-linear-gradient(to bottom, transparent 0 4.3mm, var(--line) 4.5mm 4.7mm)
        }.page-activity .middle{
            display: grid;
            grid-template-columns: 1.15fr .85fr;
            gap: 4mm;
            margin-bottom: 3.5mm
        }.page-activity .investigate, .page-activity .reflect{
            padding: 3mm 4mm;
            border: 1px solid var(--line)
        }.page-activity .investigate{
            border-left: 4px solid var(--ocean)
        }.page-activity .investigate p, .page-activity .reflect p{
            font-size: 7px;
            color: var(--muted)
        }.page-activity .chain{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2mm;
            margin: 2mm 0
        }.page-activity .chain span{
            position: relative;
            padding: 2mm 1.5mm;
            border: 1px solid var(--line);
            font-size: 6.5px;
            font-weight: 800;
            text-align: center
        }.page-activity .chain span:not(:last-child):after{
            content: "·";
            position: absolute;
            right: -2mm;
            color: var(--ocean)
        }.page-activity .reflect .lines{
            height: 17mm
        }.page-activity .create{
            padding: 3.5mm 4mm 3mm;
            border: 1px solid var(--ink);
            border-top: 4px solid var(--deep)
        }.page-activity .create-copy{
            display: flex;
            gap: 4mm;
            align-items: baseline;
            margin-bottom: 2mm
        }.page-activity .create-copy p{
            margin-left: auto;
            max-width: 120mm;
            color: var(--muted);
            font-size: 7px;
            text-align: right
        }.page-activity .map{
            position: relative;
            height: 89mm;
            overflow: hidden;
            border: 1px solid var(--line);
            background: #fff
        }.page-activity .map:before, .page-activity .map:after{
            content: "";
            position: absolute;
            inset: 50% auto auto 50%;
            width: 62mm;
            height: 62mm;
            border: 1px dashed rgba(10, 80, 88, .32);
            border-radius: 50%;
            transform: translate(-50%, -50%)
        }.page-activity .map:after{
            width: 94mm;
            height: 94mm;
            border-color: rgba(117, 134, 71, .22)
        }.page-activity .forest{
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 48%;
            width: 78mm;
            height: 59mm;
            transform: translate(-50%, -50%)
        }.page-activity .centre-label{
            position: absolute;
            z-index: 2;
            left: 50%;
            bottom: 7mm;
            transform: translateX(-50%);
            padding: 1.5mm 3mm;
            background: #fff;
            border: 1px solid var(--line);
            font-size: 7px;
            font-weight: 850;
            letter-spacing: .08em;
            text-transform: uppercase;
            white-space: nowrap
        }.page-activity .map-note{
            position: absolute;
            z-index: 2;
            width: 37mm;
            padding: 2mm;
            background: rgba(255, 255, 255, .92);
            border-bottom: 1px solid var(--line);
            font-size: 6.4px;
            color: var(--muted)
        }.page-activity .map-note b{
            display: block;
            color: var(--kelp);
            font-size: 6.5px;
            text-transform: uppercase
        }.page-activity .n1{
            left: 4mm;
            top: 5mm
        }.page-activity .n2{
            right: 4mm;
            top: 5mm
        }.page-activity .n3{
            left: 4mm;
            bottom: 6mm
        }.page-activity .n4{
            right: 4mm;
            bottom: 6mm
        }.page-activity .finish{
            margin-top: 2mm;
            padding-top: 2mm;
            border-top: 1px solid var(--line);
            font-size: 7px
        }.page-activity .finish b{
            color: var(--ocean)
        }.page-activity footer{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 3mm;
            padding-top: 2.5mm;
            border-top: 1px solid var(--line)
        }.page-activity footer span{
            color: var(--muted);
            font-size: 7.5px;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase
        }.page-activity .logo{
            width: 24mm;
            height: auto
        }.page-activity .forest{
            width: 116mm;
            height: auto;
            opacity: .6;
            filter: grayscale(1)
        }.page-activity .map:before, .page-activity .map:after{
            display: none
        }@page{
            size: A4 portrait;
            margin: 0
        }@media print{body.page-activity{
                background: #fff
            }.page-activity .print-bar{
                display: none
            }.page-activity .sheet{
                width: 210mm;
                height: 297mm;
                min-height: 297mm;
                margin: 0;
                box-shadow: none
            }
        }@media screen and (max-width:840px){body.page-activity{
                background: #fff
            }.page-activity .print-bar{
                width: 100%;
                margin: 0;
                border-radius: 0;
                flex-wrap: wrap;
                row-gap: 8px
            }.page-activity .print-nav{
                width: 100%
            }.page-activity .print-nav .switch{
                margin-left: 0;
                flex-basis: 100%
            }.page-activity button{
                flex: 0 0 auto
            }.page-activity .sheet{
                width: 100%;
                min-height: 0;
                margin: 0;
                padding: 28px 20px;
                overflow: visible;
                box-shadow: none
            }.page-activity header{
                display: block
            }.page-activity .kicker{
                font-size: 9px
            }.page-activity h1{
                margin-top: 8px;
                font-size: clamp(42px, 15vw, 62px)
            }.page-activity .strap{
                font-size: 14px
            }.page-activity .identity{
                width: 100%;
                grid-template-columns: 1fr 1fr;
                margin-top: 24px
            }.page-activity .identity label{
                font-size: 9px
            }.page-activity .identity i{
                height: 24px
            }.page-activity .journey{
                display: block;
                margin: 28px 0
            }.page-activity .journey span{
                display: block;
                padding: 12px 0;
                border-bottom: 1px solid var(--line);
                font-size: 10px
            }.page-activity .section-head, .page-activity .create-copy{
                display: block
            }.page-activity .step{
                display: block;
                margin-bottom: 7px;
                font-size: 9px
            }.page-activity h2{
                font-size: 22px
            }.page-activity .hint, .page-activity .create-copy p{
                margin: 8px 0 0;
                max-width: none;
                font-size: 14px;
                text-align: left
            }.page-activity .explore-grid, .page-activity .middle{
                display: block
            }.page-activity .prompt, .page-activity .investigate, .page-activity .reflect{
                margin-bottom: 18px;
                padding: 18px
            }.page-activity .prompt h3{
                font-size: 13px
            }.page-activity .prompt p, .page-activity .investigate p, .page-activity .reflect p{
                font-size: 14px
            }.page-activity .lines, .page-activity .reflect .lines{
                height: 110px;
                background: repeating-linear-gradient(to bottom, transparent 0 28px, var(--line) 29px 30px)
            }.page-activity .chain{
                grid-template-columns: 1fr
            }.page-activity .chain span{
                padding: 12px;
                font-size: 12px
            }.page-activity .chain span:after{
                display: none
            }.page-activity .create{
                padding: 18px
            }.page-activity .map{
                height: auto;
                display: block;
                padding: 16px 0
            }.page-activity .map:before, .page-activity .map:after{
                display: none
            }.page-activity .forest{
                position: static;
                left: auto;
                top: auto;
                transform: none;
                width: 70%;
                height: auto;
                margin: 0 auto 16px;
                display: block
            }.page-activity .map-note{
                position: static;
                width: 100%;
                margin-bottom: 10px;
                padding: 12px 14px;
                font-size: 13px
            }.page-activity .map-note b{
                font-size: 11px
            }.page-activity .centre-label{
                position: static;
                display: block;
                left: auto;
                bottom: auto;
                transform: none;
                width: max-content;
                max-width: 90%;
                margin: 0 auto 16px;
                white-space: normal;
                text-align: center;
                font-size: 12px
            }.page-activity .finish{
                font-size: 13px;
                line-height: 1.5
            }.page-activity footer{
                margin-top: 24px
            }.page-activity .logo{
                width: 90px
            }
        }

.page-guide{
            --deep: #002F6C;
            --ocean: #0072CE;
            --kelp: #758647;
            --lime: #FFC846;
            --paper: #fff;
            --wash: #eef2e7;
            --ink: #0b2940;
            --muted: #597174;
            --line: rgba(11, 41, 64, .22);
            --font: "Zeist", "Avenir Next", Avenir, Arial, sans-serif;
            --mono: "DM Mono", "SFMono-Regular", monospace
        }.page-guide *{
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }body.page-guide{
            background: #dfe6e3;
            color: var(--ink);
            font-family: var(--font);
            line-height: 1.4;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }.page-guide .print-bar{
            width: min(210mm, calc(100% - 24px));
            margin: 14px auto 0;
            padding: 10px 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 14px rgba(6, 59, 67, .1);
            font-size: 12px;
            color: var(--muted)
        }.page-guide .print-nav{
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            min-width: 0
        }.page-guide .print-nav a{
            color: var(--ocean);
            text-decoration: none;
            font-weight: 700
        }.page-guide .print-nav a:hover{
            text-decoration: underline
        }.page-guide .print-nav .sep{
            color: var(--line)
        }.page-guide .print-nav .switch{
            margin-left: auto;
            padding-left: 8px
        }.page-guide button{
            padding: 8px 14px;
            border: 0;
            border-radius: 99px;
            color: #fff;
            background: var(--deep);
            font: 800 10px/1 var(--font);
            letter-spacing: .08em;
            text-transform: uppercase;
            cursor: pointer
        }.page-guide .sheet{
            width: 210mm;
            min-height: 297mm;
            margin: 14px auto 24px;
            padding: 13mm 14mm 10mm;
            display: flex;
            flex-direction: column;
            background: var(--paper);
            box-shadow: 0 6px 26px rgba(6, 59, 67, .14)
        }.page-guide header{
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12mm;
            padding-bottom: 5mm;
            border-bottom: 1px solid var(--ink)
        }.page-guide .eyebrow, .page-guide .label, .page-guide .col-label{
            color: var(--kelp);
            font-size: 7.2px;
            font-weight: 850;
            letter-spacing: .15em;
            text-transform: uppercase;
            font-family: var(--mono)
        }.page-guide h1{
            margin-top: 2mm;
            font-size: 30px;
            line-height: .92;
            letter-spacing: -.04em;
            text-transform: uppercase
        }.page-guide h1.page2-title{
            font-size: 24px
        }.page-guide .pills{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 2mm
        }.page-guide .pills span{
            padding: 1.5mm 2.4mm;
            color: #fff;
            background: var(--deep);
            border-radius: 99px;
            font-size: 6.7px;
            font-weight: 800
        }.page-guide .content{
            flex: 1
        }.page-guide .label{
            margin: 5mm 0 1.5mm
        }.page-guide .question{
            max-width: 155mm;
            font-size: 24px;
            line-height: 1.1;
            letter-spacing: -.035em
        }.page-guide .body{
            color: var(--muted);
            font-size: 8.2px
        }.page-guide .body strong{
            color: var(--ink)
        }.page-guide .outcomes{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 3mm
        }.page-guide .outcome{
            min-height: 29mm;
            padding: 3mm;
            border-top: 3px solid var(--ocean);
            background: var(--wash)
        }.page-guide .outcome b{
            display: block;
            margin-bottom: 1.5mm;
            color: var(--kelp);
            font-size: 7px;
            letter-spacing: .12em;
            text-transform: uppercase
        }.page-guide .outcome p{
            font-size: 7.4px;
            color: var(--muted)
        }.page-guide .journey{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            border: 1px solid var(--line)
        }.page-guide .journey div{
            min-height: 24mm;
            padding: 3mm
        }.page-guide .journey div+div{
            border-left: 1px solid var(--line)
        }.page-guide .journey b{
            display: block;
            margin-bottom: 1mm;
            color: var(--ocean);
            font-size: 8px;
            text-transform: uppercase
        }.page-guide .journey span{
            color: var(--muted);
            font-size: 7px
        }.page-guide .two-col{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 7mm
        }.page-guide .panel{
            padding: 4mm;
            border: 1px solid var(--line)
        }.page-guide .panel p, .page-guide .panel li{
            color: var(--muted);
            font-size: 7.5px
        }.page-guide .panel ul{
            padding-left: 4mm
        }.page-guide .panel li+li{
            margin-top: 1mm
        }.page-guide .causal{
            display: flex;
            align-items: center;
            gap: 2mm;
            margin-top: 2mm
        }.page-guide .causal span{
            flex: 1;
            padding: 2.2mm 1mm;
            border: 1px solid var(--line);
            font-size: 6.5px;
            font-weight: 800;
            text-align: center
        }.page-guide .causal i{
            color: var(--ocean);
            font-style: normal
        }.page-guide .sequence{
            display: grid;
            gap: 3mm;
            margin-top: 5mm
        }.page-guide .phase{
            border: 1px solid var(--line)
        }.page-guide .phase-head{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 2.3mm 3mm;
            color: #fff;
            background: var(--deep)
        }.page-guide .phase-head b{
            font-size: 8.5px;
            text-transform: uppercase
        }.page-guide .phase-head span{
            padding: 1mm 2mm;
            color: var(--deep);
            background: var(--lime);
            border-radius: 99px;
            font-size: 6.5px;
            font-weight: 850;
            text-transform: uppercase
        }.page-guide .phase-body{
            display: grid;
            grid-template-columns: .9fr 1.15fr 1fr;
            gap: 0
        }.page-guide .phase-body>div{
            min-height: 29mm;
            padding: 3mm
        }.page-guide .phase-body>div+div{
            border-left: 1px solid var(--line)
        }.page-guide .col-label{
            margin-bottom: 1.2mm;
            font-size: 6.4px
        }.page-guide .col-copy{
            color: var(--muted);
            font-size: 7px
        }.page-guide .col-copy strong{
            color: var(--ink)
        }.page-guide .notes{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3mm;
            margin-top: 4mm
        }.page-guide .note{
            padding: 3mm;
            background: var(--wash);
            border-left: 3px solid var(--kelp)
        }.page-guide .note h3{
            margin-bottom: 1mm;
            font-size: 8px;
            text-transform: uppercase
        }.page-guide .note p{
            color: var(--muted);
            font-size: 7px
        }.page-guide .note.wide{
            grid-column: 1/-1
        }.page-guide .footer{
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            margin-top: 4mm;
            padding-top: 3mm;
            border-top: 1px solid var(--line)
            }.page-guide .footer img{
                width: 24mm;
            height: auto
            }.page-guide .footer span{
            color: var(--muted);
                font-size: 7.5px;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase
        }@page{
            size: A4 portrait;
            margin: 0
        }@media print{body.page-guide{
                background: #fff
            }.page-guide .print-bar{
                display: none
            }.page-guide .sheet{
                width: 210mm;
                height: 297mm;
                min-height: 297mm;
                margin: 0;
                box-shadow: none;
                break-after: page
            }.page-guide .sheet:last-child{
                break-after: auto
            }
        }@media screen and (max-width:840px){body.page-guide{
                background: #fff
            }.page-guide .print-bar{
                width: 100%;
                margin: 0;
                border-radius: 0;
                flex-wrap: wrap;
                row-gap: 8px
            }.page-guide .print-nav{
                width: 100%
            }.page-guide .print-nav .switch{
                margin-left: 0;
                flex-basis: 100%
            }.page-guide button{
                flex: 0 0 auto
            }.page-guide .sheet{
                width: 100%;
                min-height: 0;
                margin: 0;
                padding: 28px 20px;
                box-shadow: none
            }.page-guide header{
                display: block
            }.page-guide .pills{
                justify-content: flex-start;
                margin-top: 18px
            }.page-guide h1{
                font-size: 46px
            }.page-guide .label{
                margin-top: 28px;
                font-size: 9px
            }.page-guide .question{
                font-size: 30px
            }.page-guide .body{
                font-size: 15px
            }.page-guide .outcomes, .page-guide .journey, .page-guide .two-col, .page-guide .phase-body, .page-guide .notes{
                display: block
            }.page-guide .outcome, .page-guide .journey div, .page-guide .panel, .page-guide .phase-body>div, .page-guide .note{
                margin-bottom: 16px;
                padding: 18px;
                min-height: 0
            }.page-guide .journey div+div, .page-guide .phase-body>div+div{
                border-left: 0;
                border-top: 1px solid var(--line)
            }.page-guide .outcome p, .page-guide .journey span, .page-guide .panel p, .page-guide .panel li, .page-guide .col-copy, .page-guide .note p{
                font-size: 14px
            }.page-guide .outcome b, .page-guide .journey b, .page-guide .col-label{
                font-size: 10px
            }.page-guide .causal{
                align-items: stretch;
                flex-direction: column
            }.page-guide .causal span{
                width: 100%;
                padding: 12px;
                font-size: 12px
            }.page-guide .phase-head{
                padding: 12px 14px
            }.page-guide .phase-head b{
                font-size: 13px
            }.page-guide .phase-body>div{
                margin: 0
            }.page-guide .footer{
                margin-top: 28px
            }.page-guide .footer img{
                width: 90px
            }
        }

        @media print {
            body,
            .sheet,
            .middle,
            .create,
            .panel,
            .phase,
            .note {
                color: #102f32;
                background: #fff !important
            }

            .sheet:last-of-type {
                break-after: auto;
                page-break-after: auto
            }
        }

/* Final shared document type scale */
.page-activity .print-bar,
.page-guide .print-bar { font-size: 12px; }
.page-activity .print-bar > button,
.page-guide .print-bar > button { font-size: 11px; }
.page-guide .body,
.page-guide .col-copy { font-size: 10px; }
.page-activity .prompt p,
.page-activity .investigate p,
.page-activity .reflect p { font-size: 10px; }