/* source: themes/takumi-web-works-blue/assets/css/typography-b.css */
/* Font B. Self-hosted fonts are registered by the active case-room plugin. */
:root{--takumi-font-body:"Takumi Inter B","Takumi Noto B","Hiragino Sans",sans-serif;--takumi-font-heading:var(--takumi-font-body);--tk-sans:var(--takumi-font-body);--tk-display:var(--takumi-font-body)}
body,button,input,select,textarea{font-family:var(--takumi-font-body);font-synthesis:none}
body{font-weight:400}
body :is(h1,h2,h3,h4,h5){font-family:var(--takumi-font-heading);font-weight:600;letter-spacing:-.025em}
body .takumi-main :is(h1,h2,h3,h4),body .takumi-modal :is(h1,h2,h3){font-weight:600!important}
body .takumi-main h1{font-weight:650!important}
body .takumi-main :is(p,li,dd){font-weight:400}
body :is(.takumi-hero,.takumi-main,.takumi-modal) :is(b,strong,label,summary,th){font-weight:550!important}
body :is(.takumi-menu a,.takumi-header-cta,.takumi-message-cta__copy strong,.takumi-button){font-weight:550!important}
body :is(p,li,dd){font-weight:400}
body :is(b,strong,label,th){font-weight:550}
body :is(button,.takumi-button,.takumi-nav a,.takumi-primary-nav a){font-weight:550}
body :is(.takumi-hero__title,.takumi-engineered__title,.takumi-section__title,.takumi-trust__title){font-weight:600!important;letter-spacing:-.03em}
body :is(pre,code){font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* source: plugins/takumi-referral-partners/assets/owner-source.css */
.tpp-source-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin:16px 0;border:1px solid #cad8f1;background:#f3f7ff;color:#17243c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.tpp-source-context button{font:inherit;min-height:44px;padding:8px 12px;background:#fff;color:#1949df;border:1px solid #1949df;border-radius:0;cursor:pointer}
.tpp-source-context button:focus-visible{outline:3px solid #1949df;outline-offset:3px}
@media(max-width:500px){.tpp-source-context{gap:8px}.tpp-source-context button{width:100%}}

/* source: themes/takumi-web-works-blue/assets/css/consultation-assurance.css */
/* Quiet fee reassurance within the existing angular, fine-rule design. */
.takumi-consult-assurance { min-width:0; color:#4d5b64; }
.takumi-consult-assurance .takumi-consult-assurance__summary { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 14px; margin:0; font-size:13px; line-height:1.8; }
.takumi-consult-assurance .takumi-consult-assurance__summary strong { color:#172832; font-weight:550; letter-spacing:.025em; white-space:nowrap; }
.takumi-consult-assurance .takumi-consult-assurance__summary span { color:inherit; font:inherit; letter-spacing:0; }
.takumi-consult-assurance .takumi-consult-assurance__detail { margin:6px 0 0; color:#64717a; font-size:12px; line-height:1.85; }
.takumi-consult-assurance--hero { margin-top:18px; }
.takumi-engineered .takumi-consult-assurance--hero { color:#b9c1c5; }
.takumi-engineered .takumi-consult-assurance__summary { display:grid; gap:3px; font-size:13px; }
.takumi-engineered .takumi-consult-assurance__summary strong { color:#f0f3f4; font-size:14px; }
.takumi-engineered .takumi-consult-assurance__summary span { max-width:100%; overflow-wrap:anywhere; }
#consultation .takumi-consult-dialog__head>div { min-width:0; }
#consultation .takumi-consult-dialog__head { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:20px; row-gap:0; }
#consultation .takumi-consult-assurance--dialog { grid-column:1/-1; margin-top:12px; }
#consultation .takumi-consult-assurance__summary { font-size:14px; line-height:1.75; }
#consultation .takumi-consult-assurance__summary strong { color:#1647b9; }
#consultation .takumi-consult-assurance__summary span { color:#4d5b64; font:inherit; letter-spacing:0; }
#consultation .takumi-consult-assurance__detail { color:#64717a; font-size:12px; line-height:1.8; }
.srp-form-heading .takumi-consult-assurance--inline { margin:18px 0 0; padding:16px 0 0; border-top:1px solid #e1e5e7; }
@media (max-width:760px) {
    .takumi-consult-assurance--hero { margin-top:16px; }
    #consultation .takumi-consult-dialog__head { column-gap:10px; row-gap:0; }
    #consultation .takumi-consult-assurance--dialog { margin-top:10px; }
    #consultation .takumi-consult-assurance__summary { display:grid; gap:3px; font-size:13px; }
    #consultation .takumi-consult-assurance__detail { font-size:12px; }
}

/* source: themes/takumi-web-works-blue/assets/css/shared-navigation.css */
/* One canonical masthead. Native sticky flow, no scroll-driven spacer/height. */
body.takumi-blue > .takumi-header[data-site-header]{position:sticky;top:var(--tk-admin-offset,0px);z-index:1000;height:auto;min-height:0;flex:none;width:100%;margin:0;font:400 16px/1.6 var(--tb-sans);transform:none;transition:none;border:0;border-bottom:1px solid var(--tb-line);background:#fff}
body.takumi-blue > .takumi-header .takumi-header__inner{display:flex;align-items:center;justify-content:space-between;width:93%;max-width:1440px;height:auto;min-height:80px;margin:0 auto;padding:12px 40px;gap:26px}
body.takumi-blue > .takumi-header .takumi-brand{flex:none;min-width:0;margin:0}
body.takumi-blue > .takumi-header .tb-logo{display:block;width:272px;height:auto;max-width:100%;color:var(--tb-brand);stroke:none}
body.takumi-blue > .takumi-header .takumi-nav{display:flex;align-items:center;gap:24px;margin:0 0 0 auto}
body.takumi-blue > .takumi-header .takumi-menu{display:flex;align-items:center;gap:20px;margin:0;padding:0;list-style:none}
body.takumi-blue > .takumi-header .takumi-menu li{margin:0;padding:0;border:0;list-style:none}
body.takumi-blue > .takumi-header .takumi-menu a{display:flex;align-items:center;min-height:44px;padding:0;font:500 13px/1.6 var(--tb-sans);white-space:nowrap}
body.takumi-blue > .takumi-header .takumi-header-cta{flex:none;min-width:0;min-height:48px;margin:0;padding:12px 20px;gap:16px;font:500 14px/1.6 var(--tb-sans);white-space:nowrap}
body.takumi-blue > .takumi-header .takumi-menu-toggle{display:none;flex:none;margin:0;padding:9px;background:transparent!important;border:0!important;color:var(--tb-brand)!important}
body.takumi-blue > .takumi-header .takumi-menu-toggle > span{background:currentColor!important}
body.takumi-blue > .takumi-header .takumi-scroll-track{display:none}
/* clip does not create a vertical scroll container like legacy overflow:hidden. */
body.takumi-blue.srp-standalone-body:has(> .takumi-header){overflow-x:clip;overflow-y:visible}
body.takumi-blue > .takumi-header :focus-visible{outline:2px solid var(--tb-brand);outline-offset:4px}
@media(max-width:1279px){
 body.takumi-blue > .takumi-header .takumi-header__inner{width:100%;padding:12px 28px}
 body.takumi-blue > .takumi-header .takumi-menu-toggle{display:block}
 body.takumi-blue > .takumi-header nav.takumi-nav{position:absolute;inset:100% 0 auto;display:grid;gap:0;margin:0;padding:12px 28px max(26px,env(safe-area-inset-bottom));max-height:calc(100vh - var(--tk-header-height,81px) - var(--tk-admin-offset,0px));max-height:calc(100dvh - var(--tk-header-height,81px) - var(--tk-admin-offset,0px));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid var(--tb-line);visibility:hidden;opacity:0;pointer-events:none;transform:none;transition:opacity .16s ease,visibility .16s ease}
 body.takumi-blue > .takumi-header nav.takumi-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
 body.takumi-blue > .takumi-header .takumi-menu{display:grid;gap:0}
 body.takumi-blue > .takumi-header .takumi-menu li{border-bottom:1px solid var(--tb-line)}
 body.takumi-blue > .takumi-header .takumi-menu a{min-height:48px;font-size:14px}
 body.takumi-blue > .takumi-header .takumi-header-cta{margin-top:14px;justify-content:space-between}
}
@media(max-width:640px){
 body.takumi-blue > .takumi-header .takumi-header__inner{min-height:70px;padding:10px 20px;gap:12px}
 body.takumi-blue > .takumi-header .tb-logo{width:210px}
 body.takumi-blue > .takumi-header nav.takumi-nav{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){body.takumi-blue > .takumi-header nav.takumi-nav{transition:none}}

/* White line icons only on these blue CTA surfaces. No global button override. */
body.takumi-blue .takumi-sidebar-consult li{display:flex;align-items:flex-start;gap:10px;padding-left:0;border-color:#ffffff55}
body.takumi-blue .takumi-sidebar-consult ul{border-color:#ffffff55}
body.takumi-blue .takumi-sidebar-consult li::before{content:none}
body.takumi-blue .takumi-sidebar-consult li > .tb-icon{flex:none;width:18px;height:18px;margin-top:0;stroke-width:1.75}
body.takumi-blue .takumi-sidebar-consult :is(svg,i),body.takumi-blue #project-paths :is(.takumi-project-paths__action,.takumi-project-paths__web > a) :is(svg,i,span){color:#fff!important;opacity:1}
body.takumi-blue .takumi-sidebar-consult svg,body.takumi-blue #project-paths :is(.takumi-project-paths__action,.takumi-project-paths__web > a) svg{stroke:currentColor;fill:none}
body.takumi-blue #project-paths :is(.takumi-project-paths__action,.takumi-project-paths__web > a):is(:link,:visited,:hover,:active,:focus-visible){color:#fff!important}
body.takumi-blue #project-paths a:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* source: themes/takumi-web-works-blue/assets/css/blue-editorial.css */
/* News and sharing: final brand colors, no transport or content changes. */
body.takumi-blue .takumi-notices-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--tb-ink);background:linear-gradient(115deg,#fff 38%,#F3F6FC);border-bottom:1px solid var(--tb-line)}
body.takumi-blue .takumi-notices-hero__inner{position:relative;z-index:2;width:min(100%,1280px);padding:36px 40px 58px}
body.takumi-blue .takumi-notices-hero .takumi-breadcrumb{color:var(--tb-muted);font:400 12px/1.8 var(--tb-sans);margin-bottom:36px;gap:10px;min-width:0}
body.takumi-blue .takumi-notices-hero .takumi-breadcrumb a{color:var(--tb-brand);flex-shrink:0}
body.takumi-blue .takumi-notices-hero .takumi-breadcrumb span[aria-current]{min-width:0}
body.takumi-blue .takumi-notices-hero__inner>span{color:var(--tb-brand);font:500 10px/1.8 var(--tb-sans);letter-spacing:.16em}
body.takumi-blue .takumi-notices-hero h1{max-width:1050px;margin:18px 0;font:500 clamp(28px,3.5vw,48px)/1.65 var(--tb-serif);letter-spacing:.01em;overflow-wrap:anywhere;text-wrap:pretty}
body.takumi-blue .takumi-notices-hero p{margin:18px 0 0;color:var(--tb-text);font:400 15px/1.9 var(--tb-sans)}
body.takumi-blue .takumi-notices-hero time{display:inline-block;margin-top:12px;color:var(--tb-muted);font:400 12px/1.8 var(--tb-sans)}
body.takumi-blue .takumi-notices-hero__signal{width:56px;height:1px;margin-top:30px;background:var(--tb-brand)}
body.takumi-blue .takumi-notices-hero__signal::before,body.takumi-blue .takumi-notices-hero__signal i{display:none}
body.takumi-blue .takumi-notices-hero--background{background:var(--tb-ink);color:#fff;min-height:390px}
body.takumi-blue .takumi-notices-hero--background::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,rgba(12,24,54,.82),rgba(12,24,54,.76));pointer-events:none}
body.takumi-blue .takumi-notices-hero__image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
body.takumi-blue .takumi-notices-hero--background .takumi-notices-hero__inner{min-height:390px;padding-bottom:66px}
body.takumi-blue .takumi-notices-hero--background :is(h1,time,.takumi-breadcrumb,.takumi-breadcrumb a,.takumi-breadcrumb span),body.takumi-blue .takumi-notices-hero--background .takumi-notices-hero__inner>span{color:#fff}
body.takumi-blue .takumi-notices-hero--background a:focus-visible{outline-color:#fff}
body.takumi-blue .takumi-notices-hero--background .takumi-notices-hero__signal{background:#fff}
body.takumi-blue .takumi-notices-layout{width:min(100%,1280px);padding:48px 40px 64px}
body.takumi-blue .takumi-notice-archive-list{border-top:1px solid var(--tb-line)}
body.takumi-blue .takumi-notice-archive-list li{border-color:var(--tb-line)}
body.takumi-blue .takumi-notice-archive-list a{color:var(--tb-ink);padding-block:26px}
body.takumi-blue .takumi-notice-archive-list a:hover{background:var(--tb-surface)}
body.takumi-blue .takumi-notice-archive-list :is(b,i){color:var(--tb-brand);font-weight:500}
body.takumi-blue .takumi-notice-archive-list strong{font:500 16px/1.8 var(--tb-sans);letter-spacing:0}
body.takumi-blue .takumi-notice-archive-list :is(time,small){color:var(--tb-muted);font-weight:400}
body.takumi-blue .takumi-article-share{border-color:var(--tb-line);gap:18px;padding:22px 0;background:#fff}
body.takumi-blue .takumi-article-share__heading{gap:6px}
body.takumi-blue .takumi-article-share__heading small{color:var(--tb-brand);font:500 9px/1.7 var(--tb-sans);letter-spacing:.14em}
body.takumi-blue .takumi-article-share__heading strong{color:var(--tb-ink);font:500 14px/1.7 var(--tb-sans);letter-spacing:0}
body.takumi-blue .takumi-article-share__actions{gap:8px}
body.takumi-blue .takumi-article-share__button{gap:8px;min-height:44px;padding:9px 12px;background:#fff;border:1px solid var(--tb-line);color:var(--tb-brand);font:500 12px/1.6 var(--tb-sans);border-radius:2px;transform:none;box-shadow:none}
body.takumi-blue .takumi-article-share__icon{width:22px;height:22px;flex-basis:22px;background:transparent;color:currentColor}
body.takumi-blue .takumi-article-share__icon svg{width:18px;height:18px}
body.takumi-blue .takumi-article-share__icon--line .takumi-share-icon__cutout{stroke:#fff}
body.takumi-blue .takumi-article-share__button:hover,body.takumi-blue .takumi-article-share__button.is-copied{border-color:var(--tb-brand);background:var(--tb-brand);color:#fff;transform:none}
body.takumi-blue .takumi-article-share__button:hover .takumi-share-icon__cutout,body.takumi-blue .takumi-article-share__button.is-copied .takumi-share-icon__cutout{stroke:var(--tb-brand)}
body.takumi-blue .takumi-article-share__button:focus-visible{outline:2px solid var(--tb-brand);outline-offset:3px}
body.takumi-blue .takumi-article-share__status{color:var(--tb-muted);font:400 12px/1.8 var(--tb-sans)}
body.takumi-blue .tb-room-news{margin:0 0 16px;padding:4px 16px;border:1px solid var(--tb-line);background:var(--tb-surface);font-family:var(--tb-sans);color:var(--tb-text)}
body.takumi-blue .tb-room-news>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--tb-ink);cursor:pointer;list-style:none}
body.takumi-blue .tb-room-news>summary::-webkit-details-marker{display:none}
body.takumi-blue .tb-room-news>summary>span:first-child{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
body.takumi-blue .tb-room-news>summary svg{width:21px;height:21px;flex-shrink:0;color:var(--tb-brand)}
body.takumi-blue .tb-room-news__chevron{color:var(--tb-brand);font-size:18px;transition:transform .2s}
body.takumi-blue .tb-room-news[open] .tb-room-news__chevron{transform:rotate(180deg)}
body.takumi-blue .tb-room-news>p{margin:8px 0 12px;color:var(--tb-muted);font-size:12px;line-height:1.8}
body.takumi-blue .tb-room-news ul{margin:0;padding:0;list-style:none}
body.takumi-blue .tb-room-news li{border-top:1px solid var(--tb-line)}
body.takumi-blue .tb-room-news li a{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:4px 8px;min-height:44px;padding:12px 0;color:var(--tb-ink);font-size:13px;line-height:1.7;text-decoration:none}
body.takumi-blue .tb-room-news time{grid-column:1/-1;color:var(--tb-muted);font-size:11px}
body.takumi-blue .tb-room-news li a>span[aria-hidden]{color:var(--tb-brand)}
body.takumi-blue .tb-room-news a:hover{color:var(--tb-brand);text-decoration:underline;text-underline-offset:4px}
body.takumi-blue .tb-room-news__all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:8px;padding-top:12px;border-top:1px solid var(--tb-line);color:var(--tb-brand);font-size:13px}
@media(max-width:1279px){body.takumi-blue .tb-room-news{margin-top:12px;padding:4px 16px;background:#fff;border:1px solid var(--tb-line)}body.takumi-blue .tb-room-news>summary>span:first-child{font-size:13px}}
@media(max-width:760px){body.takumi-blue .takumi-notices-hero__inner{padding:26px 24px 36px}body.takumi-blue .takumi-notices-hero .takumi-breadcrumb{margin-bottom:28px;font-size:10px;gap:6px}body.takumi-blue .takumi-notices-hero--background,body.takumi-blue .takumi-notices-hero--background .takumi-notices-hero__inner{min-height:340px}body.takumi-blue .takumi-notices-hero--background .takumi-notices-hero__inner{padding-bottom:38px}body.takumi-blue .takumi-notices-hero h1{font-size:clamp(26px,6.5vw,34px)}body.takumi-blue .takumi-notices-hero p{font-size:14px}body.takumi-blue .takumi-notices-layout{padding:32px 24px 44px}body.takumi-blue .takumi-notice-archive-list strong{font-size:14px}body.takumi-blue .takumi-article-share{grid-template-columns:1fr;gap:14px}body.takumi-blue .takumi-article-share__button{justify-content:flex-start;min-width:0}body.takumi-blue .takumi-article-share__actions>button:last-child{justify-content:center}}
@media(prefers-reduced-motion:reduce){body.takumi-blue .tb-room-news__chevron{transition:none}}
@media(forced-colors:active){body.takumi-blue .takumi-article-share__button{border-color:ButtonText}body.takumi-blue .takumi-notices-hero--background::after{background:Canvas;opacity:.95}body.takumi-blue .takumi-notices-hero--background :is(h1,time,a,span){color:CanvasText}}

/* 2.0.26: approved 01/02/03 public-document concepts. Native content/forms stay intact. */
body.takumi-blue .takumi-page { background: #fff; color: var(--tb-text); }
body.takumi-blue .takumi-page .takumi-page-hero { background: #fff; border-bottom: 1px solid var(--tb-line); }
body.takumi-blue .takumi-page .takumi-page-hero__inner { padding-block: 30px 40px; }
body.takumi-blue .takumi-page .takumi-breadcrumb { margin-bottom: 32px; color: var(--tb-muted); font: 400 12px/1.8 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-page-hero__inner > span { color: var(--tb-brand); font: 500 11px/1.8 var(--tb-sans); letter-spacing: .12em; }
body.takumi-blue .takumi-page .takumi-page-hero h1 { margin-block: 16px 24px; color: var(--tb-ink); font: 500 clamp(30px,3.8vw,50px)/1.55 var(--tb-serif); letter-spacing: -.025em; overflow-wrap: anywhere; }
body.takumi-blue .takumi-page .takumi-page-hero__signal { width: 56px; height: 1px; background: var(--tb-brand); }
body.takumi-blue .takumi-page .takumi-page-hero__signal::before,
body.takumi-blue .takumi-page .takumi-page-hero__signal::after,
body.takumi-blue .takumi-page .takumi-page-hero__signal i { display: none; }
body.takumi-blue .tb-information-page .takumi-page-hero__inner,
body.takumi-blue .tb-information-page .takumi-page-layout { max-width: 1040px; margin-inline: auto; }
body.takumi-blue .tb-contact-page .takumi-page-hero__inner,
body.takumi-blue .tb-contact-page .takumi-page-layout { max-width: 1200px; }
body.takumi-blue .tb-information-page .takumi-page-layout { padding-block: 38px 64px; }
/* These legacy documents repeat the same page title in their stored body. */
body.takumi-blue .tb-information-page .takumi-content > h1 { display: none; }
body.takumi-blue .takumi-page .takumi-content { color: var(--tb-text); font: 400 16px/1.95 var(--tb-sans); overflow-wrap: anywhere; }
body.takumi-blue .takumi-page .takumi-content > :is(p,ul,ol) { font-size: 16px; line-height: 1.95; }
body.takumi-blue .takumi-page .takumi-content > h2 { position: relative; margin: 42px 0 20px; padding: 0 0 14px 20px; border: 0; border-bottom: 1px solid var(--tb-line); background: #fff; color: var(--tb-ink); font: 600 clamp(20px,2.1vw,26px)/1.65 var(--tb-sans); letter-spacing: 0; }
body.takumi-blue .takumi-page .takumi-content > h2::before { content: ""; position: absolute; left: 0; top: .28em; width: 3px; height: 1.15em; background: var(--tb-brand); }
body.takumi-blue .takumi-page .takumi-content > h3 { margin: 30px 0 12px; color: var(--tb-ink); font: 600 19px/1.7 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-content > :is(ol,ul) { padding-left: 1.8em; margin-block: 14px 28px; }
body.takumi-blue .takumi-page .takumi-content > :is(ol,ul) > li { padding-left: .35em; margin-block: 8px; }
body.takumi-blue .takumi-page .takumi-content > :is(ol,ul) > li::marker { color: var(--tb-brand); }
body.takumi-blue .takumi-page .takumi-content a { color: var(--tb-brand); text-underline-offset: 4px; overflow-wrap: anywhere; }
body.takumi-blue .takumi-page .takumi-content a:hover { color: var(--tb-hover); }
body.takumi-blue .takumi-page .takumi-content > table { width: 100%; margin: 26px 0; border: 1px solid var(--tb-line); border-collapse: collapse; table-layout: fixed; box-shadow: none; }
body.takumi-blue .takumi-page .takumi-content > table :is(th,td) { padding: 22px 24px; border: 1px solid var(--tb-line); vertical-align: top; text-align: left; color: var(--tb-text); font: 400 15px/1.95 var(--tb-sans); overflow-wrap: anywhere; }
body.takumi-blue .takumi-page .takumi-content > table th { width: 26%; background: var(--tb-tint); color: var(--tb-ink); font-weight: 600; }
body.takumi-blue .takumi-page .takumi-content > table td,
body.takumi-blue .takumi-page .takumi-content > table tr:nth-child(even) td { background: #fff; }
body.takumi-blue .takumi-page :is(.takumi-legal-notice,.takumi-contact-intro) { padding: 20px 24px; border: 1px solid var(--tb-line); border-left: 3px solid var(--tb-brand); background: var(--tb-surface); color: var(--tb-text); box-shadow: none; }
body.takumi-blue .takumi-page .takumi-contact-intro strong { color: var(--tb-ink); font: 600 17px/1.8 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-contact-intro p { font: 400 15px/1.9 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-contact-route { gap: 20px; margin: 28px 0 36px; }
body.takumi-blue .takumi-page .takumi-contact-route > div { display: grid; align-content: start; grid-template-columns: 44px minmax(0,1fr); gap: 12px 18px; padding: 26px; border: 1px solid var(--tb-line); border-radius: 2px; background: #fff; }
body.takumi-blue .takumi-page .takumi-contact-route > div::before { content: ""; grid-column: 1; grid-row: 1 / span 2; width: 36px; height: 36px; margin-top: 2px; background: var(--tb-brand); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3 4h18v13H9l-5 4v-4H3zM7 8h10M7 12h7'/%3E%3C/svg%3E") center / contain no-repeat; }
body.takumi-blue .takumi-page .takumi-contact-route > div:nth-child(2)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v5h4M9 12h6m-6 4h6'/%3E%3C/svg%3E"); }
body.takumi-blue .takumi-page .takumi-contact-route :is(b,p) { grid-column: 2; margin: 0; }
body.takumi-blue .takumi-page .takumi-contact-route p:empty { display: none; }
body.takumi-blue .takumi-page .takumi-contact-route p:has(> a:only-child) { grid-column: 1/-1; }
body.takumi-blue .takumi-page .takumi-contact-route b { color: var(--tb-ink); font: 600 18px/1.75 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-contact-route p { color: var(--tb-text); font: 400 14px/1.9 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-contact-route a { grid-column: 1/-1; display: inline-flex; align-items: center; justify-content: center; justify-self: start; min-height: 48px; margin-top: 8px; padding: 10px 20px; border: 1px solid var(--tb-brand); border-radius: 1px; background: #fff; color: var(--tb-brand); font: 500 14px/1.8 var(--tb-sans); text-decoration: none; box-shadow: none; transform: none; }
body.takumi-blue .takumi-page .takumi-contact-route a:hover { background: var(--tb-tint); }
body.takumi-blue .tb-contact-page .takumi-content > h2 { margin-bottom: 0; padding: 26px 30px 12px; border: 0; background: var(--tb-surface); font-size: 24px; }
body.takumi-blue .tb-contact-page .takumi-content > h2::before { display: none; }
body.takumi-blue .tb-contact-page .takumi-content > h2 + p { margin: 0; padding: 0 30px 8px; background: var(--tb-surface); font-size: 14px; }
body.takumi-blue .tb-contact-page .takumi-contact-form { margin-top: 0; padding: 24px 30px 30px; border: 0; background: var(--tb-surface); }
/* CF7 wraps the original five labels in one paragraph; do not rebuild inputs. */
body.takumi-blue .tb-contact-page .takumi-contact-form > p:first-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 0; }
body.takumi-blue .tb-contact-page .takumi-contact-form > p:first-child > br,
body.takumi-blue .tb-contact-page .takumi-contact-form > p:first-child > label > br { display: none; }
body.takumi-blue .tb-contact-page .takumi-contact-form > p:first-child > label:nth-of-type(n+3) { grid-column: 1/-1; }
body.takumi-blue .tb-contact-page .takumi-contact-form > label,
body.takumi-blue .tb-contact-page .takumi-contact-form > p > label { min-width: 0; margin: 0; gap: 10px; color: var(--tb-ink); font: 500 15px/1.75 var(--tb-sans); }
body.takumi-blue .tb-contact-page .takumi-contact-form > label + label { margin-top: 24px; }
body.takumi-blue .tb-contact-page .takumi-contact-form .takumi-contact-required { margin: 0; padding: 1px 7px; border: 1px solid #D69A97; border-radius: 1px; background: #fff; color: var(--tb-danger); font: 500 11px/1.6 var(--tb-sans); }
body.takumi-blue .tb-contact-page .takumi-contact-form :is(input:not([type="checkbox"]):not([type="submit"]):not([type="hidden"]),select,textarea) { width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid #BCCBE0; border-radius: 2px; background: #fff; color: var(--tb-ink); font: 400 16px/1.6 var(--tb-sans); box-shadow: none; }
body.takumi-blue .tb-contact-page .takumi-contact-form textarea { height: 180px; min-height: 180px; resize: vertical; }
body.takumi-blue .tb-contact-page .takumi-contact-form :is(input,select,textarea):focus { border-color: var(--tb-brand); outline: 2px solid var(--tb-brand); outline-offset: 2px; }
body.takumi-blue .tb-contact-page .takumi-contact-form .wpcf7-acceptance label { min-height: 44px; margin: 26px 0 16px; gap: 12px; color: var(--tb-ink); font: 400 14px/1.85 var(--tb-sans); }
body.takumi-blue .tb-contact-page .takumi-contact-form .wpcf7-acceptance input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; margin-top: 3px; padding: 0; accent-color: var(--tb-brand); cursor: pointer; }
body.takumi-blue .tb-contact-page .takumi-contact-form .wpcf7-acceptance a { color: var(--tb-brand); }
body.takumi-blue .tb-contact-page .takumi-contact-form__note { padding: 0; margin: 0 0 22px; border: 0; background: transparent; color: var(--tb-muted); font: 400 12px/1.9 var(--tb-sans); }
body.takumi-blue .tb-contact-page .takumi-contact-form > p:last-child { margin: 0; text-align: right; }
body.takumi-blue .tb-contact-page .takumi-contact-form input[type="submit"] { width: auto; min-width: 240px; max-width: 100%; min-height: 52px; padding: 13px 28px; border: 1px solid var(--tb-brand); border-radius: 1px; background: var(--tb-brand-gradient); color: #fff; font: 500 16px/1.6 var(--tb-sans); box-shadow: none; transform: none; cursor: pointer; }
body.takumi-blue .tb-contact-page .takumi-contact-form input[type="submit"]:hover:not(:disabled) { background: var(--tb-hover); }
body.takumi-blue .tb-contact-page .takumi-contact-form input[type="submit"]:disabled { opacity: .55; cursor: not-allowed; }
body.takumi-blue .tb-contact-page .takumi-contact-form .wpcf7-spinner { margin-inline: 12px 0; }
body.takumi-blue .tb-contact-page .wpcf7-not-valid-tip { margin-top: 8px; color: var(--tb-danger); font: 500 13px/1.8 var(--tb-sans); }
body.takumi-blue .tb-contact-page .wpcf7-response-output { color: var(--tb-ink); background: #fff; font: 400 14px/1.85 var(--tb-sans); }
body.takumi-blue .tb-document-related { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 38px; padding: 18px 22px; border-block: 1px solid var(--tb-line); background: var(--tb-surface); }
body.takumi-blue .tb-document-related > strong { display: flex; align-items: center; gap: 12px; color: var(--tb-ink); font: 500 14px/1.7 var(--tb-sans); }
body.takumi-blue .tb-document-related > strong svg { color: var(--tb-brand); }
body.takumi-blue .tb-document-related ul { display: flex; flex: 1; flex-wrap: wrap; gap: 6px 20px; padding: 0; margin: 0; list-style: none; }
body.takumi-blue .tb-document-related li { min-width: 0; }
body.takumi-blue .tb-document-related a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding: 6px 0; color: var(--tb-brand); font: 400 13px/1.8 var(--tb-sans); text-decoration: none; }
body.takumi-blue .tb-document-related a:hover { text-decoration: underline; text-underline-offset: 4px; }
/* Reuse the approved light notice / outline action on remaining public cards. */
body.takumi-blue .srp-proposal-main .srp-message-only-card { padding: 20px; border: 1px solid var(--tb-line); border-left: 3px solid var(--tb-brand); background: var(--tb-surface); color: var(--tb-text); box-shadow: none; }
body.takumi-blue .srp-proposal-main .srp-message-only-card > span { display: flex; align-items: center; gap: 10px; color: var(--tb-ink); font: 500 14px/1.8 var(--tb-sans); }
body.takumi-blue .srp-proposal-main .srp-message-only-card svg { flex: 0 0 22px; width: 22px; height: 22px; color: var(--tb-brand); }
body.takumi-blue .srp-proposal-main .srp-message-only-card p { margin: 12px 0 0; color: var(--tb-text); font: 400 13px/1.9 var(--tb-sans); }
body.takumi-blue .srp-proposal-main .srp-image-device-open { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; max-width: calc(100% - 24px); padding: 10px 18px; border: 1px solid var(--tb-line); border-radius: 1px; background: #fff; color: var(--tb-brand); font: 500 13px/1.7 var(--tb-sans); box-shadow: none; transform: none; }
body.takumi-blue .srp-proposal-main .srp-image-device-open:hover { background: var(--tb-tint); border-color: var(--tb-brand); color: var(--tb-brand); }
body.takumi-blue .tpp .tpp-cap-example { padding: 22px 24px; border: 1px solid var(--tb-line); border-left: 3px solid var(--tb-brand); background: var(--tb-surface); color: var(--tb-text); box-shadow: none; }
body.takumi-blue .tpp .tpp-cap-example b { color: var(--tb-ink); font: 600 17px/1.8 var(--tb-sans); }
body.takumi-blue .tpp .tpp-cap-example span { color: var(--tb-text); font: 400 14px/1.9 var(--tb-sans); }
body.takumi-blue .takumi-capabilities-page .takumi-capability-article__thumb { background: #fff; }
@media(max-width:760px) {
  body.takumi-blue .takumi-page .takumi-page-hero__inner { padding: 24px 20px 30px; }
  body.takumi-blue .takumi-page .takumi-breadcrumb { margin-bottom: 24px; font-size: 10px; }
  body.takumi-blue .takumi-page .takumi-page-hero h1 { font-size: clamp(27px,7.5vw,38px); margin-block: 12px 20px; }
  body.takumi-blue .tb-information-page .takumi-page-layout { padding: 28px 20px 44px; }
  body.takumi-blue .takumi-page .takumi-content > h2 { margin-top: 32px; padding-left: 15px; font-size: 20px; }
  body.takumi-blue .takumi-page .takumi-content > :is(p,ul,ol) { font-size: 15px; }
  body.takumi-blue .takumi-page .takumi-contact-route { grid-template-columns: 1fr; gap: 14px; }
  body.takumi-blue .takumi-page .takumi-contact-route > div { padding: 20px; gap: 10px 12px; grid-template-columns: 32px minmax(0,1fr); }
  body.takumi-blue .takumi-page .takumi-contact-route > div::before { width: 28px; height: 28px; }
  body.takumi-blue .takumi-page .takumi-contact-route b { font-size: 16px; }
  body.takumi-blue .takumi-page .takumi-contact-route a { justify-self: stretch; }
  body.takumi-blue .tb-contact-page .takumi-content > h2 { padding: 22px 18px 12px; font-size: 21px; }
  body.takumi-blue .tb-contact-page .takumi-content > h2 + p { padding: 0 18px 8px; font-size: 13px; }
  body.takumi-blue .tb-contact-page .takumi-contact-form { padding: 20px 18px 24px; }
  body.takumi-blue .tb-contact-page .takumi-contact-form > p:first-child { grid-template-columns: 1fr; gap: 24px; }
  body.takumi-blue .tb-contact-page .takumi-contact-form input[type="submit"] { width: 100%; min-width: 0; font-size: 15px; }
  body.takumi-blue .tb-contact-page .takumi-contact-form .wpcf7-spinner { display: block; margin: 12px auto 0; }
  body.takumi-blue .tb-document-related { display: block; padding: 18px; }
  body.takumi-blue .tb-document-related ul { display: block; margin-top: 10px; }
  body.takumi-blue .tb-document-related li { border-top: 1px solid var(--tb-line); }
}
@media(max-width:620px) {
  body.takumi-blue .takumi-page .takumi-content > table { display: block; overflow: visible; border: 0; box-shadow: none; }
  body.takumi-blue .takumi-page .takumi-content > table :is(tbody,tr,th,td) { display: block; width: 100%; }
  body.takumi-blue .takumi-page .takumi-content > table tr { margin-bottom: 12px; border: 1px solid var(--tb-line); }
  body.takumi-blue .takumi-page .takumi-content > table :is(th,td) { padding: 14px 16px; border: 0; font-size: 14px; }
  body.takumi-blue .takumi-page .takumi-content > table th { border-bottom: 1px solid var(--tb-line); }
}
@media(forced-colors:active) {
  body.takumi-blue .takumi-page .takumi-contact-route > div::before { background: CanvasText; }
  body.takumi-blue .tb-contact-page .takumi-contact-form input[type="submit"] { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  body.takumi-blue .tb-contact-page .takumi-contact-form .takumi-contact-required { color: CanvasText; border-color: CanvasText; }
}

/* 2.0.27: the complete public-page sweep found legacy plugin !important colors.
   Restrict the necessary override to public work detail cards, not case rooms. */
body.takumi-blue main.srp-proposal-main .srp-message-only-card { border: 1px solid var(--tb-line) !important; border-left: 3px solid var(--tb-brand) !important; background: var(--tb-surface) !important; color: var(--tb-text) !important; box-shadow: none !important; }
body.takumi-blue main.srp-proposal-main .srp-message-only-card > span { color: var(--tb-ink) !important; }
body.takumi-blue main.srp-proposal-main .srp-message-only-card p { color: var(--tb-text) !important; }
body.takumi-blue .takumi-page .takumi-ai-service__promise { padding: 0; border: 1px solid var(--tb-line); background: var(--tb-line); }
body.takumi-blue .takumi-page .takumi-ai-service__promise li { padding-left: 48px; background: #fff; color: var(--tb-ink); font: 500 14px/1.85 var(--tb-sans); }
body.takumi-blue .takumi-page .takumi-ai-service__promise li::before { width: 20px; height: 20px; top: 23px; left: 18px; background: var(--tb-brand); box-shadow: none; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Crect x='4' y='4' width='16' height='16'/%3E%3Cpath d='m7 11 4 4 9-11'/%3E%3C/svg%3E") center / contain no-repeat; }
/* 2.0.28: the native public-image action has its own legacy important colors. */
body.takumi-blue main.srp-proposal-main .srp-image-device-open { background: #fff !important; color: var(--tb-brand) !important; border-color: var(--tb-line) !important; }
body.takumi-blue main.srp-proposal-main .srp-image-device-open:is(:hover,:focus-visible) { background: var(--tb-tint) !important; color: var(--tb-brand) !important; border-color: var(--tb-brand) !important; }

/* 2.0.29: retain the news layout while reserving one unbroken heading's width.
   Intrinsic sizing includes the existing header padding; nowrap alone can spill. */
body.takumi-blue #news .takumi-news__inner { grid-template-columns: minmax(max-content,21%) minmax(0,1fr); }
body.takumi-blue #news #news-title { white-space: nowrap; }
@media (max-width:900px) {
 body.takumi-blue #news .takumi-news__inner { grid-template-columns: minmax(max-content,28%) minmax(0,1fr); }
}
@media (max-width:620px) {
 body.takumi-blue #news .takumi-news__inner { grid-template-columns: minmax(0,1fr); }
}

/* source: themes/takumi-web-works-blue/assets/css/shared-content-headings.css */
/* One source for authored blog/work H2/H3 and the work visual editor.
 * Edit these declarations for BOTH surfaces. Component/CTA headings are separate.
 */
body.takumi-blue #main-content .takumi-article__content>h2,
body.takumi-blue #main-content .takumi-article__content .tww-editorial-v2>h2,
body.takumi-blue .tb-work-detail .takumi-work-article h2,
body.takumi-work-editor h2{
 color:var(--tb-ink,#17243c)!important;background:none!important;border:0!important;border-top:1px solid var(--tb-line,#dde4f1)!important;
 margin:4.5rem 0 1.8rem!important;padding:1.35rem 0 0!important;box-shadow:none!important;
 font-family:var(--tb-serif,"Hiragino Mincho ProN","Yu Mincho",serif)!important;font-weight:600!important;font-size:clamp(1.55rem,2.5vw,2rem)!important;line-height:1.55!important;letter-spacing:-.035em!important;
}
body.takumi-blue #main-content .takumi-article__content>h3,
body.takumi-blue #main-content .takumi-article__content .tww-editorial-v2>h3,
body.takumi-blue .tb-work-detail .takumi-work-article h3,
body.takumi-work-editor h3{
 color:var(--tb-ink,#17243c)!important;background:none!important;border:0!important;margin:2.6rem 0 1rem!important;padding:0!important;box-shadow:none!important;
 font-family:var(--tb-sans,"Hiragino Sans","Yu Gothic",sans-serif)!important;font-size:1.3rem!important;font-weight:700!important;line-height:1.7!important;letter-spacing:-.025em!important;
}
body.takumi-blue .takumi-work-article :is(h2,h3)[id]{scroll-margin-top:calc(var(--takumi-header-height,90px) + 32px)}
@media(max-width:700px){
 body.takumi-blue #main-content .takumi-article__content>h2,body.takumi-blue #main-content .takumi-article__content .tww-editorial-v2>h2,body.takumi-blue .tb-work-detail .takumi-work-article h2,body.takumi-work-editor h2{margin-top:3.5rem!important;padding-top:1.1rem!important}
}

/* source: themes/takumi-web-works-blue/assets/css/shared-share.css */
/* Public share UI only. Keep destinations, labels, privacy and copy handlers. */
body.takumi-blue :is(.takumi-article-share,.srp-share,.tb-work-detail>.srp-share) {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: 18px;
  padding: 24px 0;
  border: 0 !important;
  border-top: 1px solid var(--tb-line) !important;
  border-radius: 0;
  background: #fff !important;
  box-shadow: none !important;
  container-type: inline-size;
}
body.takumi-blue :is(.takumi-article-share__heading,.srp-share>div) {
  display: block;
  min-width: 0;
}
body.takumi-blue :is(.takumi-article-share__heading small,.srp-share>div>span) { display: none; }
body.takumi-blue :is(.takumi-article-share__heading strong,.srp-share h2,.tb-work-detail>.srp-share h2) {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--tb-ink);
  font: 600 17px/1.7 var(--tb-sans) !important;
  letter-spacing: 0;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 0;
  gap: 10px;
}
/* !important is limited to overriding the old plugin's per-network palette
   and the former work-detail button sizing. No global anchor/button rule. */
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button) {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 11px 18px;
  border: 1px solid var(--tb-brand) !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: var(--tb-brand) !important;
  font: 600 15px/1.6 var(--tb-sans) !important;
  letter-spacing: 0;
  text-decoration: none !important;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button):is(:hover,.is-copied) {
  background: var(--tb-brand) !important;
  color: #fff !important;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button):focus-visible {
  outline: 2px solid var(--tb-brand);
  outline-offset: 4px;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) button:disabled {
  cursor: progress;
  opacity: .7;
}
/* The same decorative masks work with both existing markup families, even
   when a clipboard handler replaces a button's text after success/failure. */
body.takumi-blue :is(.takumi-article-share__button,.srp-share a,.srp-share button)::before {
  content: "";
  display: inline-block;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  background: currentColor;
  -webkit-mask: var(--ts-icon) center / contain no-repeat;
  mask: var(--ts-icon) center / contain no-repeat;
}
body.takumi-blue :is(.takumi-article-share__icon,.srp-share-copy>svg) { display: none; }
body.takumi-blue :is(.srp-share-x,.takumi-article-share__button:has(.takumi-article-share__icon--x)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 3h4l12 18h-4L4 3zM20 3 4 21'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-facebook,.takumi-article-share__button:has(.takumi-article-share__icon--facebook)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm2.2 20v-8h2.7l.4-3.1h-3.1V8c0-.9.3-1.6 1.6-1.6h1.7V3.6c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.1H8V13h2.8v8h3.4z'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-line,.takumi-article-share__button:has(.takumi-article-share__icon--line)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='l'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath fill='none' stroke='black' stroke-width='1.1' d='M7 9v4h2M10.2 9v4M12 13V9l2 4V9M17 9h-1.5v4H17m-1.5-2H17'/%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url("/wp-content/themes/takumi-web-works-blue/assets/css/%23l")' d='M20 11.1c0-4-3.6-7.1-8-7.1s-8 3.1-8 7.1c0 3.6 2.9 6.6 6.8 7.1.3.1.8.2.9.5.1.3.1.8 0 1.1l-.2 1c-.1.3-.3 1.2 1 .6 1.4-.8 7.5-4.4 7.5-10.3z'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-hatena,.takumi-article-share__button:has(.takumi-article-share__icon--hatena)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7c3 0 5 1.3 5 4 0 1.4-.7 2.4-2 3 1.8.6 2.8 2 2.8 4 0 3-2.4 5-5.8 5H4V4zm3.5 6.2H11c1.2 0 1.8-.6 1.8-1.7S12.2 7 11 7H7.5v3.2zm0 6.8h3.8c1.4 0 2.2-.6 2.2-1.8 0-1.3-.8-1.9-2.2-1.9H7.5V17zM21 4h-3v10h3V4zm0 13h-3v3h3v-3z'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-copy,.takumi-article-share__button:has(.takumi-article-share__icon--copy)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M8 8h12v13H8zM16 8V3H3v13h5'/%3E%3C/svg%3E");
}
body.takumi-blue .takumi-article-share__status {
  text-align: left;
  color: var(--tb-muted);
  font: 400 12px/1.8 var(--tb-sans);
}
@container (max-width: 540px) {
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button) {
    min-height: 48px;
    padding: 10px;
    gap: 8px;
    font-size: 14px !important;
    justify-content: center;
  }
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>button:last-child { grid-column: 1/-1; }
}
@media(prefers-reduced-motion:reduce) {
  body.takumi-blue :is(.takumi-article-share__button,.srp-share a,.srp-share button) { transition: none; }
}
@media(forced-colors:active) {
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button) {
    border-color: ButtonText !important;
    color: LinkText !important;
    background: Canvas !important;
  }
  body.takumi-blue :is(.takumi-article-share__button,.srp-share a,.srp-share button)::before { forced-color-adjust: none; background: LinkText; }
}

/* source: plugins/takumi-client-workspace/assets/css/cooperation-plan.css */
.tcw-plan{min-width:0;margin:28px 0;padding:0;border:0;font:400 15px/1.8 var(--tb-sans,"Hiragino Sans",sans-serif);color:#17243c}.tcw-plan legend{padding:0;margin-bottom:10px;font:500 clamp(25px,3vw,34px)/1.5 var(--tb-serif,"Yu Mincho",serif);color:#17243c}.tcw-plan .tcw-plan__intro{margin:0 0 20px;color:#52637a}.tcw-plan .tcw-plan__choice{display:flex!important;align-items:flex-start;gap:18px;padding:22px!important;margin:12px 0!important;border:1px solid #dde4f1!important;border-radius:3px;background:#fff!important;cursor:pointer}.tcw-plan .tcw-plan__choice:has(input:checked){border-color:#1949df!important;box-shadow:inset 0 0 0 1px #1949df;background:#f3f6fc!important}.tcw-plan .tcw-plan__choice input{appearance:auto!important;width:22px!important;height:22px!important;min-width:22px;flex:0 0 22px;margin:5px 0 0!important;accent-color:#1949df;cursor:pointer}.tcw-plan .tcw-plan__choice span{display:block;min-width:0}.tcw-plan .tcw-plan__choice strong{display:block;font-size:18px;font-weight:600;line-height:1.6}.tcw-plan .tcw-plan__choice b{display:block;margin:8px 0;color:#1949df;font-size:clamp(23px,2.5vw,32px);font-weight:600;line-height:1.5}.tcw-plan .tcw-plan__choice small{display:block;margin-top:5px;font-size:14px;color:#52637a;font-weight:400;line-height:1.8}.tcw-plan .tcw-plan__terms{padding:22px 24px;background:#f3f6fc;border-radius:3px}.tcw-plan .tcw-plan__terms h4{margin:0 0 18px;font-size:17px;font-weight:600;color:#17243c}.tcw-plan .tcw-plan__consent{display:flex!important;align-items:flex-start;gap:14px;margin:0!important;font-size:15px;color:#17243c;font-weight:500}.tcw-plan .tcw-plan__consent input{appearance:auto!important;width:22px!important;height:22px!important;min-width:22px;flex:0 0 22px;margin:3px 0 0!important;accent-color:#1949df;cursor:pointer}.tcw-plan .tcw-plan__consent span{min-width:0;line-height:1.8}.tcw-plan .tcw-plan__consent em{display:inline-block;padding:0 6px;border:1px solid #b42318;color:#b42318;background:#fff;font-size:11px;font-style:normal;white-space:nowrap}.tcw-plan .tcw-plan__terms p{margin:10px 0 0;color:#52637a;font-size:13px;line-height:1.9}.tcw-plan .tcw-plan__terms .tcw-plan__scope{margin-top:16px;padding-top:14px;border-top:1px solid #dde4f1}.tcw-plan__feedback:empty{display:none}.tcw-plan .tcw-plan__feedback{margin:12px 0;color:#b42318;font-size:14px}.tcw-plan :is(input,a):focus-visible{outline:2px solid #1949df;outline-offset:4px}.tcw-plan [hidden]{display:none!important}@media(max-width:600px){.tcw-plan .tcw-plan__choice{padding:18px 16px!important;gap:12px}.tcw-plan .tcw-plan__choice strong{font-size:16px}.tcw-plan .tcw-plan__choice small{font-size:13px}.tcw-plan .tcw-plan__terms{padding:20px 16px}.tcw-plan .tcw-plan__consent{font-size:14px}.tcw-plan legend{font-size:26px}}

/* source: themes/takumi-web-works-blue/assets/css/work-monitor.css */
/* 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}}