1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5402],{6929:(e,a,o)=>{"use strict";o.d(a,{AM:()=>r,Hf:()=>v,IL:()=>m,J4:()=>s,NM:()=>f,Nr:()=>d,RH:()=>p,UJ:()=>t,a_:()=>b,cV:()=>g,cb:()=>u,hT:()=>c,j3:()=>h,k$:()=>l,le:()=>_,sJ:()=>k,tJ:()=>i,yf:()=>n});let t=[{token:"font-display-1",role:"Display 01",sizes:"3.6rem mobile \xb7 8rem desktop",className:"display1",sample:"Every student is the point."},{token:"font-headline-1",role:"Headline 01",sizes:"3.4rem mobile \xb7 5.6rem desktop",className:"headline1",sample:"Understand students. Act smarter."},{token:"font-headline-2",role:"Headline 02",sizes:"3.2rem mobile \xb7 4.8rem desktop",className:"headline2",sample:"A panoramic view of every learner"},{token:"font-headline-3",role:"Headline 03",sizes:"3rem mobile \xb7 4rem desktop",className:"headline3",sample:"Move from reactive to predictive"},{token:"font-headline-4",role:"Headline 04",sizes:"2.4rem mobile \xb7 3.2rem desktop",className:"headline4",sample:"Make every signal actionable"},{token:"font-headline-5",role:"Headline 05",sizes:"2.2rem mobile \xb7 2.8rem desktop",className:"headline5",sample:"Built for education"},{token:"font-headline-6",role:"Headline 06",sizes:"2rem mobile \xb7 2.4rem desktop",className:"headline6",sample:"Student support at scale"},{token:"font-editorial-title",role:"Editorial title",sizes:"1.65rem mobile \xb7 1.8rem desktop",className:"editorialTitle",sample:"Ideas and research for education leaders"},{token:"font-body-1",role:"Body 01",sizes:"1.6rem mobile \xb7 2rem desktop",className:"body1",sample:"Bring academic, attendance, behavior, and student voice data into one shared view."},{token:"font-body-2",role:"Body 02",sizes:"1.6rem mobile \xb7 1.85rem desktop",className:"body2",sample:"Give every team the context they need to coordinate support and measure progress."},{token:"font-body-3",role:"Body 03",sizes:"1.4rem mobile \xb7 1.5rem desktop",className:"body3",sample:"Purposeful details make complex information feel direct, calm, and useful."},{token:"font-utility-1",role:"Utility 01",sizes:"1.6rem mobile \xb7 1.8rem desktop",className:"utility1",sample:"Explore Panorama Student Success â"},{token:"font-navigation-1",role:"Navigation 01",sizes:"1.6rem mobile \xb7 1.6rem desktop",className:"navigation1",sample:"Products \xb7 Solutions \xb7 District Stories \xb7 Resources"},{token:"font-navigation-action",role:"Navigation action",sizes:"1.35rem mobile \xb7 1.8rem desktop",className:"navigationAction",sample:"Sign In \xb7 Get Live Demo"},{token:"font-announcement",role:"Announcement",sizes:"1.35rem mobile \xb7 1.4rem desktop",className:"announcement",sample:"Introducing Panorama Solara â district AI grounded in your data."},{token:"font-announcement-badge",role:"Announcement badge",sizes:"1rem mobile \xb7 1rem desktop",className:"announcementBadge",sample:"New"},{token:"font-footer-heading",role:"Footer heading",sizes:"2.1rem mobile \xb7 2.1rem desktop",className:"footerHeading",sample:"District Stories \xb7 Solutions \xb7 Products"},{token:"font-footer-link",role:"Footer link",sizes:"1.4rem mobile \xb7 1.4rem desktop",className:"footerLink",sample:"Panorama Student Success \xb7 Resource Library"},{token:"font-footer-meta",role:"Footer meta",sizes:"1.35rem mobile \xb7 1.35rem desktop",className:"footerMeta",sample:"Privacy Policy \xb7 \xa9 2026 Panorama Education"},{token:"font-label-1",role:"Label 01",sizes:"1.4rem mobile \xb7 1.4rem desktop",className:"label1",sample:"Student Support & MTSS"},{token:"font-label-2",role:"Label 02",sizes:"1.1rem mobile \xb7 1.15rem desktop",className:"label2",sample:"Featured research"},{token:"font-caption-1",role:"Caption 01",sizes:"1.2rem mobile \xb7 1.35rem desktop",className:"caption1",sample:"Updated July 2026 \xb7 6 minute read"}],i=[{token:"color-ink",value:"#111111",className:"colorInk",dark:!0},{token:"color-night",value:"#0B0B0D",className:"colorNight",dark:!0},{token:"color-white",value:"#FFFFFF",className:"colorWhite"},{token:"color-cream",value:"#F8F4E9",className:"colorCream"},{token:"color-cream-deep",value:"#F1ECDC",className:"colorCreamDeep"}
1,{token:"color-cream-muted",value:"#F4EEDE",className:"colorCreamMuted"},{token:"color-cream-800",value:"#A59E89",className:"colorCream800"},{token:"color-navy",value:"#161242",className:"colorNavy",dark:!0},{token:"color-green",value:"#5FCB73",className:"colorGreen"},{token:"color-green-hover",value:"#4FBD63",className:"colorGreenHover"},{token:"color-green-results",value:"#4AAF5B",className:"colorGreenResults"},{token:"color-green-deep",value:"#1FAA4A",className:"colorGreenDeep"},{token:"color-green-soft",value:"#7ED38B",className:"colorGreenSoft"},{token:"color-green-pale",value:"#DFF2E4",className:"colorGreenPale"},{token:"color-green-light",value:"#82DC93",className:"colorGreenLight"},{token:"color-accent",value:"#469955",className:"colorAccent"},{token:"color-blue",value:"#AEEBF7",className:"colorBlue"},{token:"color-teal-deep",value:"#00B3D9",className:"colorTealDeep"},{token:"color-teal",value:"#64DDF9",className:"colorTeal"},{token:"color-purple",value:"#524ACA",className:"colorPurple",dark:!0},{token:"color-purple-accent",value:"#7770EF",className:"colorPurpleAccent"},{token:"color-lavender",value:"#A7ACFF",className:"colorLavender"},{token:"color-taupe",value:"#E6DFCD",className:"colorTaupe"},{token:"color-form-border",value:"#C3BBA4",className:"colorFormBorder"},{token:"color-control-border",value:"#918974",className:"colorControlBorder"},{token:"color-amber",value:"#F0C433",className:"colorAmber"},{token:"color-gray-300",value:"#A1A1A1",className:"colorGray300"},{token:"color-gray",value:"#6F6F6F",className:"colorGray",dark:!0},{token:"color-gray-soft",value:"#B9B5A8",className:"colorGraySoft"},{token:"color-gray-deep",value:"#4D4D4D",className:"colorGrayDeep",dark:!0},{token:"color-gray-dark",value:"#6A6A6A",className:"colorGrayDark",dark:!0},{token:"color-gray-mid",value:"#808080",className:"colorGrayMid",dark:!0},{token:"color-cream-line",value:"#D3CDBA",className:"colorCreamLine"},{token:"color-card-line",value:"#E9E4D4",className:"colorCardLine"},{token:"color-error",value:"#C0392B",className:"colorError",dark:!0}],s=[{token:"space-1",value:"0.4rem",className:"space1"},{token:"space-2",value:"0.8rem",className:"space2"},{token:"space-3",value:"1.2rem",className:"space3"},{token:"space-4",value:"1.6rem",className:"space4"},{token:"space-5",value:"2.4rem",className:"space5"},{token:"space-6",value:"3.2rem",className:"space6"},{token:"space-7",value:"4rem",className:"space7"},{token:"space-8",value:"4.8rem",className:"space8"},{token:"space-9",value:"6.4rem",className:"space9"},{token:"space-10",value:"8rem",className:"space10"},{token:"space-11",value:"12rem",className:"space11"},{token:"space-12",value:"16rem",className:"space12"}],n=[{size:"large",value:"8rem mobile \xb7 13rem desktop per side"},{size:"small",value:"4rem mobile \xb7 6.5rem desktop per side \xb7 default"}
1,{size:"none",value:"0"}],r=[{token:"radius-xs",value:"0.4rem",className:"radiusXs"},{token:"radius-sm",value:"0.9rem",className:"radiusSm"},{token:"radius-md",value:"1.2rem",className:"radiusMd"},{token:"radius-lg",value:"1.8rem",className:"radiusLg"},{token:"radius-xl",value:"2.6rem",className:"radiusXl"},{token:"radius-2xl",value:"3.2rem",className:"radius2xl"},{token:"radius-3xl",value:"4rem",className:"radius3xl"},{token:"radius-brand",value:"6rem",className:"radiusBrand"},{token:"radius-homepage-hero",value:"15rem",className:"radiusHomepageHero"},{token:"radius-pill",value:"999rem",className:"radiusPill"},{token:"radius-round",value:"50%",className:"radiusRound"}],l=[{token:"shadow-nav",className:"shadowNav"},{token:"shadow-sm",className:"shadowSm"},{token:"shadow-md",className:"shadowMd"},{token:"shadow-lg",className:"shadowLg"}],d=[{className:"motionBrand",token:"$ease-brand \xb7 $duration-slower"},{className:"motionSpring",token:"$ease-spring \xb7 $duration-slow"},{className:"motionAnnouncement",token:"$ease-brand \xb7 $duration-announcement"},{className:"motionHomepage",token:"$duration-hero-word/reveal \xb7 $duration-homepage-results-fade/slide"},{className:"motionBackground1100",token:"$ease-brand \xb7 $duration-background-1100"},{className:"motionBackground1400",token:"$ease-brand \xb7 $duration-background-1400"},{className:"motionBackground1800",token:"$ease-background-slow \xb7 $duration-background-1800"}],c=["$ease-brand \xb7 cubic-bezier(0.16, 1, 0.3, 1)","$ease-spring \xb7 cubic-bezier(0.34, 1.45, 0.64, 1)","$ease-background-slow \xb7 cubic-bezier(0.45, 0.05, 0.35, 0.95)"],m=["fast 150ms \xb7 base 300ms \xb7 slow 450ms","announcement 550ms \xb7 slower 600ms","hero word 850ms \xb7 reveal 1000ms","background 1100ms \xb7 1400ms \xb7 1800ms","results fade 400ms \xb7 slide 900ms"],u=Array.from({length:12},(e,a)=>a+1),p="Four columns on mobile become twelve at 768px. The site column is 124.2rem maximum, with 1.6rem side insets on mobile and 2.4rem on desktop. Copy blocks use the 92rem copy container.",g=["4 columns \xb7 1.6rem gap \xb7 mobile","12 columns \xb7 2.4rem gap \xb7 desktop","$copy-container-max-width \xb7 92rem maximum for shared copy blocks","$brand-logo \xb7 10.2 \xd7 1.9rem mobile \xb7 13 \xd7 2.4rem desktop","$header-mobile \xb7 5.8rem high \xb7 2.9rem radius \xb7 1.8/1rem inset \xb7 8.6/11rem smart-nav offset","$announcement-bar \xb7 4.6rem high \xb7 2.8rem close control \xb7 1.4rem content gap \xb7 0.3/0.9rem badge inset \xb7 1rem badge radius","$footer \xb7 2.4/4rem separation \xb7 5.6/9rem top-right corner radius","$page-builder-section-padding \xb7 independently configurable top and bottom"],h=[{token:"$bp-xs",value:"415px",note:""},{token:"$bp-s",value:"650px",note:""},{token:"$bp-ms",value:"768px",note:"Main mobile / desktop boundary \xb7 @include bp-desktop"},{token:"$bp-m",value:"1024px",note:"Styleguide sidebar appears"},{token:"$bp-ml",value:"1440px",note:""},{token:"$bp-l",value:"1680px",note:""},{token:"$bp-xl",value:"1920px",note:""}],b=[{token:"html font-size",value:"62.5%",note:"1rem = 10px at the 62.5% cap"},{token:"desktop clamp",value:"clamp(48.611111%, 0.6944444444vw, 62.5%)",note:"Holds 7.78px through 1120px, then scales to a 10px rem at 1440px"}],_=[{role:"Headline / display",token:"$font-family-headline",stack:"Platypi (var(--font-serif)), Georgia, Times New Roman, serif",weights:"500 medium"},{role:"Body / UI",token:"$font-family-body",stack:"proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif",weights:"300â800"}],f=[{token:"$font-weight-light",value:"300"},{token:"$font-weight-regular",value:"400"},{token:"$font-weight-medium",value:"500"},{token:"$font-weight-semibold",value:"600"},{token:"$font-weight-bold",value:"700"},{token:"$font-weight-extra-bold",value:"800"}],v=[{token:"$z-announcement",note:"Announcement bar"},{token:"$z-header",note:"Site header"},{token:"$z-lightbox",note:"Lightbox overlays"},{token:"$z-grid-overlay",note:"Dev grid overlay"}],k=["390 \xd7 844","768 \xd7 1024","1280 \xd7 720","1440 \xd7 900"]},18054:e=>{e.exports={wrapper:"FeaturedResourceCard_wrapper__RmIQr",quarter:"FeaturedResourceCard_quarter__15bkf",card:"FeaturedResourceCard_card__mTd2d",media:"FeaturedResourceCard_media__EGsmX",thumbnail:"FeaturedResourceCard_thumbnail__p4_4X",placeholder:"FeaturedResourceCard_placeholder__sWt61",body:"FeaturedResourceCard_body__5dl9f",copy:"FeaturedResourceCard_copy__2QkL8",meta:"FeaturedResourceCard_meta__lomPn",title:"FeaturedResourceCard_title__xp95Z",description:"FeaturedResourceCard_description__V7mmL",cta:"FeaturedResourceCard_cta__JeoEI",to
1picBadge:"FeaturedResourceCard_topicBadge__Qt3WT",topicBadgeActive:"FeaturedResourceCard_topicBadgeActive__T_8IJ",reveal:"FeaturedResourceCard_reveal__FcaOI",revealVisible:"FeaturedResourceCard_revealVisible__fBAaT"}},36904:(e,a,o)=>{"use strict";o.d(a,{A:()=>b});var t=o(66352),i=o(95132),s=o(39775),n=o(55626),r=o(28964),l=o(56504),d=o(3063),c=o(87265),m=o(31655),u=o(83678),p=o(18054),g=o.n(p);let h=e=>Array.isArray(e)?e[0]:e,b=({item:e,onTopicClick:a,topicActive:o=!1})=>{let p=(0,i.useRef)(null),{inView:b}=(0,u.A)({ref:p,threshold:.12,triggerOnce:!0}),_=e?.topic||h(e?.topics),f=e?.contentType||h(e?.contentCategories)||(e=>{if(!e)return"";let a=String(e).replace(/([a-z])([A-Z])/g,"$1 $2");return/[A-Z]/.test(a)?a:a.replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase())})(e?.resourceType),v=e?(0,d.$h)(e.link||e.href,e.ctaLabel):null,k=v?.label||e?.ctaLabel,y=v?.props?.href==="#";return e?.title&&v?(0,t.jsxs)("article",{ref:p,className:(0,c.$z)(g().wrapper,g().reveal,b&&g().revealVisible),children:[(0,t.jsx)("span",{className:g().quarter,"aria-hidden":"true"}),(0,t.jsxs)(n.A,{className:(0,c.$z)(g().card),...v.props,onClick:y?e=>e.preventDefault():void 0,children:[(0,t.jsxs)("span",{className:g().thumbnail,"aria-hidden":"true",children:[(0,t.jsx)("span",{className:g().placeholder}),e.image?(0,t.jsx)("span",{className:g().media,children:(0,t.jsx)(l.A,{asset:e.image,imageSizes:s.V8.featured,preload:!0,skipLoadTransition:!0,backgroundColor:"#E6DFCC"})}):null]}),(0,t.jsxs)("span",{className:g().body,children:[(0,t.jsxs)("span",{className:g().copy,children:[f?(0,t.jsx)("span",{className:g().meta,children:f}):null,(0,t.jsx)("span",{className:g().title,children:(0,m.v)(e.title)}),e.description?(0,t.jsx)("span",{className:g().description,children:(0,m.v)(e.description)}):null]}),k?(0,t.jsx)(r.A,{as:"span",className:g().cta,label:k,variant:"compactAccent"}):null]})]}),_?(0,t.jsx)("button",{className:(0,c.$z)(g().topicBadge,o&&g().topicBadgeActive),type:"button","aria-pressed":o,onClick:()=>a?.(_),children:_}):null]}):null}},54556:e=>{e.exports={typeList:"FoundationSpecimens_typeList___Px__",typeSpecimen:"FoundationSpecimens_typeSpecimen__ybVX6",typeMeta:"FoundationSpecimens_typeMeta__eCAdo",display1:"FoundationSpecimens_display1__xyiS9",headline1:"FoundationSpecimens_headline1__0nvwi",headline2:"FoundationSpecimens_headline2__IdJq8",headline3:"FoundationSpecimens_headline3__7y6Uu",headline4:"FoundationSpecimens_headline4__teAT4",headline5:"FoundationSpecimens_headline5__0aOjb",headline6:"FoundationSpecimens_headline6__ODwTU",editorialTitle:"FoundationSpecimens_editorialTitle__qYeDU",body1:"FoundationSpecimens_body1__CvLAS",body2:"FoundationSpecimens_body2___Ctwb",body3:"FoundationSpecimens_body3__MBWwi",utility1:"FoundationSpecimens_utility1__c0PhH",navigation1:"FoundationSpecimens_navigation1__OKceb",navigationAction:"FoundationSpecimens_navigationAction__kLeX8",announcement:"FoundationSpecimens_announcement__V18dy",footerHeading:"FoundationSpecimens_footerHeading__MknVU",footerLink:"FoundationSpecimens_footerLink__qBRgB",footerMeta:"FoundationSpecimens_footerMeta__xII19",label1:"FoundationSpecimens_label1__hTF5B",label2:"FoundationSpecimens_label2__gDA9M",caption1:"FoundationSpecimens_caption1__mwH7T",announcementBadge:"FoundationSpecimens_announcementBadge__aEFCZ",colorGrid:"FoundationSpecimens_colorGrid__4io91",colorCard:"FoundationSpecimens_colorCard__NubZm",lightText:"FoundationSpecimens_lightText__9Ephm",colorInk:"FoundationSpecimens_colorInk__oBmmT",colorNight:"FoundationSpecimens_colorNight__SY9Kt",colorWhite:"FoundationSpecimens_colorWhite__BLfUe",colorCream:"FoundationSpecimens_colorCream__I2cfE",colorCreamDeep:"FoundationSpecimens_colorCreamDeep__IXYZ9",colorCreamMuted:"FoundationSpecimens_colorCreamMuted__sGlSW",colorCream800:"FoundationSpecimens_colorCream800__JzT77",colorNavy:"FoundationSpecimens_colorNavy__Q_Ut_",colorGreen:"FoundationSpecimens_colorGreen__huFLc",colorGreenHover:"FoundationSpecimens_colorGreenHover__ZDk9m",colorGreenResults:"FoundationSpecimens_colorGreenResults__586KD",colorGreenDeep:"FoundationSpecimens_colorGreenDeep__Hyl5r",colorGreenSoft:"FoundationSpecimens_colorGreenSoft__noPxs",colorGreenPale:"FoundationSpecimens_colorGreenPale__BFNig",colorGreenLight:"FoundationSpecimens_colorGreenLight__4p9PU",colorAccent:"FoundationSpecimens_colorAccent___T7Oa",colorBlue:"FoundationSpecimens_colorBlue__09QTQ",colorTealDeep:"FoundationSpecimens_colorTealDeep__MpyrM",colorTeal:"FoundationSpecimens_colorTeal__BrSbl",colorPurple:"FoundationSpecimens_colorPurple__Z99ab",colorPurpleAccent:"FoundationSpecimens_colorPurpleAccent__shSMw",colorLavender:"FoundationSpecimens_colorLavender__b8RJM",colorTaupe:"FoundationSpecimens_colorTaupe__DFbCZ",colorFormBorder:"FoundationSpecimens_colorFormBorder__N99_1",colorControlBorder:"FoundationSpecimens_colorControlBorder__MrGlN",colorAmber:"FoundationSpecimens_colorAmber__iderB",colorGray300:"FoundationSpecimens_colorGray300__VstJP",colorGray:"FoundationSpecimens_colorGray__9oCh0",colorGraySoft:"FoundationSpecimens_colorGraySoft__L8EEU",colorGrayDeep:"FoundationSpecimens_colorGrayDeep__kirmf",colorGrayDark:"FoundationSpecimens_colorGrayDark__1RgFI",colorGrayMid:"FoundationSpecimens_colorGrayMid__klvp3",colorCreamLine:"FoundationSpecimens_colorCreamLine__p4ea7",colorCardLine:"FoundationSpecimens_colorCardLine__AVQMj",colorError:"FoundationSpecimens_colorError__PXdRG",spacingList:"FoundationSpecimens_spacingList__qVJvR",spacingRow:"FoundationSpecimens_spacingRow__UPR9y",spacingBar:"FoundationSpecimens_spacingBar__LMW09",space1:"FoundationSpecimens_space1__8f3LM",space2:"FoundationSpecimens_space2__GAwlB",space3:"FoundationSpecimens_space3__L7uCq",space4:"FoundationSpecimens_space4___9LeQ",space5:"FoundationSpecimens_space5__iu8_k",space6:"FoundationSpecimens_space6__f__cF",space7:"FoundationSpecimens_space7__oSQvS",space8:"FoundationSpecimens_space8__h0cCH",space9:"FoundationSpecimens_space9__WGjw9",space10:"FoundationSpecimens_space10__k3ojD",space11:"FoundationSpecimens_space11__lsK0X",space12:"FoundationSpecimens_space12__2Pqpy",layoutMeta:"FoundationSpecimens_layoutMeta__q9cFX",gridDemo:"FoundationSpecimens_gridDemo__XIT9l",gridColumn:"FoundationSpecimens_gridColumn___6wnZ",containerDemo:"FoundationSpecimens_containerDemo__iQ8fN",siteContainer:"FoundationSpecimens_siteContainer__iiIZV",copyContainer:"FoundationSpecimens_copyContainer__pApTl",pageBuilderPadding:"FoundationSpecimens_pageBuilderPadding__Wjlhf",groupTitle:"FoundationSpecimens_groupTitle__BGHjO",groupIntro:"FoundationSpecimens_groupIntro__1VgzS",pageBuilderPaddingList:"FoundationSpecimens_pageBuilderPaddingList__79ari",pageBuilderPaddingSample:"FoundationSpecimens_pageBuilderPaddingSample__JblxJ",pageBuilderPaddingContent:"FoundationSpecimens_pageBuilderPaddingContent__UsrNx",surfaceGroup:"FoundationSpecimens_surfaceGroup__uKOBN",radiusGrid:"FoundationSpecimens_radiusGrid__ABwnG",radiusItem:"FoundationSpecimens_radiusItem__A4gD7",radiusShape:"FoundationSpecimens_radiusShape__rlGp5",radiusXs:"FoundationSpecimens_radiusXs__5o5Z1",radiusSm:"FoundationSpecimens_radiusSm__46AQv",radiu
1sMd:"FoundationSpecimens_radiusMd__EdiUY",radiusLg:"FoundationSpecimens_radiusLg__cRxvk",radiusXl:"FoundationSpecimens_radiusXl__3qUgA",radius2xl:"FoundationSpecimens_radius2xl__NJpa4",radius3xl:"FoundationSpecimens_radius3xl__2NpgI",radiusBrand:"FoundationSpecimens_radiusBrand__ypdsX",radiusHomepageHero:"FoundationSpecimens_radiusHomepageHero__BgpLr",radiusPill:"FoundationSpecimens_radiusPill__zInSl",radiusRound:"FoundationSpecimens_radiusRound__DfGU8",shadowGrid:"FoundationSpecimens_shadowGrid__7E_25",shadowItem:"FoundationSpecimens_shadowItem__1t0aL",shadowNav:"FoundationSpecimens_shadowNav__X1Db_",shadowSm:"FoundationSpecimens_shadowSm___YIrh",shadowMd:"FoundationSpecimens_shadowMd__Hy9bg",shadowLg:"FoundationSpecimens_shadowLg__WUvel",motionPanel:"FoundationSpecimens_motionPanel__BIPW7",motionGrid:"FoundationSpecimens_motionGrid__nsjr_",motionItem:"FoundationSpecimens_motionItem__N0IjJ",motionTrack:"FoundationSpecimens_motionTrack__9YDXW",motionBrand:"FoundationSpecimens_motionBrand__zJ_OB",motionSpring:"FoundationSpecimens_motionSpring__MWzkg",motionAnnouncement:"FoundationSpecimens_motionAnnouncement__CwqKL",motionHomepage:"FoundationSpecimens_motionHomepage__OnEta",motionBackground1100:"FoundationSpecimens_motionBackground1100__aoEhu",motionBackground1400:"FoundationSpecimens_motionBackground1400__Rh5fp",motionBackground1800:"FoundationSpecimens_motionBackground1800__h26ms",motionReference:"FoundationSpecimens_motionReference__ZUvEo",focusPanel:"FoundationSpecimens_focusPanel__Mo3k2",focusTitle:"FoundationSpecimens_focusTitle__fnxq9",focusDemo:"FoundationSpecimens_focusDemo__uYdy9",table:"FoundationSpecimens_table__20a_s",tableRow:"FoundationSpecimens_tableRow__lkfA_",stackList:"FoundationSpecimens_stackList__Uq8f9",stackCard:"FoundationSpecimens_stackCard__kNPyb",stackRole:"FoundationSpecimens_stackRole__hkzEu",weightRow:"FoundationSpecimens_weightRow__MMXcB",viewportList:"FoundationSpecimens_viewportList__9f358"}},54962:(e,a,o)=>{"use strict";o.d(a,{co:()=>aB,n3:()=>aT,vX:()=>aM,ai:()=>aL,gn:()=>aR,Um:()=>aD,s4:()=>aI,zM:()=>aG,Xy:()=>aC.Xy});var t=o(66352),i=o(10104),s=o(38325),n=o(16775),r=o(68534),l=o(35678),d=o(61546),c=o(88198),m=o(28964),u=o(81576);let p={privacyLabel:"Privacy Policy",privacyHref:"/privacy-policy",disclaimer:"By submitting this form, you agree to Panorama Educationâs"},g={title:"Join 90,000+ education leaders on our weekly newsletter",inputLabel:"Email",buttonLabel:"Subscribe",...p},h={eyebrow:"Get notified about whatâs new",inputLabel:"Email",buttonLabel:"Subscribe",doodle:{_isNormalized:!0,filename:"/temp/blog/res-doodle.svg",width:64,height:64,alt:""},...p},b={eyebrow:"Get our monthly newsletter",inputLabel:"Email",buttonLabel:"Subscribe",...p};var _=o(81288),f=o(60920),v=o(74662);let k={id:"styleguide-resource-card",title:"6 AI Tool Use Cases That Are Transforming Special Education â And How to Build Them",href:"/blog/6-ai-tool-use-cases-that-are-transforming-special-education-and-how-to-build-them",topic:"AI & Emerging Technology",contentType:"Blog",ctaLabel:"Read",description:"100+ prompts, a buyerâs guide, and a rollout plan â everything you need to lead with AI.",image:{_isNormalized:!0,filename:"/assets/images/additional-resources/mt
1ss-data.jpg",width:1242,height:615,alt:"Educators reviewing student data"}},y={...k,id:"styleguide-resource-card-logo",title:"How San Francisco Unified built a shared MTSS language",href:"/district-stories/san-francisco-unified-school-district",topic:"MTSS",contentType:"District Story",image:{_isNormalized:!0,filename:"/temp/logo-carousel/logo-c-sfusd.png",width:355,height:120,alt:"San Francisco Unified School District"}},x={...k,id:"styleguide-featured-resource-card",contentType:"Thought Leadership"},N=["blog","podcast","webinar","districtStory","guide","survey","toolkit","productDemo"].map(e=>({...k,id:`styleguide-resource-card-${e}`,resourceType:e,contentType:e,title:`${e} listing card`}));var S=o(94911),F=o(56504),j=o(82994),w=o(40210),A=o(36904),C=o(30854),T=o(10930),B=o(44327),L=o(49833),P=o(55353),G=o(83629),D=o(28381),R=o(79313),M=o(84313),I=o(72240),$=o(49263),z=o(65145),H=o(98049),E=o(38489),U=o(94867),O=o(97887),W=o.n(O);let J=new Set(["default","solidDark","outlineOnly","light","subtleLift"]),q=new Set(["compactAccent","compact","announcement","announcementMobile","underline"]),V={image:E.cL?.media,video:E.Br?.media,hubspot:E.bN?.media,wistia:E.Dx?.media,youtube:E.B7?.media},X={hero:g,compact:h,sidebar:b},Z={"pull-quote-lavender":w.SA,"podcast-sidebar":w.kn,"expert-promo":w.l0},Q={threeUp:G.T?.items?.[0],twoUp:D.r?.items?.[0],stats:P.D?.items?.[0],perks:L.v?.items?.[0]},Y=d.MZ.sections.flatMap(e=>(e.columns||[]).filter(e=>"cardLink"===e.type)),K=B.O?.items?.find(e=>String(e.image?.filename||"").includes("aim-high"))||B.O?.items?.[0],ee=[{id:"buttons",title:"Buttons & links",layer:"components",family:"Buttons & links",rulesNote:"Reuse Button and ButtonLinkArrow. Do not duplicate their label, arrow, or focus markup.",sourceNote:"components/common/Button \xb7 ButtonLinkArrow",frame:"stage",variants:[{id:"default",label:"Default"},{id:"solidDark",label:"Solid Dark"},{id:"outlineOnly",label:"Outline"},{id:"light",label:"Light"},{id:"subtleLift",label:"Subtle Lift"},{id:"compactAccent",label:"Arrow Accent"},{id:"compact",label:"Arrow Compact"},{id:"announcement",label:"Announcement"},{id:"announcementMobile",label:"Announcement Mobile"},{id:"underline",label:"Underline"}],toggles:[{id:"asButton",label:"Render as button",defaultOn:!1},{id:"lightboxForm",label:"Lightbox Form",defaultOn:!1},{id:"asSpan",label:"Arrow as span",defaultOn:!1},{id:"directionBack",label:"Arrow back",defaultOn:!1},{id:"oneWayMotion",label:"One-way motion",defaultOn:!1}],render:({variant:e,toggles:a}={})=>{let o=!!a?.asButton,i=!!a?.lightboxForm,s=!!a?.asSpan,n=!!a?.oneWayMotion,r=a?.directionBack?"back":"forward",l=J.has(e)?e:"default",d=q.has(e)?e:"compactAccent";if(q.has(e)){let a=(0,t.jsx)(m.A,{as:s?"span":"link",href:s?void 0:"/styleguide#sec-buttons",label:"Read the story",variant:d,direction:r,oneWayMotion:n});return"announcement"===e||"announcementMobile"===e?(0,t.jsx)("div",{className:W().announcementStage,children:a}):a}return i?(0,t.jsx)(c.A,{label:S.ex.linkLabel,variant:l,data:S.ex}):(0,t.jsx)(c.A,{as:o?"button":"link",href:o?void 0:"/styleguide#sec-buttons",label:"Get a Live Demo",variant:l})}},{id:"forms",title:"Forms & lightbox",layer:"components",family:"Forms & lightbox",rulesNote:"Lightbox Form is a componentLink linkType, not a separate button wrapper.",sourceNote:"WebinarRegistrationForm \xb7 FormLightbox \xb7 NewsletterSignup",frame:"stage",variants:[{id:"webinar-message",label:"Webinar thanks"},{id:"webinar-redirect",label:"Webinar redirect"},{id:"lightbox",label:"Lightbox Form"},{id:"newsletter-hero",label:"Newsletter hero"},{id:"newsletter-compact",label:"Newsletter compact"},{id:"newsletter-sidebar",label:"Newsletter sidebar"}],toggles:[],render:({variant:e}={})=>{if("webinar-redirect"===e)return(0,t.jsx)(C.A,{data:T.Y});if("lightbox"===e)return(0,t.jsx)(c.A,{label:S.ex.linkLabel,data:S.ex});if(e?.startsWith("newsletter-")){let a=e.replace("newsletter-","");return(0,t.jsx)(u.A,{variant:a,data:X[a]||X.hero})}return(0,t.jsx)(C.A,{data:T.u})}},{id:"media",title:"Media / Asset",layer:"components",family:"Media / Asset",rulesNote:"Normalize mediaType before branching. Autoplay Video and legacy Video both resolve as video.",s
1ourceNote:"components/media/Asset \xb7 normalizeMediaType",frame:"stage",variants:[{id:"image",label:"Image"},{id:"video",label:"Autoplay Video"},{id:"hubspot",label:"Hubspot Embed"},{id:"wistia",label:"Wistia Embed"},{id:"youtube",label:"Youtube Embed"}],toggles:[{id:"contain",label:"Fit contain",defaultOn:!1},{id:"fill",label:"Fill frame",defaultOn:!0}],render:({variant:e,toggles:a}={})=>{let o=V[e]||V.image,i=a?.contain?U.Tv.CONTAIN:U.Tv.COVER,s=a?.fill!==!1;return(0,t.jsx)("div",{className:W().mediaStage,children:(0,t.jsx)(F.A,{asset:o,fit:i,fill:s,imageSizes:"81.3rem"})})}},{id:"chrome",title:"Header / Announcement / Footer",layer:"components",family:"Site chrome",rulesNote:"Isolate chrome in bleed frames. This guide page opts out of the live site header and footer.",sourceNote:"components/base/Header \xb7 AnnouncementBar \xb7 Footer",frame:"bleed",variants:[{id:"header",label:"Header"},{id:"header-cards",label:"Menu cards"},{id:"announcement",label:"Announcement"},{id:"footer",label:"Footer"}],toggles:[{id:"badge",label:"Announcement badge",defaultOn:!0},{id:"hidden",label:"Hidden",defaultOn:!1}],render:({variant:e,toggles:a,globalSettings:o}={})=>{let d={...o?.announcement||s.i,showAnnouncement:!a?.hidden,showBadge:!!a?.badge};return"announcement"===e?a?.hidden?(0,t.jsx)("p",{className:W().note,children:"Announcement is hidden. Turn off Hidden to show the live bar."}):(0,t.jsx)(i.Ay,{data:d}):"footer"===e?(0,t.jsx)(n.A,{data:o?.footer||null}):"header-cards"===e?(0,t.jsx)("div",{className:W().headerCards,children:Y.map((e,a)=>(0,t.jsx)(l.A,{card:e,active:!0},`${e.theme}-${e.variant||"default"}-${a}`))}):(0,t.jsx)("div",{className:W().chromeIsolate,children:(0,t.jsx)(r.A,{data:o?.header||null,showAnnouncement:!a?.hidden})})}},{id:"cards",title:"Cards",layer:"components",family:"Cards",rulesNote:"Reuse an existing card when structure and behavior match. Do not invent a near-duplicate type.",sourceNote:"components/cards \xb7 FeaturedResourceCard \xb7 RelatedContent",frame:"stage",variants:[{id:"default",label:"Resource default"},{id:"blog",label:"Resource blog"},{id:"listing",label:"Resource listing"},{id:"related",label:"Resource related"},{id:"featured",label:"Featured"},{id:"types",label:"Type labels"},{id:"threeUp",label:"Shell 3-up"},{id:"twoUp",label:"Shell 2-up"},{id:"stats",label:"Shell stats"},{id:"perks",label:"Shell perks"},{id:"colorGrid",label:"Color grid"},{id:"relatedContent",label:"Related matrix"}],toggles:[{id:"logo",label:"Logo image",defaultOn:!1},{id:"topicActive",label:"Topic active",defaultOn:!1}],render:({variant:e,toggles:a}={})=>{let o=a?.logo?y:k,i=a?.topicActive&&o.topic?[o.topic]:[];if("featured"===e)return(0,t.jsx)(A.A,{item:x,topicActive:!!a?.topicActive});if("types"===e)return(0,t.jsx)("div",{className:W().cardGrid,children:N.map(e=>(0,t.jsx)(v.A,{item:a?.logo?{...e,image:o.image}:e,variant:"listing"},e.id))});if(Q[e]){let a=Q[e];return(0,t.jsx)(_.A,{variant:e,icon:a.icon,children:(0,t.jsx)("p",{children:a.title})})}return"colorGrid"===e&&K?(0,t.jsx)(f.A,{...K}):"relatedContent"===e?(0,t.jsx)(t.Fragment,{children:H.Wl.map(e=>(0,t.jsx)(z.default,{...e},e.id))}):(0,t.jsx)(v.A,{item:o,variant:e||"default",selectedTopics:i})}},{id:"toolkit",title:"Article Toolkit",layer:"components",family:"Article Toolkit",rulesNote:"Toolkit blocks share one ArticleToolkit container. Compact is the webinar-layout width.",sourceNote:"articleToolkitPreviewData.js \xb7 stage 81.3rem",frame:"stage",variants:[{id:"rich-text",label:"Rich text"},{id:"foot-note",label:"Foot note"},{id:"text-list",label:"Text list"},{id:"cards-grid",label:"Cards grid"},{id:"image",label:"Image"},{id:"video",label:"Video autoplay"},{id:"video-lightbox",label:"Video lightbox"},{id:"video-embed",label:"Video embed"},{id:"audio-player",label:"Podcast audio"},{id:"cta-breaker",label:"CTA breaker"},{id:"metrics-grid",label:"Metrics"},{id:"pull-quote",label:"Pull quote"},{id:"pull-quote-ring",label:"Pull quote ring"},{id:"pull-quote-lavender",label:"Pull quote lavender"},{id:"stats-callout",label:"Stats callout"},{id:"testimonial",label:"Testimonial"},{id:"speaker-profiles",label:"Speakers"},{id:"platform-links",label:"Platform links"},{id:"podcast-sidebar",label:"Platforms sidebar"},{id:"webinar-date",label:"Webinar date"},{id:"transcript",label:"Transcript"},{id:"legacy-body-html",label:"Legacy HTML"},{id:"expert-promo",label:"Expert promo"}],toggles:[{id:"compact",label:"Compact container",defaultOn:!1}],render:({variant:e,toggles:a,preparedToolkitBlocks:o}={})=>{let i=!!a?.compact,s=o||w.Pt,n=Z[e]||s.find(a=>a.id===`preview-${e}`)||s.find(a=>a.type===e)||s[0];return"expert-promo"===e||n?.type==="expertPromoCard"?(0,t.jsx)("div",{className:W().toolkitStage,children:(0,t.jsx)(j.c2,{block:w.l0})}):(0,t.jsx)("div",{className:W().toolkitStage,children:(0,t.jsx)(j.Ay,{blocks:[n],variant:i?"compact":"standard"})})}}
1,{id:"faq",title:"FAQ Accordion",layer:"components",family:"FAQ Accordion",rulesNote:"Background is a shared Cream / White axis, not a unique FAQ token.",sourceNote:"components/sections/FaqAccordion",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsx)(R.A,{...M.D})},{id:"logo-carousel",title:"Logo carousel",layer:"components",family:"Logo carousel",rulesNote:"Headline and Eyebrow are exclusive variants. showMarker is an optional field, not a tab.",sourceNote:"components/sections/LogoCarousel",frame:"bleed",variants:[{id:"headline",label:"Headline"},{id:"eyebrow",label:"Eyebrow"}],toggles:[{id:"showMarker",label:"Show marker",defaultOn:!1}],render:({variant:e,toggles:a,previewBg:o}={})=>{let i="eyebrow"===e?$.z5:$.Cr;return(0,t.jsx)(I.A,{...i,showMarker:!!a?.showMarker,backgroundColor:"white"===o?"white":"cream"})}}];var ea=o(22705),eo=o(6929),et=o(87265),ei=o(31655),es=o(54556),en=o.n(es);let er=[{id:"typography",title:"Typography",layer:"foundations",family:"Foundations",rulesNote:"Always reuse an existing font-* mixin. Do not add a single-use type role to match a mock.",sourceNote:"styles/forwards/typography.scss \xb7 22 roles on /stylesheet",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsx)("div",{className:en().typeList,children:eo.UJ.map(e=>(0,t.jsxs)("article",{className:en().typeSpecimen,children:[(0,t.jsxs)("div",{className:en().typeMeta,children:[(0,t.jsx)("span",{children:e.role}),(0,t.jsxs)("code",{children:["@include ",e.token]}),(0,t.jsx)("span",{children:e.sizes})]}),(0,t.jsx)("p",{className:en()[e.className],children:e.sample})]},e.token))})},{id:"color",title:"Color",layer:"foundations",family:"Foundations",rulesNote:"Cream and ink carry the system. Do not invent a second token set; forwards colors are canonical.",sourceNote:"styles/forwards/colors.scss \xb7 35 $color-* swatches",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsx)("div",{className:en().colorGrid,children:eo.tJ.map(e=>(0,t.jsxs)("article",{className:(0,et.$z)(en().colorCard,en()[e.className],e.dark&&en().lightText),children:[(0,t.jsxs)("code",{children:["$color-",e.token.replace("color-","")]}),(0,t.jsx)("span",{children:e.value})]},e.token))})},{id:"spacing",title:"Spacing",layer:"foundations",family:"Foundations",rulesNote:"Use $space-1 through $space-12. Convert prototype pixels to rem at 1rem = 10px.",sourceNote:"styles/forwards/values.scss \xb7 $space-1â12",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsx)("div",{className:en().spacingList,children:eo.J4.map(e=>(0,t.jsxs)("div",{className:en().spacingRow,children:[(0,t.jsxs)("code",{children:["$",e.token]}),(0,t.jsx)("span",{children:e.value}),(0,t.jsx)("div",{className:(0,et.$z)(en().spacingBar,en()[e.className])})]},e.token))})},{id:"layout",title:"Layout",layer:"foundations",family:"Foundations",rulesNote:"Site column is 124.2rem. Copy column is 92rem. Page Builder spacing is Large / Small / None.",sourceNote:"grid.scss \xb7 values.scss \xb7 PageBuilderSection \xb7 12-col + containers + padding",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:en().layoutMeta,children:eo.cV.map(e=>(0,t.jsx)("span",{children:e},e))}),(0,t.jsx)("div",{className:en().gridDemo,"aria-label":"Responsive column grid",children:eo.cb.map(e=>(0,t.jsx)("span",{className:en().gridColumn,children:e},e))}),(0,t.jsxs)("div",{className:en().containerDemo,"aria-label":"Site and copy containers",children:[(0,t.jsx)("div",{className:en().siteContainer,children:(0,t.jsx)("code",{children:"$site-container-max-width \xb7 124.2rem"})}),(0,t.jsx)("div",{className:en().copyContainer,children:(0,t.jsx)("code",{children:"$copy-container-max-width \xb7 92rem"})})]}),(0,t.jsxs)("div",{className:en().pageBuilderPadding,children:[(0,t.jsx)("h3",{className:en().groupTitle,children:"Page Builder section padding"}),(0,t.jsx)("p",{className:en().groupIntro,children:(0,ei.v)("Top and bottom use the same three-option scale and can be selected independently.")}),(0,t.jsx)("div",{className:en().pageBuilderPaddingList,children:eo.yf.map(e=>(0,t.jsx)(ea.A,{className:en().pageBuilderPaddingSample,paddingTop:e.size,paddingBottom:e.size,"aria-label":`${e.size} section padding`,children:(0,t.jsxs)("div",{className:en().pageBuilderPaddingContent,children:[(0,t.jsx)("strong",{children:e.size}),(0,t.jsx)("span",{children:e.value})]})},e.size))})]})]})},{id:"surfaces",title:"Surfaces",layer:"foundations",family:"Foundations",rulesNote:"Reuse the shared radius and shadow tokens. One-off geometry may stay in a component module.",sourceNote:"styles/forwards/values.scss \xb7 11 radii \xb7 4 shadows",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:en().surfaceGroup,children:[(0,t.jsx)("h3",{className:en().groupTitle,children:"Radius"}),(0,t.jsx)("div",{className:en().radiusGrid,children:eo.AM.map(e=>(0,t.jsxs)("div",{className:en().radiusItem,children:[(0,t.jsx)("div",{className:(0,et.$z)(en().radiusShape,en()[e.className])}),(0,t.jsxs)("code",{children:["$",e.token]}),(0,t.jsx)("span",{children:e.value})]},e.token))})]}),(0,t.jsxs)("div",{className:en().surfaceGroup,children:[(0,t.jsx)("h3",{className:en().groupTitle,children:"Shadow \xb7 floating chrome and mockups only"}),(0,t.jsx)("div",{className:en().shadowGrid,children:eo.k$.map(e=>(0,t.jsx)("div",{className:(0,et.$z)(en().shadowItem,en()[e.className]),children:(0,t.jsxs)("code",{children:["$",e.token]})},e.token))})]})]})},{id:"motion",title:"Motion & focus",layer:"foundations",family:"Foundations",rulesNote:"Respect prefers-reduced-motion. Keep a visible :focus-visible outline on every control.",sourceNote:"easings.scss \xb7 values.scss \xb7 $ease-* \xb7 $duration-*",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsxs)("div",{className:en().motionPanel,children:[(0,t.jsx)("div",{className:en().motionGrid,children:eo.Nr.map(e=>(0,t.jsxs)("div",{className:en().motionItem,children:[(0,t.jsx)("div",{className:(0,et.$z)(en().motionTrack,en()[e.className]),tabIndex:"0",children:(0,t.jsx)("span",{})}),(0,t.jsx)("code",{children:e.token})]},e.className))}),(0,t.jsxs)("div",{className:en().motionReference,children:[(0,t.jsxs)("article",{children:[(0,t.jsx)("h3",{children:"Easing curves"}),eo.hT.map(e=>(0,t.jsx)("code",{children:e},e))]}),(0,t.jsxs)("article",{children:[(0,t.jsx)("h3",{children:"Duration scale"}),eo.IL.map(e=>(0,t.jsx)("code",{children:e},e))]})]}),(0,t.jsxs)("div",{className:en().focusPanel,children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:en().focusTitle,children:"Keyboard focus"}),(0,t.jsx)("p",{children:(0,ei.v)("A 0.3rem high-contrast outline remains visible on every interactive surface. Its offset may sit outside or inside the component edge to preserve shape and avoid clipping.")})]}),(0,t.jsx)("a",{className:en().focusDemo,href:"#sec-motion",children:"Focus this link"})]})]})},{id:"breakpoints",title:"Breakpoints + rem scale",layer:"foundations",family:"Foundations",rulesNote:"The main mobile/desktop boundary is 768px. Root font-size is 62.5% so 1rem equals 10px at the rem cap.",sourceNote:"breakpoints.scss \xb7 styles/core/brand.scss \xb7 zIndex.scss",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:en().table,children:[(0,t.jsxs)("div",{className:en().tableRow,"data-head":"true",children:[(0,t.jsx)("span",{children:"Token"}),(0,t.jsx)("span",{children:"Value"}),(0,t.jsx)("span",{children:"Note"})]}),eo.j3.map(e=>(0,t.jsxs)("div",{className:en().tableRow,children:[(0,t.jsx)("code",{children:e.token}),(0,t.jsx)("span",{children:e.value}),(0,t.jsx)("span",{children:e.note||"â"})]},e.token))]}),(0,t.jsx)("h3",{className:en().groupTitle,children:"Rem scale"}),(0,t.jsx)("div",{className:en().table,children:eo.a_.map(e=>(0,t.jsxs)("div",{className:en().tableRow,children:[(0,t.jsx)("code",{children:e.token}),(0,t.jsx)("span",{children:e.value}),(0,t.jsx)("span",{children:e.note})]},e.token))}),(0,t.jsx)("h3",{className:en().groupTitle,children:"Font stacks"}),(0,t.jsx)("div",{className:en().stackList,children:eo.le.map(e=>(0,t.jsxs)("article",{className:en().stackCard,children:[(0,t.jsx)("p",{className:en().stackRole,children:e.role}),(0,t.jsx)("code",{children:e.token}),(0,t.jsx)("p",{children:e.stack}),(0,t.jsx)("span",{children:e.weights})]},e.token))}),(0,t.jsx)("div",{className:en().weightRow,children:eo.NM.map(e=>(0,t.jsxs)("span",{children:[(0,t.jsx)("code",{children:e.token})," ",e.value]},e.token))}),(0,t.jsx)("h3",{className:en().groupTitle,children:"Z-index stack"}),(0,t.jsx)("div",{className:en().table,children:eo.Hf.map(e=>(0,t.jsxs)("div",{className:en().tableRow,children:[(0,t.jsx)("code",{children:e.token}),(0,t.jsx)("span",{children:e.note}),(0,t.jsx)("span",{})]},e.token))}),(0,t.jsx)("h3",{className:en().groupTitle,children:"Review viewports"}),(0,t.jsx)("p",{className:en().groupIntro,children:(0,ei.v)("Use these windows when judging the product. Prototype comparisons use innerWidth === 1445.")}),(0,t.jsx)("ul",{className:en().viewportList,children:eo.sJ.map(e=>(0,t.jsx)("li",{children:e},e))})]})}];var el=o(52413),ed=o(27521),ec=o(97641),em=o(20747),eu=o(38937),ep=o(80321),eg=o(98542),eh=o(69336),eb=o(85645),e_=o(90173),ef=o(41978),ev=o(7308),ek=o(53314),ey=o(38612),ex=o(94922),eN=o(93328);let eS=(0,eN.G)("/temp/blog/art-img-1.jpg",1218,812,"Educators collaborating around a table"),eF=(0,eN.G)("/temp/blog/art-avatar.png",288,288,"Brittany Blackwell"),ej=(0,eN.G)("/temp/logo-carousel/logo-c-sfusd.png",355,120,"San Francisco Unified School District"),ew={name:"Brittany Blackwell, M.Ed.",role:"Guest Host | Panorama Education",image:eF},eA={resourceType:"blog",type:"blog",title:"6 AI tool use cases that are transforming special education",href:"/blog/6-ai-tool-use-cases-that-are-transforming-special-education-and-how-to-build-them",overviewHref:"/blog",category:"AI & Emerging Technology",author:ew,heroImage:eS,hero:{image:eS,author:ew,resourcePromo:{eyebrow:"Featured toolkit",title:"19 attendance interventions districts can use this month",href:"/toolkits/19-attendance-interventions"}}},eC={resourceType:"podcast",type:"podcast",title:"Leading instructional change with AI integration in schools",href:"/podcast/leading-instructional-change-with-ai-integration-in-schools-with-sarah-jay",overviewHref:"/podcast",category:"AI Literacy",episode:"Episode 12",hero:{episode:"Episode 12"}},eT={resourceType:"districtStory",type:"districtStory",title:"How San Francisco Unified built a shared MTSS language",href:"/district-stories/san-francisco-unified-school-district",overviewHref:"/district-stories",author:{name:"San Francisco Unified School District"},hero:{author:{name:"San Francisco Unified School District"},logo:ej}},eB={...eT,hero:{author:{name:"San Francisco Unified School District"}}},eL={resourceType:"webinar",type:"webinar",title:"Personalized instruction in every classroom",href:"/webinars/personalized-instruction-in-every-classroom-a-live-demo-of-panorama-solara-with-class-companion",overviewHref:"/webinars",category:"Product",heroImage:eS,hero:{media:eS,hubspotVideoId:"186450241977",cta:{linkType:"Internal",linkLabel:"Save your seat",href:"/request-demo"}}};var eP=o(19115),eG=o(29151),eD=o(12727),eR=o(40915),eM=o(22637),eI=o(53757),e$=o(
17235),ez=o(75767),eH=o(89183),eE=o(3131),eU=o(86291),eO=o(21991),eW=o(85571),eJ=o(97559),eq=o(20499),eV=o(93441),eX=o(50769),eZ=o(38653),eQ=o(91885),eY=o(14507),eK=o(99551),e0=o(1465),e1=o(16654),e2=o(69003),e4=o(76687),e5=o(44515),e3=o(5527),e9=o(50563),e6=o(75351),e8=o(59623),e7=o(90371),ae=o(57839),aa=o(2852),ao=o(17723),at=o(75279),ai=o(84224),as=o(64263),an=o(91870),ar=o(34659),al=o(71255),ad=o(40907),ac=o(69855),am=o(10575),au=o(33099),ap=o(50065),ag=o(67353),ah=o(8896),ab=o(87013),a_=o(95387),af=o(31119),av=o(17943),ak=o(10995),ay=o(4049),ax=o(86089),aN=o(46609),aS=o(27213),aF=o(25661),aj=o(93381),aw=o(15061);let aA=[{id:"heroes",title:"Heroes",layer:"layouts",family:"Heroes",rulesNote:"Page heroes and resource heroes are separate families. Do not treat padding or anchorId as visual variants.",sourceNote:"HeroBuilder \xb7 components/resources/heros",frame:"bleed",variants:[{id:"homepage",label:"Homepage"},{id:"homepage-up",label:"Homepage up"},{id:"homepage-down",label:"Homepage down"},{id:"product-graphic",label:"Product graphic"},{id:"product-centered",label:"Product centered"},{id:"product-centered-auto",label:"Product auto"},{id:"form",label:"Form"},{id:"form-campaign",label:"Form campaign"},{id:"form-compact",label:"Form compact"},{id:"collage",label:"Collage"},{id:"split",label:"Split"},{id:"generic",label:"Generic"},{id:"blog",label:"Blog"},{id:"podcast",label:"Podcast"},{id:"district",label:"District story"},{id:"webinar",label:"Webinar"},{id:"webinar-big-image",label:"Webinar big image"}],toggles:[{id:"emptyMedia",label:"District empty media",defaultOn:!1}],render:({variant:e,toggles:a}={})=>"homepage-up"===e?(0,t.jsx)(eu.A,{...ep.aZ}):"homepage-down"===e?(0,t.jsx)(eu.A,{...ep.Nb}):"product-graphic"===e?(0,t.jsx)(ek.default,{...ey.g}):"product-centered-auto"===e?(0,t.jsx)(ef.default,{...ev.lw}):"product-centered"===e?(0,t.jsx)(ef.default,{...ev.cM}):"form-campaign"===e?(0,t.jsx)(em.default,{...S.rS}):"form-compact"===e?(0,t.jsx)(em.default,{...S.Oh}):"form"===e?(0,t.jsx)(em.default,{...S.rB}):"collage"===e?(0,t.jsx)(eg.default,{...eh.m}):"split"===e?(0,t.jsx)(eb.default,{...e_.B}):"generic"===e?(0,t.jsx)(ed.A,{...ec.B}):"blog"===e?(0,t.jsx)(ex.Hr,{resource:eA}):"podcast"===e?(0,t.jsx)(ex.Bh,{resource:eC}):"district"===e?(0,t.jsx)(ex.Iv,{resource:a?.emptyMedia?eB:eT}):"webinar"===e?(0,t.jsx)(ex.dk,{resource:eL}):"webinar-big-image"===e?(0,t.jsx)(ex.dk,{resource:{...eL,hero:{...eL.hero,layout:"Big Image"}}}):(0,t.jsx)(eu.A,{...ep.t3})},{id:"text-blocks",title:"Text blocks",layer:"layouts",family:"Text blocks",rulesNote:"Centered, Split, and Editorial Columns are standalone components even when they share a survivor CMS type.",sourceNote:"TextSectionCentered \xb7 Split \xb7 EditorialColumns",frame:"inline",variants:[{id:"centered",label:"Centered combined"},{id:"centered-cta",label:"Centered CTA"},{id:"centered-links",label:"Centered links"},{id:"split-left",label:"Split left"},{id:"split-right",label:"Split right"},{id:"editorial",label:"Editorial columns"}],toggles:[],render:({variant:e}={})=>"editorial"===e?(0,t.jsx)(av.default,{...ak.f}):"split-right"===e?(0,t.jsx)(aS.default,{...aF.hQ}):"split-left"===e?(0,t.jsx)(aS.default,{...aF.oN}):"centered-cta"===e?(0,t.jsx)(a_.default,{...af.Xy}):"centered-links"===e?(0,t.jsx)(a_.default,{...af.lh}):(0,t.jsx)(a_.default,{...af.Ge})},{id:"text-columns",title:"Text columns",layer:"layouts",family:"Text columns",rulesNote:"Sweep image fit and background on Three Column Image Text. Cover / Contain and White / Cream / Transparent.",sourceNote:"ThreeColumnImageText",frame:"inline",variants:[{id:"contain",label:"Contain / White"},{id:"cover",label:"Cover"},{id:"cream",label:"Cream bg"},{id:"transparent",label:"Transparent bg"}],toggles:[],render:({variant:e}={})=>{let a,o=(a={contain:aw.nc,cover:aw.so,cream:aw.HC,transparent:aw.RV})[e]||a.contain;return(0,t.jsx)(aj.default,{...o})}},{id:"text-cards",title:"Text with cards",layer:"layouts",family:"Text with cards",rulesNote:"Card-grid shells are threeUp, twoUp, stats, and perks. Preview each standalone.",sourceNote:"CardsGri
1dThreeUp \xb7 TwoUp \xb7 Big \xb7 Colors \xb7 Stats \xb7 Perks",frame:"inline",variants:[{id:"threeUp",label:"Three up"},{id:"twoUp",label:"Two up"},{id:"big",label:"Big"},{id:"colors",label:"Colors"},{id:"stats",label:"Stats"},{id:"perks",label:"Perks"}],toggles:[],render:({variant:e}={})=>"twoUp"===e?(0,t.jsx)(eQ.default,{...D.r}):"big"===e?(0,t.jsx)(eW.A,{...eJ.S}):"colors"===e?(0,t.jsx)(eq.default,{...B.O}):"stats"===e?(0,t.jsx)(eX.default,{...P.D}):"perks"===e?(0,t.jsx)(eV.default,{...L.v}):(0,t.jsx)(eZ.default,{...G.T})},{id:"text-media",title:"Text & media",layer:"layouts",family:"Text & media",rulesNote:"Reuse the shared mediaType enum. Cover and Contain are a pair, not separate sections.",sourceNote:"TextSectionMedia \xb7 MediaCard \xb7 StackedTextImage",frame:"inline",variants:[{id:"media-left",label:"Media left"},{id:"media-right",label:"Media right"},{id:"media-contain",label:"Media contain"},{id:"media-video",label:"Autoplay video"},{id:"media-hubspot",label:"Hubspot"},{id:"media-wistia",label:"Wistia"},{id:"media-youtube",label:"Youtube"},{id:"card-left",label:"Card left"},{id:"card-right",label:"Card right"},{id:"card-frame",label:"Card frame"},{id:"card-contain",label:"Card contain"},{id:"stacked",label:"Stacked right"},{id:"stacked-left",label:"Stacked left"}],toggles:[],render:({variant:e}={})=>"media-right"===e?(0,t.jsx)(ay.A,{...E.tu}):"media-contain"===e?(0,t.jsx)(ay.A,{...E.PM}):"media-video"===e?(0,t.jsx)(ay.A,{...E.Br}):"media-hubspot"===e?(0,t.jsx)(ay.A,{...E.bN}):"media-wistia"===e?(0,t.jsx)(ay.A,{...E.Dx}):"media-youtube"===e?(0,t.jsx)(ay.A,{...E.B7}):"card-left"===e?(0,t.jsx)(ax.A,{...aN.ci}):"card-right"===e?(0,t.jsx)(ax.A,{...aN.XA}):"card-frame"===e?(0,t.jsx)(ax.A,{...aN.sZ}):"card-contain"===e?(0,t.jsx)(ax.A,{...aN.v7}):"stacked-left"===e?(0,t.jsx)(ar.default,{...al.dQ}):"stacked"===e?(0,t.jsx)(ar.default,{...al.kt}):(0,t.jsx)(ay.A,{...E.cL})},{id:"tabs-image",title:"Tabs with text & image",layer:"layouts",family:"Tabs with text & image",rulesNote:"Background Cream / White is the shared page-background toggle, not a local tab.",sourceNote:"TabsWithTextImage",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsx)(ad.default,{...ac.Z})},{id:"scrolling-panels",title:"Scrolling panel / Full panel",layer:"layouts",family:"Scrolling panels",rulesNote:"Scroll-driven modules use a fixed 84.4rem Mobile iframe so the page does not steal the demo.",sourceNote:"ScrollingPanelWithImage \xb7 FullPanelScroll",frame:"bleed",scrollWindow:!0,variants:[{id:"left",label:"Panel left"},{id:"right",label:"Panel right"},{id:"contain",label:"Panel contain"},{id:"full",label:"Full panel"}],toggles:[],render:({variant:e}={})=>"right"===e?(0,t.jsx)(ao.default,{...at._t}):"contain"===e?(0,t.jsx)(ao.default,{...at._6}):"full"===e?(0,t.jsx)(e9.A,{...e6.x}):(0,t.jsx)(ao.default,{...at.hg})},{id:"testimonials",title:"Testimonials",layer:"layouts",family:"Testimonials",rulesNote:"scrollBackground is disabled and ignored. Card themes are code-driven, not editor fields.",sourceNote:"TestimonialsCarousel \xb7 TestimonialGraphic \xb7 TestimonialImage",frame:"bleed",scrollWindow:!0,variants:[{id:"homepage",label:"Homepage"},{id:"student-success",label:"Student Success"},{id:"careers",label:"Careers"},{id:"image-top",label:"Image top"},{id:"graphic",label:"Graphic"},{id:"image",label:"Image cover"},{id:"image-contain",label:"Image contain"}],toggles:[],render:({variant:e}={})=>"student-success"===e?(0,t.jsx)(ah.A,{...ab.t6}):"careers"===e?(0,t.jsx)(ah.A,{...ab.IK}):"image-top"===e?(0,t.jsx)(ah.A,{...ab.zM}):"graphic"===e?(0,t.jsx)(am.default,{...au.G}):"image-contain"===e?(0,t.jsx)(ap.default,{...ag.hE}):"image"===e?(0,t.jsx)(ap.default,{...ag.P8}):(0,t.jsx)(ah.A,{...ab.d7})},{id:"scrolling-pills",title:"Scrolling pills",layer:"layouts",family:"Scrolling pills",rulesNote:"Two text rows. Mobile uses a fixed 84.4rem inner window so the demo stays inside the iframe.",sourceNote:"ScrollingPills",frame:"bleed",scrollWindow:!0,variants:[],toggles:[],render:()=>(0,t.jsx)(ai.default,{...as.U})},{id:"certifications",title:"Certifications",layer:"layouts",family:"Certifications",rulesNote:"Backgroun
1d follows the shared Cream / White axis.",sourceNote:"Certifications",frame:"inline",variants:[],toggles:[],render:()=>(0,t.jsx)(eY.A,{...eK.O})},{id:"related-resources",title:"Additional resources / Related content",layer:"layouts",family:"Related resources",rulesNote:"Related cards sort newest first by firstPublishedAt. Do not treat color \xd7 theme as separate sections.",sourceNote:"AdditionalResources \xb7 RelatedContent",frame:"inline",variants:[{id:"additional",label:"Additional resources"},{id:"related",label:"Related content"},{id:"related-matrix",label:"Related matrix"}],toggles:[],render:({variant:e}={})=>"related-matrix"===e?(0,t.jsx)(t.Fragment,{children:H.Wl.map(e=>(0,t.jsx)(z.default,{...e},e.id))}):"related"===e?(0,t.jsx)(z.default,{...H.FF}):(0,t.jsx)(eP.A,{...eG.V})},{id:"ai-feature",title:"AI feature",layer:"layouts",family:"AI feature",rulesNote:"Carousel and Accordion are exclusive layouts. Accordion item visuals are Checklist, Ranked, and Tiers.",sourceNote:"AiCarousel \xb7 AiAccordion",frame:"inline",variants:[{id:"carousel",label:"Carousel"},{id:"accordion",label:"Accordion"}],toggles:[],render:({variant:e}={})=>"accordion"===e?(0,t.jsx)(eD.default,{...eR.H}):(0,t.jsx)(eM.A,{...eI.H})},{id:"gallery",title:"Gallery",layer:"layouts",family:"Gallery",rulesNote:"Per-image alignment is Center, Top, or Bottom. Sweep representatives, not every slot.",sourceNote:"ImagesGallery",frame:"bleed",variants:[{id:"default",label:"Default"},{id:"align",label:"Align sweep"}],toggles:[],render:({variant:e}={})=>"align"===e?(0,t.jsx)(e8.default,{...e7.c0}):(0,t.jsx)(e8.default,{...e7.JU})},{id:"listings",title:"Link list / Job listing",layer:"layouts",family:"Listings",rulesNote:"Job listing reads Greenhouse data. Do not mock a second jobs source.",sourceNote:"JobListing \xb7 SpeakerProfilesSection",frame:"inline",variants:[{id:"jobs",label:"Job listing"},{id:"speakers-1",label:"Speakers 1 col"},{id:"speakers-2",label:"Speakers 2 col"},{id:"speakers-3",label:"Speakers 3 col"}],toggles:[],render:({variant:e}={})=>{if(e?.startsWith("speakers-")){let a=Number(e.replace("speakers-","")),o=an.a.find(e=>Number(e.columns)===a);return(0,t.jsx)(el.A,{sections:o?[o]:[]})}return(0,t.jsx)(ae.default,{...aa.U})}},{id:"graphics",title:"Product / bar / custom graphics",layer:"layouts",family:"Graphics",rulesNote:"Custom Graphic keeps separate desktop and mobile SVG paths. Preview the live component.",sourceNote:"BarGraphic1 \xb7 BarGraphic2 \xb7 CustomGraphic",frame:"bleed",variants:[{id:"bar-1",label:"Bar graphic 1"},{id:"bar-2",label:"Bar graphic 2"},{id:"custom",label:"Custom graphic"}],toggles:[],render:({variant:e}={})=>"bar-2"===e?(0,t.jsx)(eU.default,{...eO.E}):"custom"===e?(0,t.jsx)(e5.default,{...e3.C}):(0,t.jsx)(eH.default,{...eE.h})},{id:"cta-breaker",title:"CTA breaker / Banner reveal",layer:"layouts",family:"CTA",rulesNote:"Links, Form, and framed secondary are exclusive tabs. Banner Reveal stays a standalone component.",sourceNote:"CtaBreaker \xb7 BannerReveal",frame:"bleed",variants:[{id:"links",label:"Links"},{id:"form",label:"Form"},{id:"framed",label:"Framed"},{id:"banner",label:"Banner reveal"}],toggles:[],render:({variant:e}={})=>"banner"===e?(0,t.jsx)(e$.default,{...ez.O}):"form"===e?(0,t.jsx)(e0.A,{...e1.HU}):"framed"===e?(0,t.jsx)(e0.A,{...e1.X9}):(0,t.jsx)(e0.A,{...e1.s})},{id:"custom-embed",title:"Custom embed",layer:"layouts",family:"Custom embed",rulesNote:"Embed code is free HTML. Preview representative YouTube and JSON-LD patterns.",sourceNote:"CustomEmbed",frame:"inline",variants:[{id:"youtube",label:"YouTube"},{id:"json-ld",label:"JSON-LD"}],toggles:[],render:({variant:e}={})=>"json-ld"===e?(0,t.jsx)(e2.default,{...e4.td}):(0,t.jsx)(e2.default,{...e4.hI})}];var aC=o(55885);let aT="0.5.0",aB="2026-09-08",aL=(e=aB)=>{let a=new Date(`${e}T00:00:00`);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(a)},aP=[...er,...ee,...aA],aG=e=>`sec-${e}`,aD=e=>aP.find(a=>a.id===e)||null,aR=e=>aP.filter(a=>a.layer===e),aM=()=>{let e=aR("foundations").map(e=>({id:e.id,title:e.title,href:`#${aG(e.id)}`,children:null})),a=(e,a)=>({id:e,title:a,href:`#${aG(e)}`,children:aR(e).map(e=>({id:e.id,title:e.title,href:`#${aG(e.id)}`}))});return[...e,a("components","Components"),a("layouts","Layouts")]},aI=()=>[...aR("foundations").map(e=>aG(e.id)),aG("components"),...aR("components").map(e=>aG(e.id)),aG("layouts"),...aR("layouts").map(e=>aG(e.id))]},55885:(e,a,o)=>{"use strict";o.d(a,{Hu:()=>i,Rw:()=>d,Xy:()=>n,_M:()=>t,ok:()=>s,sJ:()=>r,yF:()=>l});let t="sg-preview-height",i=390,s=84.4,n=e=>e?.layer==="components"||e?.layer==="layouts",r=e=>Array.isArray(e)?e[0]||"":"string"==typeof e?e:"",l=({item:e,variant:a="",bg:o="cream",toggles:t={}})=>{let i=new URLSearchParams;i.set("item",e),a&&i.set("variant",a),i.set("bg","white"===o?"white":"cream");let s=Object.entries(t).filter(([,e])=>e).map(([e])=>e);return i.set("toggles",s.join(",")),`/styleguide/preview?${i.toString()}`},d=(e,a={})=>{let o=void 0!==a.toggles,t=new Set(r(a.toggles).split(",").map(e=>
1e.trim()).filter(Boolean));return Object.fromEntries((e?.toggles||[]).map(e=>[e.id,o?t.has(e.id):!!e.defaultOn]))}},97887:e=>{e.exports={mediaStage:"ComponentPilots_mediaStage__MI4aJ",announcementStage:"ComponentPilots_announcementStage__KfdcO",chromeIsolate:"ComponentPilots_chromeIsolate__AJ0CJ",headerCards:"ComponentPilots_headerCards__MNHfu",cardGrid:"ComponentPilots_cardGrid__ivCbP",toolkitStage:"ComponentPilots_toolkitStage__sq1Lr",note:"ComponentPilots_note__sD_Ma"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.