.background-grid{background-image:linear-gradient(#c4d7d333 1px,transparent 1px),linear-gradient(90deg,#c4d7d333 1px,transparent 1px)!important;background-size:36px 36px!important}.background-diagonal{background-image:repeating-linear-gradient(135deg,transparent 0 28px,#c4d7d333 28px 29px)!important}.background-rings{background-image:radial-gradient(circle at 100% 0,transparent 0 180px,#c4d7d344 181px 183px,transparent 184px 240px,#c4d7d333 241px 243px,transparent 244px)!important}.background-bands{background-image:linear-gradient(0deg,#dcefe744,transparent 18% 82%,#dcefe744)!important}

:root { color-scheme: light; --ink:#102626; --muted:#536b65; --primary:#005456; --soft:#dcefe7; --divider:#b8ccc6; --surface:#ffffff; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#e4efee; font-family:"Hiragino Sans","Yu Gothic","BIZ UDPGothic","Noto Sans JP","Meiryo",sans-serif; line-height:1.45; }
.toolbar { display:none; padding:12px 24px; gap:12px; align-items:center; flex-wrap:wrap; background:var(--surface); border-bottom:1px solid #6f8b82; }
.js .toolbar { display:flex; }
button { font:inherit; color:var(--primary); background:var(--surface); border:1px solid #6f8b82; padding:6px 12px; min-height:44px; cursor:pointer; }
button:disabled { cursor:default; color:var(--muted); }
:focus-visible { outline:3px solid #007477; outline-offset:3px; }
.deck { padding:24px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.slide { width:100%; max-width:1280px; min-height:720px; margin:0 auto 24px; padding:48px 72px 24px; background:var(--surface); display:flex; flex-direction:column; gap:36px; overflow-wrap:anywhere; }
h2 { font-size:42.666666666666664px; line-height:1.3; margin:0; font-weight:700; white-space:pre-line; }
.slide-body { font-size:26.666666666666668px; flex:1; min-height:0; }
.slide-body > :first-child { margin-top:0; }
.slide-body > :last-child { margin-bottom:0; }
p,ul,ol { margin:0 0 24px; }
li + li { margin-top:12px; }
strong { color:var(--primary); }
img,svg { max-width:100%; height:auto; }
table { width:100%; border-collapse:collapse; font-size:24px; }
th,td { padding:12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--divider); }
th { color:var(--primary); }
.table-scroll { overflow-x:auto; }
.table-scroll table { min-width:720px; }
.table-hint { display:none; }
caption { text-align:left; margin-bottom:12px; }
footer { display:flex; gap:24px; justify-content:space-between; color:var(--muted); font-size:18.666666666666668px; }
footer span:last-child { white-space:nowrap; }
.columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
@media screen and (max-width:800px) {
 body:not(.presenting) .deck { padding:12px; }
 body:not(.presenting) .slide { min-height:0; padding:24px; gap:24px; }
 body:not(.presenting) h2 { font-size:28px; }
 body:not(.presenting) .slide-body { font-size:20px; }
 body:not(.presenting) table { font-size:18px; }
 body:not(.presenting) .table-hint { display:block; font-size:16px; color:var(--muted); }
 body:not(.presenting) footer { font-size:14px; }
 body:not(.presenting) .columns { grid-template-columns:1fr; gap:24px; }
}
@media screen {
 body.presenting { overflow:hidden; }
 .presenting .toolbar { position:fixed; bottom:0; left:0; right:0; z-index:2; }
 .presenting .deck { padding:0; }
 .presenting .slide { display:none; }
 .presenting .slide.current { display:flex; position:fixed; width:1280px; height:720px; min-height:0; max-width:none; margin:0; left:50%; top:var(--stage-y); transform:translate(-50%,-50%) scale(var(--scale)); }
}
@page { size:13.333333333333334in 7.5in; margin:0; }
@media print {
 body { background:white; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
 .toolbar { display:none !important; }
 .deck { padding:0; }
 .slide { display:flex !important; position:static !important; transform:none !important; width:1280px; height:720px; min-height:0; max-width:none; margin:0; break-after:page; break-inside:avoid; }
 .slide:last-child { break-after:auto; }
}
.slide{position:relative;isolation:isolate}.slide>*{position:relative}.slide.background-tint{background:#dcefe7}.slide.background-pattern{background-color:white;background-image:radial-gradient(#b8ccc6 1px,transparent 1px);background-size:24px 24px}.slide-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.background-image h2,.background-image .slide-body,.background-image footer{background:#ffffff}

.html-visual{font-size:inherit;min-width:0}.html-visual h3{font-size:1.15em;line-height:1.4;margin:0 0 12px;color:#102626}
.html-visual p{margin:0 0 12px}.html-visual ul{list-style:none;padding:0;margin:0}.html-visual li{min-width:0;margin:0}
.visual-comparison>ul,.visual-storyboard>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.visual-comparison li{border-top:2px solid #007477;padding-top:24px}
.visual-containment{border:2px solid #007477;padding:24px}.visual-containment>ul{display:flex;gap:24px;flex-wrap:wrap}.visual-containment li{flex:1;min-width:180px}
.visual-hierarchy ul ul{margin:24px 0 0 36px;padding:12px 24px;border:1px solid #6f8b82}.visual-hierarchy li+li{margin-top:24px}
.visual-journey ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;padding-left:36px}.visual-journey li{padding:12px}
.visual-bars li{display:grid;grid-template-columns:minmax(100px,1fr) 2fr minmax(80px,1fr);gap:24px;align-items:center;margin-bottom:24px}.visual-bar-track{height:30px}.visual-bar{height:100%;background:#007477}
.html-visual[data-pattern="V63"] td{text-align:right;font-variant-numeric:tabular-nums}.visual-scroll{overflow-x:auto}.visual-scroll table{min-width:540px}.visual-storyboard img{width:100%;max-height:240px;object-fit:contain}
.asset-visual{margin:24px 0}.asset-visual .visual-scroll img{min-width:720px;max-width:100%}.asset-description{font-size:1em;margin-top:12px}
@media screen and (max-width:800px){body:not(.presenting) .visual-comparison>ul,body:not(.presenting) .visual-storyboard>ul,body:not(.presenting) .visual-journey ol{display:block}body:not(.presenting) .html-visual li+li{margin-top:24px}body:not(.presenting) .visual-bars li{grid-template-columns:1fr}body:not(.presenting) .visual-hierarchy ul ul{margin-left:12px;padding:12px}}
.html-visual figure{margin:0}.device-art{position:relative;margin:auto;overflow:hidden;width:100%;max-width:610px}.device-phone{max-width:190px}.device-tablet{max-width:280px}.device-art .device-hardware{position:absolute;max-width:none!important;max-height:none!important;height:auto;pointer-events:none;z-index:1}.device-display{position:absolute;background:#101010;overflow:hidden}.device-display img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.visual-device figcaption{margin-top:16px;text-align:center;font-size:.8em}

.laurel-mark{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;max-width:640px;margin:auto;padding:32px 84px;text-align:center}.laurel-mark strong{font-size:1.7em}.laurel-branch{position:absolute;top:10%;bottom:10%;width:90px;height:80%}.laurel-branch.left{left:10px}.laurel-branch.right{right:10px;transform:scaleX(-1)}.laurel-branch i{position:absolute;top:calc(var(--leaf)*11%);left:calc((var(--leaf) - 3)* (var(--leaf) - 3)*1px);width:25px;height:38px;border-radius:90% 0 90% 0;background:linear-gradient(135deg,#f3db88,#b48224);transform:rotate(-35deg)}.visual-evidence{text-align:center}
.highlight-statement{font-size:1.5em;line-height:1.7}.highlight-statement mark{background:linear-gradient(transparent 52%,#f4df93 52%);color:inherit;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.visual-quote blockquote{position:relative;margin:0 0 28px;padding:28px;border:2px solid #007477;border-radius:24px;font-size:1.3em}.visual-quote blockquote:after{content:'';position:absolute;bottom:-14px;left:48px;width:24px;height:24px;border-right:2px solid #007477;border-bottom:2px solid #007477;background:#ffffff;transform:rotate(45deg)}.visual-quote figcaption{padding-left:48px}
.visual-pyramid ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.visual-pyramid li{position:relative;width:var(--layer-width);margin:auto!important;text-align:center;padding:14px 35px}.visual-pyramid li:before{content:'';position:absolute;inset:0;background:#dcefe7;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);z-index:-1}.visual-pyramid>p{text-align:center;margin-top:16px}.visual-pyramid h3,.visual-pyramid li p{margin:0}
.visual-cards ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px}.visual-cards li{padding:24px;border:1px solid #6f8b82;background:transparent}.card-number{display:block;font-size:2em;color:#007477;margin-bottom:16px}.visual-cards img{width:48px;height:48px;object-fit:contain;margin-bottom:16px}
.background-grid{background-image:linear-gradient(#c4d7d333 1px,transparent 1px),linear-gradient(90deg,#c4d7d333 1px,transparent 1px)!important;background-size:36px 36px!important}.background-diagonal{background-image:repeating-linear-gradient(135deg,transparent 0 28px,#c4d7d333 28px 29px)!important}.background-rings{background-image:radial-gradient(circle at 100% 0,transparent 0 180px,#c4d7d344 181px 183px,transparent 184px 240px,#c4d7d333 241px 243px,transparent 244px)!important}.background-bands{background-image:linear-gradient(0deg,#dcefe744,transparent 18% 82%,#dcefe744)!important}

@media screen and (max-width:600px){body:not(.presenting) .visual-pyramid li{width:100%;padding:16px 24px}body:not(.presenting) .laurel-mark{padding:24px 54px}body:not(.presenting) .laurel-branch{width:36px}body:not(.presenting) .visual-cards ol{grid-template-columns:1fr}}
.visual-milestones ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0;gap:24px}.visual-milestones li{border-top:2px solid #007477;padding:18px 0;position:relative}.milestone-dot{position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:#007477}.visual-milestones>p{margin-top:24px}
.visual-layers ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.visual-layers li{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:24px;padding:20px;border:1px solid #6f8b82;background:transparent}.visual-layers li:nth-child(2n){background:#dcefe7}.visual-layers h3,.visual-layers p{margin:0}
.stacked-track{display:flex;width:100%;height:40px;background:transparent}.stacked-track span{display:block;height:100%;border:1px solid white}.series-0{background:#007477}.series-1{background:#607d8b}.series-2{background:#c59733}.series-3{background:#8c6d91}.series-4{background:#5b7b44}.series-5{background:#bc795d}.visual-stacked li,.visual-stacked-percent li{margin-bottom:24px}.visual-stacked p,.visual-stacked-percent p{margin-top:10px}
.waffle-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;width:min(280px,100%);margin:auto}.waffle-grid i{aspect-ratio:1;background:transparent;border:1px solid #6f8b82}.waffle-grid i.filled{background:#007477}.visual-waffle>p{text-align:center;margin-top:14px}.waffle-value{font-size:1.5em}
.visual-annotated{display:grid;grid-template-columns:3fr 2fr;gap:28px}.annotated-image{position:relative}.annotated-image img{display:block;width:100%;height:auto}.annotated-image span{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#007477;color:white;text-align:center;font-size:20px;line-height:32px;outline:2px solid white}.visual-annotated ol{padding-left:28px}.visual-annotated figcaption{margin-top:16px}
.visual-pairs dl{margin:0}.visual-pairs dl>div{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-bottom:1px solid #6f8b82;padding:24px 0}.visual-pairs dt{font-weight:700}.visual-pairs dd{margin:0;display:flex;flex-direction:column;gap:8px}.visual-pairs dd span{color:#536b65}.metric-main{display:flex;align-items:baseline;gap:16px}.metric-main strong{font-size:3em}.visual-metric p{margin-top:16px}
@media screen and (max-width:800px){body:not(.presenting) .visual-annotated,body:not(.presenting) .visual-layers li,body:not(.presenting) .visual-pairs dl>div{grid-template-columns:1fr}}
@media print{.visual-scroll{overflow:visible}.asset-visual .visual-scroll img{min-width:0}.html-visual h3{break-after:avoid}}


.example-style-0{aspect-ratio:761/514}
.example-style-1{left:10.775295663600525%;top:5.642023346303502%;width:78.3180026281209%;height:71.40077821011673%;border-radius:0}
.example-style-2{width:201.83968462549277%;left:-3.8107752956636007%;top:-55.447470817120625%}
.example-style-3{aspect-ratio:239/483}
.example-style-4{left:5.857740585774058%;top:2.691511387163561%;width:87.44769874476988%;height:94.61697722567288%;border-radius:16% / 7.3%}
.example-style-5{width:642.6778242677824%;left:-333.05439330543936%;top:-62.732919254658384%}
.example-style-6{aspect-ratio:435/580}
.example-style-7{left:5.747126436781609%;top:4.310344827586207%;width:88.04597701149424%;height:90.86206896551724%;border-radius:3% / 2%}
.example-style-8{width:353.1034482758621%;left:-244.59770114942526%;top:-37.06896551724138%}
.example-style-9{--layer-width:55%}
.example-style-10{--layer-width:77.5%}
.example-style-11{--layer-width:100%}
.example-style-12{width:40%}
.example-style-13{width:60%}
.example-style-14{width:30%}
.example-style-15{width:50%}
.example-style-16{width:40%}
.example-style-17{width:60%}
.example-style-18{width:37.5%}
.example-style-19{width:62.5%}
.example-style-20{left:25%;top:35%}
.example-style-21{left:75%;top:70%}