/* Approved entry ribbon and image-sized display. No external assets. */
body.takumi-blue .srp-sample-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;margin:28px 0 32px;padding:22px 24px;border:0;border-left:3px solid #1949df;background:#f3f6fc;color:#17243c;font:400 14px/1.8 var(--tb-sans)}
body.takumi-blue .srp-sample-entry strong{display:block;color:#17243c;font:600 18px/1.7 var(--tb-sans)}
body.takumi-blue .srp-sample-entry p{margin:6px 0 0!important;color:#334155;font:400 13px/1.8 var(--tb-sans)}
body.takumi-blue .srp-sample-entry .srp-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;margin:0;padding:12px 18px;border:1px solid #1949df;border-radius:0;background:#1949df;color:#fff!important;font:500 13px/1.7 var(--tb-sans);text-decoration:none;white-space:normal}
body.takumi-blue .srp-sample-entry .srp-btn span{color:inherit!important}
body.takumi-blue .srp-sample-entry small{grid-column:1/-1;font:400 12px/1.7 var(--tb-sans);color:#52637a}
body.takumi-blue :is(#sample-consultation,.tb-work-detail__consultation){scroll-margin-top:120px}
body.takumi-blue .srp-sample-entry a:focus-visible{outline:2px solid #1949df;outline-offset:4px}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame{position:relative;display:block;width:min(100%,var(--gallery-native-width,740px),760px);margin:0 auto 48px;padding:7px 7px 0;overflow:visible;border:1px solid #a9afb8;border-radius:12px!important;background:#14171c;box-shadow:0 7px 20px #17243c0c}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame::after{content:"";display:block;height:22px;margin:7px -7px 0;border-top:1px solid #b6bac1;border-radius:0 0 10px 10px;background:linear-gradient(100deg,#d5d8dd,#f0f1f3 45%,#cbd0d6)}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame::before{content:"";position:absolute;left:34%;bottom:-43px;width:32%;height:43px;background:linear-gradient(#adb3bc,#e0e3e8 64%,#b3b9c2 90%,#e6e8eb);clip-path:polygon(37% 0,63% 0,70% 80%,100% 91%,100% 100%,0 100%,0 91%,30% 80%)}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__chrome{display:none!important}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport{display:block;width:100%;height:clamp(300px,44vw,490px);min-height:0;overflow-x:hidden;overflow-y:auto;border:0;border-radius:4px 4px 0 0;background:#fff;scrollbar-gutter:auto}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;border-radius:0!important}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport[data-ratio=natural]{height:auto;max-height:none;overflow:hidden}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__controls{max-width:760px;min-height:60px;margin:0 auto;gap:12px}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__controls>button:first-child{margin-left:0}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__rail{max-width:900px;margin-inline:auto}
/* Home/archive/related cards use a smaller silhouette; app icons stay icons. */
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device{position:relative!important;display:flex!important;flex-direction:column!important;width:100%;max-width:760px;margin:0 auto 20px!important;padding:5px 5px 0!important;border:1px solid #b3b9c2!important;border-radius:9px!important;background:#171a20!important;box-shadow:none!important;overflow:visible!important}
body.takumi-blue .srp-card-device .srp-card-device__toolbar{display:none!important}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device::after{content:"";display:block;flex:none;height:13px;margin:5px -5px 0;background:linear-gradient(100deg,#d5d8dd,#eef0f3,#cbd0d6);border-radius:0 0 7px 7px}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device::before{content:"";position:absolute;bottom:-20px;left:36%;width:28%;height:20px;background:linear-gradient(#aeb5bf,#dfe2e7);clip-path:polygon(34% 0,66% 0,75% 80%,100% 90%,100% 100%,0 100%,0 90%,25% 80%)}
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-thumb{overflow:visible!important;aspect-ratio:auto!important;height:auto!important;padding:0 10px 26px!important;background:#fff!important}
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device{position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;margin:0 auto 20px!important;padding:5px 5px 0!important;border:1px solid #b3b9c2!important;border-radius:9px!important;background:#171a20!important;overflow:visible!important}
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport{flex:none}
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport{position:relative!important;display:block!important;width:100%!important;height:clamp(170px,18vw,320px)!important;overflow-x:hidden!important;overflow-y:auto!important;border:0!important;border-radius:4px 4px 0 0!important;background:#fff!important;scrollbar-gutter:auto}
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
body.takumi-blue .srp-card-device__hint{position:absolute!important;right:8px!important;bottom:18px!important;left:auto!important;width:auto!important;background:#ffffffed!important;color:#334155!important;font:400 10px/1.5 var(--tb-sans)!important;padding:3px 6px!important;pointer-events:none}
@media(max-width:700px){body.takumi-blue .srp-sample-entry{grid-template-columns:1fr;padding:18px 16px;gap:14px;margin:22px 0}body.takumi-blue .srp-sample-entry strong{font-size:16px}body.takumi-blue .srp-sample-entry .srp-btn{width:100%;min-height:48px}body.takumi-blue .srp-sample-entry small{font-size:11px}body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame{padding:4px 4px 0;border-radius:8px!important;margin-bottom:34px}body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame::after{height:14px;margin:4px -4px 0;border-radius:0 0 6px 6px}body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame::before{height:28px;bottom:-28px}body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport{height:clamp(180px,66vw,350px);min-height:0}body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport[data-ratio=natural]{height:auto}}
@media(prefers-reduced-motion:reduce){body.takumi-blue .srp-sample-entry a{scroll-behavior:auto;transition:none}}
@media(forced-colors:active){body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame{border:2px solid CanvasText}body.takumi-blue .srp-sample-entry{border:1px solid CanvasText}}

/* Fixed geometry correction: the screen never inherits the source image ratio. */
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame{box-sizing:border-box;height:auto;margin-bottom:60px}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame::after{height:0;padding-top:3.1%}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__frame::before{top:100%;bottom:auto;height:auto;aspect-ratio:5/1}
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport,
body.takumi-blue .tcw-work-gallery .tcw-work-gallery__viewport[data-ratio=natural]{box-sizing:border-box;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;touch-action:pan-y}
body.takumi-blue .tcw-device-help{margin:8px 0 18px;text-align:center;font:400 12px/1.8 var(--tb-sans);color:#52637a}
body.takumi-blue .tcw-device-help__mobile{display:none}
body.takumi-blue .tcw-device-help__image{display:none}
body.takumi-blue .tcw-work-gallery[data-device-kind] .tcw-work-gallery__help{display:none}
body.takumi-blue .tcw-work-gallery:is([data-device-kind=image],[data-device-kind=icon]) .tcw-device-help__desktop,
body.takumi-blue .tcw-work-gallery:is([data-device-kind=image],[data-device-kind=icon]) .tcw-device-help__mobile{display:none}
body.takumi-blue .tcw-work-gallery:is([data-device-kind=image],[data-device-kind=icon]) .tcw-device-help__image{display:inline}
/* Free-form images and icons are not squeezed into a fictional monitor. */
body.takumi-blue .tcw-work-gallery[data-device-kind=image] .tcw-work-gallery__frame,
body.takumi-blue .tcw-work-gallery[data-device-kind=icon] .tcw-work-gallery__frame{width:min(100%,var(--gallery-native-width,760px),900px);margin:0 auto 16px;padding:16px;border:1px solid #dce4f2;border-radius:0!important;background:#f5f7fc;box-shadow:none}
body.takumi-blue .tcw-work-gallery[data-device-format=square] .tcw-work-gallery__frame{max-width:480px}
body.takumi-blue .tcw-work-gallery[data-device-kind=icon] .tcw-work-gallery__frame{max-width:360px;padding:24px;border:0;background:transparent}
body.takumi-blue .tcw-work-gallery:is([data-device-kind=image],[data-device-kind=icon]) .tcw-work-gallery__frame::before,
body.takumi-blue .tcw-work-gallery:is([data-device-kind=image],[data-device-kind=icon]) .tcw-work-gallery__frame::after{display:none}
body.takumi-blue .tcw-work-gallery:is([data-device-kind=image],[data-device-kind=icon]) .tcw-work-gallery__viewport{aspect-ratio:auto;max-height:580px;height:auto;overflow:auto;border-radius:0;background:transparent}
/* Same 16:9 screen in the featured card, grid and related cards. */
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-thumb,
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-thumb{display:block!important;overflow:visible!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;padding:0 8px 28px!important;background:#fff!important}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device,
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:760px!important;height:auto!important;min-height:0!important;margin:0 auto 8px!important;padding:5px 5px 0!important;border-radius:9px!important}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device::after{height:0;padding-top:3.1%}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device::before{top:100%;bottom:auto;left:34%;width:32%;height:auto;aspect-ratio:5/1}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport,
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport{position:relative!important;display:block!important;box-sizing:border-box!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;overflow-x:hidden!important;overflow-y:auto!important;border:0!important;border-radius:4px 4px 0 0!important;scrollbar-width:thin;touch-action:pan-y}
body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport img,
body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important;border-radius:0!important}
body.takumi-blue .srp-card-device__hint{bottom:-26px!important}
body.takumi-blue .tcw-work-gallery__viewport:focus-visible,
body.takumi-blue .srp-card-device__viewport:focus-visible{outline:2px solid #1949df;outline-offset:4px}
@media(max-width:700px){
 body.takumi-blue .tcw-work-gallery:not([data-device-kind=image]):not([data-device-kind=icon]) .tcw-work-gallery__frame{width:min(100%,260px);margin:0 auto 20px;padding:6px;border:1px solid #8f96a0;border-radius:29px!important;background:#11151b;box-shadow:0 6px 18px #17243c16}
 body.takumi-blue .tcw-work-gallery:not([data-device-kind=image]):not([data-device-kind=icon]) .tcw-work-gallery__frame::before{display:none}
 body.takumi-blue .tcw-work-gallery:not([data-device-kind=image]):not([data-device-kind=icon]) .tcw-work-gallery__frame::after{position:absolute;left:39%;top:8px;display:block;width:22%;height:5px;padding:0;margin:0;border:0;border-radius:6px;background:#11151b}
 body.takumi-blue .tcw-work-gallery:not([data-device-kind=image]):not([data-device-kind=icon]) .tcw-work-gallery__viewport{aspect-ratio:9/19.5;height:auto;max-height:none;border-radius:22px;background:#fff}
 body.takumi-blue .tcw-work-gallery[data-device-kind=image] .tcw-work-gallery__frame{padding:10px}
 body.takumi-blue .tcw-work-gallery[data-device-kind=icon] .tcw-work-gallery__frame{max-width:260px;padding:18px}
 body.takumi-blue .tcw-device-help__desktop{display:none}
 body.takumi-blue .tcw-device-help__mobile{display:inline}
 body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-thumb,
 body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-thumb{padding:0 6px 16px!important}
 body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device,
 body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device{width:min(100%,220px)!important;max-width:220px!important;margin:0 auto 10px!important;padding:5px!important;border-radius:24px!important;background:#11151b!important}
 body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device::before{display:none}
 body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device::after{position:absolute;left:39%;top:7px;width:22%;height:4px;padding:0;margin:0;border:0;border-radius:5px;background:#11151b}
 body.takumi-blue .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport,
 body.takumi-blue #works .srp-app .srp-example-card:not(.srp-example-card-app) .srp-card-device__viewport{aspect-ratio:9/19.5!important;border-radius:18px!important}
 body.takumi-blue .srp-card-device__hint{bottom:-10px!important;right:-28px!important}
}

/* Paired Web previews: the same two devices remain visible at every width. */
body.takumi-blue .tww-dual-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24%;align-items:end;max-width:840px;margin:20px auto 24px;padding:0 8px 20px;gap:0;isolation:isolate}
body.takumi-blue .tww-dual-stage .tww-desktop{grid-area:1/1/2/3;align-self:start;display:block;width:calc(100% - 60px);min-width:0;margin:0;padding:0;border:0;background:transparent}
body.takumi-blue .tww-dual-stage .tww-phone-wrap{grid-area:1/2;align-self:end;z-index:2;width:100%;min-width:0;margin:80px 0 -12px;padding:0;border:0;background:transparent}
body.takumi-blue .tww-device-label{display:block;margin:7px 0 0!important;padding:0!important;color:#17243c;font:400 12px/1.6 var(--tb-sans);text-align:center}
body.takumi-blue .tww-monitor-stand{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:600/70;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:transparent!important;pointer-events:none}
body.takumi-blue .tcw-work-gallery[data-dual-current=true] .tww-monitor,
body.takumi-blue .srp-app .tww-dual-stage .tww-card-monitor{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:9px 9px 0!important;overflow:visible!important;border:1px solid #92969d!important;border-radius:14px!important;background:linear-gradient(145deg,#62666c,#080a0d 12%,#080a0d 86%,#3b4047)!important;box-shadow:inset 0 1px 0 #f7f8f9,0 2px 3px #101a2512!important}
body.takumi-blue .tcw-work-gallery[data-dual-current=true] .tww-monitor::before,
body.takumi-blue .srp-app .tww-dual-stage .tww-card-monitor::before{display:none!important}
body.takumi-blue .tcw-work-gallery[data-dual-current=true] .tww-monitor::after,
body.takumi-blue .srp-app .tww-dual-stage .tww-card-monitor::after{content:"";position:relative!important;display:block!important;box-sizing:content-box!important;left:auto!important;top:auto!important;width:auto!important;height:0!important;margin:8px -9px 0!important;padding:3.2% 0 0!important;border:0!important;border-top:1px solid #f8f8f9!important;border-radius:0 0 12px 12px!important;background:linear-gradient(105deg,#b6b8bd,#e4e5e8 22%,#d3d5d9 70%,#b7bac0)!important;clip-path:none!important}
body.takumi-blue .tcw-work-gallery[data-dual-current=true] .tcw-work-gallery__viewport,
body.takumi-blue .srp-app .tww-dual-stage .tww-card-screen{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;overflow-x:hidden!important;overflow-y:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px 3px 0 0!important;background:#fff!important;scrollbar-width:thin;touch-action:pan-y}
body.takumi-blue .tww-phone{position:relative;box-sizing:border-box;padding:6px;border:1px solid #5b6068;border-radius:30px!important;background:linear-gradient(110deg,#e3e5e7,#282b30 3%,#080a0d 7%,#111419 93%,#969ca5 97%,#e8e9ec);box-shadow:inset 0 0 0 2px #050608,0 3px 5px #17243c25}
body.takumi-blue .tww-phone::after{content:"";position:absolute;z-index:2;top:6px;left:30%;width:40%;height:12px;border-radius:0 0 10px 10px;background:#090c10;pointer-events:none}
body.takumi-blue .tww-phone-screen{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:9/19.5;overflow-x:hidden;overflow-y:auto;border-radius:24px!important;background:#fff;scrollbar-width:thin;touch-action:pan-y}
body.takumi-blue .tww-dual-stage .tww-mobile-image,
body.takumi-blue .srp-app .tww-card-screen>img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;transform:none!important;box-shadow:none!important}
body.takumi-blue .tww-mobile-zoom{display:block;margin:7px auto 0;padding:7px 4px;color:#1949df!important;font:500 11px/1.6 var(--tb-sans);text-align:center;text-decoration:underline;text-underline-offset:3px}
body.takumi-blue .tww-mobile-status{margin:6px 0 0!important;color:#52637a!important;font:400 11px/1.7 var(--tb-sans)}
body.takumi-blue .tww-mobile-status:empty{display:none}
body.takumi-blue [data-mobile-loading=true] [data-mobile-image]{visibility:hidden}
body.takumi-blue .tww-phone-screen:focus-visible,
body.takumi-blue .tww-card-screen:focus-visible,
body.takumi-blue .tww-mobile-zoom:focus-visible{outline:2px solid #1949df;outline-offset:4px}
body.takumi-blue .tcw-work-gallery[data-dual-current=false] .tww-desktop{width:100%;grid-column:1/-1}
body.takumi-blue .tcw-work-gallery[data-dual-current=false] .tww-monitor-stand,
body.takumi-blue .tcw-work-gallery[data-dual-current=false] .tww-desktop>.tww-device-label,
body.takumi-blue .tww-phone-wrap[hidden]{display:none!important}
body.takumi-blue .srp-app .tww-paired-card .srp-thumb,
body.takumi-blue #works .srp-app .tww-paired-card .srp-thumb{display:block!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important;padding:0 8px 18px!important;background:#fff!important}
body.takumi-blue .srp-app .tww-dual-card{grid-template-columns:minmax(0,1fr) 25%;margin:4px auto 0;padding:0 0 12px}
body.takumi-blue .srp-app .tww-dual-card .tww-desktop{width:calc(100% - 8px)}
body.takumi-blue .srp-app .tww-dual-card .tww-phone-wrap{margin:20px 0 -5px}
body.takumi-blue .srp-app .tww-dual-card .tww-card-monitor{padding:5px 5px 0!important;border-radius:9px!important}
body.takumi-blue .srp-app .tww-dual-card .tww-card-monitor::after{margin:5px -5px 0!important;border-radius:0 0 7px 7px!important}
body.takumi-blue .srp-app .tww-dual-card .tww-phone{padding:3px;border-radius:15px!important}
body.takumi-blue .srp-app .tww-dual-card .tww-phone::after{top:3px;height:5px;border-radius:0 0 4px 4px}
body.takumi-blue .srp-app .tww-dual-card .tww-phone-screen{border-radius:11px!important}
body.takumi-blue .srp-app .tww-dual-card .tww-device-label{font-size:9px;line-height:1.5}
body.takumi-blue .srp-app .tww-dual-card .tww-mobile-zoom{font-size:9px;padding:5px 0;margin-top:0}
body.takumi-blue .tww-mobile-dialog{box-sizing:border-box;width:min(94vw,860px);max-width:94vw;max-height:92vh;margin:auto;padding:18px;border:1px solid #dce4f2;background:#fff;color:#17243c}
body.takumi-blue .tww-mobile-dialog::backdrop{background:#0b142ccc}
body.takumi-blue .tww-mobile-dialog__close{display:block;min-height:44px;margin:0 0 12px auto;padding:8px 16px;border:1px solid #1949df;background:#fff;color:#1949df;cursor:pointer}
body.takumi-blue .tww-mobile-dialog__image{display:block;width:min(100%,390px);height:auto;margin:16px auto}
@media(max-width:700px){
 body.takumi-blue .tcw-work-gallery[data-dual-gallery]>.tww-dual-stage{display:flex;flex-direction:column;align-items:center;gap:22px;margin:16px auto 24px;padding:0}
 body.takumi-blue .tcw-work-gallery[data-dual-gallery] .tww-desktop{width:100%;align-self:auto}
 body.takumi-blue .tcw-work-gallery[data-dual-gallery] .tww-phone-wrap{width:min(58%,190px);align-self:center;margin:0}
 body.takumi-blue .tcw-work-gallery[data-dual-gallery][data-dual-current=true] .tcw-work-gallery__frame.tww-monitor{padding:5px 5px 0!important;border-radius:9px!important}
 body.takumi-blue .tcw-work-gallery[data-dual-current=true] .tww-monitor::after{margin:5px -5px 0!important;border-radius:0 0 7px 7px!important}
 body.takumi-blue .tcw-work-gallery[data-dual-gallery] .tcw-device-help{text-align:left;font-size:12px}
}
@media(forced-colors:active){body.takumi-blue .tww-phone{border:2px solid CanvasText}body.takumi-blue .tww-monitor-stand{opacity:.65}}

/* Home's existing #works thumbnail crop must not flatten paired scrolling images. */
body.takumi-blue .srp-app .srp-example-card.tww-paired-card .srp-thumb .tww-dual-stage :is(.tww-card-screen,.tww-phone-screen)>img,
body.takumi-blue #works .srp-app .srp-example-card.tww-paired-card .srp-thumb .tww-dual-stage :is(.tww-card-screen,.tww-phone-screen)>img{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;object-position:top!important;transform:none!important;-webkit-user-drag:none}
body.takumi-blue .srp-app .tww-dual-stage :is(.tww-card-screen,.tww-phone-screen),
body.takumi-blue .tcw-work-gallery[data-dual-current=true] .tcw-work-gallery__viewport{overflow-y:auto!important;overflow-x:hidden!important;pointer-events:auto!important;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#a3afc2 #f0f3f8;-webkit-overflow-scrolling:touch}

/* Approved app showcase 01: real reviewed screen first, original icon second. */
body.takumi-blue .srp-app .srp-example-card.tww-app-card .srp-thumb,
body.takumi-blue #works .srp-app .srp-example-card.tww-app-card .srp-thumb{display:block!important;position:relative!important;box-sizing:border-box!important;aspect-ratio:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 0 38px!important;overflow:hidden!important;background:#f4f7fd!important;border:0!important}
body.takumi-blue .srp-app .tww-app-card .tww-app-stage{display:block;margin:0!important;padding:18px 14px 12px!important;box-sizing:border-box;min-width:0;width:100%;background:linear-gradient(150deg,#f8faff,#edf3fc);color:#17243c}
body.takumi-blue .srp-app .tww-app-card .tww-app-open{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:250px;margin:0;padding:0 0 24px;box-sizing:border-box;text-decoration:none}
body.takumi-blue .srp-app .tww-app-card .tww-app-window{position:relative;display:block;box-sizing:border-box;width:100%;margin:0;padding:18px 0 0;overflow:hidden;border:1px solid #535b65;border-radius:8px;background:#23272a;box-shadow:0 10px 22px #17243c22}
body.takumi-blue .srp-app .tww-app-card .tww-app-window::before{content:"";display:block;position:absolute;top:6px;left:9px;width:5px;height:5px;border-radius:50%;background:#fa6a5d;box-shadow:9px 0 #edc04b,18px 0 #65bc67}
body.takumi-blue .srp-app .srp-example-card.tww-app-card .srp-thumb img.tww-app-screen,
body.takumi-blue #works .srp-app .srp-example-card.tww-app-card .srp-thumb img.tww-app-screen{position:static!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:transparent!important}
body.takumi-blue .srp-app .srp-example-card.tww-app-card .srp-thumb img.tww-app-icon,
body.takumi-blue #works .srp-app .srp-example-card.tww-app-card .srp-thumb img.tww-app-icon{position:absolute!important;display:block!important;box-sizing:border-box!important;inset:auto 1px 4px auto!important;width:clamp(44px,20%,76px)!important;height:auto!important;max-width:76px!important;max-height:none!important;aspect-ratio:1!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:20%!important;box-shadow:0 5px 10px #17243c1f!important;transform:none!important;background:transparent!important}
body.takumi-blue .srp-app .tww-app-card .tww-app-caption{margin:3px 0 10px!important;padding:0!important;font:400 10px/1.6 var(--tb-sans);color:#52637a!important;text-align:left}
body.takumi-blue .srp-app .tww-app-card ul.tww-app-features{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;list-style:none!important;width:100%;margin:0!important;padding:0!important}
body.takumi-blue .srp-app .tww-app-card .tww-app-features li{display:flex!important;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:43px;margin:0!important;padding:7px 3px!important;border:1px solid #dce6f7;background:#fff;color:#17243c;font:600 11px/1.5 var(--tb-sans);box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
body.takumi-blue .srp-app .tww-app-card .tww-app-features li::before,
body.takumi-blue .srp-app .tww-app-card .tww-app-features li::after{display:none!important;content:none!important}
body.takumi-blue .srp-app .tww-app-card .tww-app-features svg{display:block;flex:0 0 21px;width:21px;height:21px;color:#1949df;opacity:1}
body.takumi-blue .srp-app .tww-app-card .tww-app-features span{display:block!important;font:inherit!important;color:inherit!important;letter-spacing:0!important}
body.takumi-blue .srp-app .tww-app-card .tww-app-stage[data-app-platform=iphone] .tww-app-open{min-height:250px;padding-bottom:16px}
body.takumi-blue .srp-app .tww-app-card .tww-app-stage[data-app-platform=iphone] .tww-app-window{width:min(45%,112px);padding:4px;border:1px solid #5b6571;border-radius:18px;background:#11151a;box-shadow:0 8px 18px #17243c24}
body.takumi-blue .srp-app .tww-app-card .tww-app-stage[data-app-platform=iphone] .tww-app-window::before{display:none}
body.takumi-blue .srp-app .srp-example-card.tww-app-card .srp-thumb [data-app-platform=iphone] img.tww-app-screen,
body.takumi-blue #works .srp-app .srp-example-card.tww-app-card .srp-thumb [data-app-platform=iphone] img.tww-app-screen{border-radius:13px!important}
body.takumi-blue .srp-app .tww-app-card .tww-app-open:focus-visible{outline:2px solid #1949df;outline-offset:3px}
body.takumi-blue .srp-app .tww-app-card .takumi-work-zoom{bottom:4px!important;right:6px!important;min-height:30px;font-size:10px}
@media(min-width:1000px){body.takumi-blue #works .srp-app .tww-app-card:first-child .tww-app-stage{padding:28px 25px 18px!important}body.takumi-blue #works .srp-app .tww-app-card:first-child .tww-app-open{min-height:260px}body.takumi-blue #works .srp-app .tww-app-card:first-child .tww-app-stage[data-app-platform=iphone] .tww-app-window{width:min(45%,190px)}body.takumi-blue #works .srp-app .tww-app-card:first-child .tww-app-features li{font-size:13px}}
@media(max-width:400px){body.takumi-blue .srp-app .tww-app-card .tww-app-stage{padding:14px 9px 10px!important}body.takumi-blue .srp-app .tww-app-card .tww-app-features{gap:4px!important}body.takumi-blue .srp-app .tww-app-card .tww-app-features li{font-size:10px;gap:3px}body.takumi-blue .srp-app .tww-app-card .tww-app-features svg{width:17px;height:17px;flex-basis:17px}}
@media(forced-colors:active){body.takumi-blue .srp-app .tww-app-card .tww-app-window,body.takumi-blue .srp-app .tww-app-card .tww-app-features li{border:1px solid CanvasText}}