/* Original art direction: a single output-led stage, designed for Japanese content. */
.uc-art-page{--uc-navy:#112b48;--uc-electric:#0076ff;--uc-mint:#68ebc0}
.uc-art-page #top.uc-hero{position:relative;padding:26px 0 48px;background:linear-gradient(155deg,#fff 45%,#f0f6ff 100%);text-align:left;overflow:hidden}
.uc-art-page .uc-art-wrap{max-width:1320px}
.uc-art-breadcrumb .gd-crumbs{width:auto;max-width:none;margin:0 0 27px;padding:0}
.uc-art-breadcrumb .gd-crumbs ol{font-size:11px;color:#738296}
.uc-art-layout{display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);gap:42px;align-items:center}
.uc-art-hero-copy{min-width:0;padding:10px 0 22px}
.uc-art-overline{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#536b87;font-size:11px;letter-spacing:.12em;font-weight:600}
.uc-art-overline>span{width:26px;height:4px;border-radius:3px;background:linear-gradient(90deg,#00dfab,#007aff)}
.uc-art-page #top.uc-hero h1{font-size:clamp(30px,2.9vw,43px);line-height:1.48;letter-spacing:-.045em;color:#142d47;margin:0;text-align:left}
.uc-art-page #top.uc-hero h1 span{display:block;text-wrap:pretty;word-break:auto-phrase}
.uc-art-page #top .hero-blue{background:linear-gradient(110deg,#006de8,#008cc5);background-clip:text;-webkit-background-clip:text;color:transparent}
.uc-art-page #top .hero-copy{max-width:100%;width:auto;font-size:14px;line-height:2;margin:22px 0 25px;color:#52657a;text-align:left;overflow-wrap:anywhere;word-break:normal}
.uc-art-page #top .hero-copy span{display:inline;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.uc-art-page #top .actions{justify-content:flex-start;gap:10px}
.uc-art-page #top .actions .btn{min-height:47px;padding:12px 23px;font-size:13px;border-radius:12px}
.uc-art-page #top .actions .btn:first-child{box-shadow:0 7px 19px -9px #0074ed}
.uc-art-page #top .uc-topic-nav{margin:20px 0 0;gap:6px;justify-content:flex-start}
.uc-art-page #top .uc-topic-nav a{min-height:36px;padding:5px 10px;background:#fff;border:1px solid #e0e9f3;font-size:10px;color:#607891}
.uc-art-page #top .uc-topic-nav a:hover{background:#edf6ff;border-color:#8fc9fd;color:#0070dc}
.uc-art-discover{display:inline-flex;align-items:center;gap:14px;font-size:11px;color:#6b7d90;margin-top:22px;min-height:30px}
.uc-art-discover svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s}
.uc-art-discover:hover{color:#0074ed}.uc-art-discover:hover svg{transform:rotate(90deg) translateX(3px)}
.uc-art{margin:0;min-width:0;container-type:inline-size}
.uc-art-canvas{position:relative;isolation:isolate;aspect-ratio:600/560;border-radius:28px;background:radial-gradient(ellipse at 85% 18%,#225f9c 0,transparent 54%),radial-gradient(ellipse at 2% 95%,#18615e 0,transparent 50%),#102d4d;box-shadow:0 25px 55px -32px #254e7b;overflow:hidden;color:#e5f2ff}
.uc-art-canvas::before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#b8d6ec33 .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(125deg,#000,transparent 85%)}
.uc-art-top{position:absolute;inset:5% 5% auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.045em;color:#d3e5f4}
.uc-art-top>span:first-child{display:flex;align-items:center;gap:8px}.uc-art-top>span:last-child{color:#a7c0d7;font-size:9px}
.uc-art-top i{width:5px;height:5px;border-radius:50%;background:#6dffd1;box-shadow:0 0 13px #64eebf}
.uc-art-orbit{position:absolute;z-index:-1;border:1px solid #9fcce51c;border-radius:50%;width:80%;aspect-ratio:1;left:26%;top:13%;transform:rotate(-27deg)}
.uc-art-orbit-two{width:111%;left:4%;top:-8%;border-style:dashed}
.uc-art-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.uc-art-path path{stroke:#7ab6e8;stroke-width:1.2;stroke-dasharray:4 5;opacity:.7;transition:stroke .4s,opacity .4s}
.uc-art-path circle{fill:#a5eedd}
.uc-art-sources{position:absolute;z-index:2;top:17%;left:5%;width:32%;transform:rotate(-5deg);transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.uc-art-eyebrow{display:block;color:#bed5e7;font-size:9px;letter-spacing:.06em;margin-bottom:11px}
.uc-art-sources ul{padding:0;margin:0;list-style:none}
.uc-art-sources li{display:flex;align-items:center;gap:7px;position:relative;margin:0 0 7px;padding:10px 11px;border-radius:7px;border:1px solid #b1d3f05c;background:#dcefffed;color:#284c70;font-size:10px;line-height:1.55;box-shadow:0 6px 10px #041d3d1a;overflow-wrap:anywhere;transition:transform .45s,box-shadow .45s}
.uc-art-sources li:nth-child(2){margin-left:-6px;transform:rotate(2deg)}.uc-art-sources li:nth-child(3){margin-left:4px;transform:rotate(-1deg)}
.uc-art-sources li:nth-child(n+4){padding-block:6px;font-size:9px}
.uc-art-sources svg{width:16px;height:19px;flex:none;color:#3b81b9}
.uc-art-paper{position:absolute;z-index:3;left:32%;top:17%;width:61%;min-height:49%;padding:18px 21px 14px;background:#fff;border:1px solid #fff;border-radius:4px 16px 16px 16px;color:#163c5a;box-shadow:0 18px 36px #00152c33;transform:rotate(2deg);transition:transform .65s,box-shadow .65s;overflow:hidden}
.uc-art-paper::before{content:'';position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#42edba,#0d8fff)}
.uc-art-paper-head{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:#5f7a91;margin-bottom:10px}
.uc-art-paper-head>svg{width:19px;height:19px;margin-left:auto;color:#7b98b1}
.uc-art-paper-head img{width:24px;height:24px;border-radius:5px}
.uc-art-paper h2{font-size:clamp(16px,3.4cqw,22px);line-height:1.5;font-weight:650;letter-spacing:-.03em;color:#153b5b;margin:0 0 12px;overflow-wrap:anywhere}
.uc-art-paper dl{margin:0}
.uc-art-fact{padding:7px 0;border-top:1px solid #e2ecf4}
.uc-art-fact dt{font-size:10px;color:#6c8499;line-height:1.6;margin-bottom:3px;font-weight:500}
.uc-art-fact dd{font-size:13px;line-height:1.7;margin:0;color:#2a4b65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.uc-art-paper-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;letter-spacing:.07em;color:#8aa0b1}
.uc-art-scan{position:absolute;inset:0;background:linear-gradient(130deg,transparent 35%,#34caff26 47%,#38eac94d 50%,transparent 64%);transform:translateX(-120%);pointer-events:none}
.uc-art-assistant{position:absolute;z-index:4;left:5%;bottom:0;width:29%;height:51%;pointer-events:none}
.uc-art-assistant img{position:absolute;bottom:0;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 16px #001c3c4d);transform:translateY(8px)}
.uc-art-assistant-halo{position:absolute;width:110%;aspect-ratio:1;left:-8%;bottom:8%;background:radial-gradient(#5eefd750,transparent 65%);border-radius:50%}
.uc-art-assistant-name{position:absolute;left:5%;bottom:6%;z-index:2;padding:5px 12px;border:1px solid #accff14d;border-radius:8px;background:#183b56e8;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.06em;font-weight:700;box-shadow:0 4px 12px #112e3b33}
.uc-art-assistant-name>span{display:block;font-weight:400;font-size:8px;color:#a5c8da;letter-spacing:0;margin-top:1px}
.uc-art-handoff{position:absolute;z-index:5;left:42%;right:5%;bottom:5%;padding:14px 16px;border:1px solid #8ae6d18c;border-radius:13px;background:#eafbf4;color:#174a48;box-shadow:0 12px 25px #00152c40;transform:rotate(-3deg);transition:transform .55s,box-shadow .55s}
.uc-art-handoff-head{display:flex;gap:9px;align-items:center;margin-bottom:8px}.uc-art-initial{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#cee9e0;color:#246353;font-size:12px;flex:none}
.uc-art-handoff-head small{display:block;font-size:8px;color:#587970;margin-bottom:3px}
.uc-art-handoff-head strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.uc-art-check{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#239b75;color:#fff;flex:none}
.uc-art-check svg{width:15px;height:15px}.uc-art-handoff p{font-size:11px;line-height:1.75;margin:0 0 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.uc-art-time{display:block;font-size:9px;color:#46796b;line-height:1.6}
.uc-art[data-artwork=calendar][data-date=true] .uc-art-fact:first-child dd{color:#006cdb;font-size:clamp(14px,3.1cqw,21px);font-weight:600;line-height:1.6}
.uc-art figcaption{margin-top:21px}
.uc-art .uc-flow-stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.uc-art .uc-flow-stage{display:flex;gap:8px;padding-top:12px;border-top:2px solid #dce7f2;transition:border-color .35s;min-width:0}
.uc-stage-number{font-size:10px;color:#8aa0b4;line-height:1.7;font-variant-numeric:tabular-nums}
.uc-art .uc-flow-stage h3{font-size:12px;line-height:1.7;color:#274860;letter-spacing:-.02em;margin:0}
.uc-art .uc-flow-stage p{font-size:10px;line-height:1.8;color:#698093;margin:0}
.uc-art-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#617a91;font-size:9px}
.uc-flow-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:90px;border:0;border-radius:999px;background:#e5eef8;color:#35628e;font-size:10px;padding:6px 12px;cursor:pointer;transition:background .2s,color .2s}
.uc-flow-toggle:hover{background:#d8eaff;color:#006ee0}.uc-flow-toggle[hidden]{display:none}
.uc-art-page a:focus-visible,.uc-art-page button:focus-visible{outline:2px solid #087aff;outline-offset:4px}
.uc-art[data-phase="0"] .uc-art-sources{transform:rotate(-2deg) translateY(-5px)}
.uc-art[data-phase="0"] .uc-art-sources li{box-shadow:0 0 19px #8fdfff33}
.uc-art[data-phase="0"] .uc-path-in,.uc-art[data-phase="1"] .uc-path-in,.uc-art[data-phase="2"] .uc-path-out{stroke:#8fffe0;opacity:1;animation:uc-art-route 1.2s linear 2}
.uc-art[data-phase="1"] .uc-art-paper{transform:rotate(0) translateY(-5px);box-shadow:0 0 0 3px #75d8ff5c,0 22px 32px #00152c44}
.uc-art[data-phase="1"] .uc-art-scan{animation:uc-art-scan 2.2s ease-in-out both}
.uc-art[data-phase="2"] .uc-art-handoff{transform:rotate(0) translateY(-5px);box-shadow:0 0 0 3px #63efbc4d,0 12px 25px #00152c44}
.uc-art[data-phase="0"] .uc-flow-stage:nth-child(1),.uc-art[data-phase="1"] .uc-flow-stage:nth-child(2),.uc-art[data-phase="2"] .uc-flow-stage:nth-child(3){border-top-color:#0087ed}
.uc-art[data-state="paused"] *{animation-play-state:paused!important}
@keyframes uc-art-scan{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes uc-art-route{to{stroke-dashoffset:-18}}
.uc-art-page #story.uc-context{padding:55px 0 46px;background:#fff}
.uc-context-heading{display:flex;gap:17px;align-items:center;margin-bottom:24px}.uc-context-heading span:first-child{font-size:11px;font-weight:650;letter-spacing:.16em;color:#0075e5}.uc-context-heading span:last-child{font-size:11px;color:#75889b}
.uc-context-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:78px;align-items:center}
.uc-art-page .uc-story-situation h2{font-size:clamp(21px,2.1vw,29px);line-height:1.65;letter-spacing:-.035em;color:#15324c;margin:0 0 15px;text-wrap:pretty}
.uc-art-page .uc-story-situation>p{font-size:13px;line-height:2;color:#65798c;margin:0}
.uc-request-column{position:relative;padding-top:3px}.uc-request-person{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding-left:3px}.uc-request-person>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e8effa;color:#4b6d92;font-size:13px}
.uc-request-person strong{display:block;font-size:12px;line-height:1.5;color:#42627e}.uc-request-person small{display:block;font-size:9px;color:#8396a8;line-height:1.7}
.uc-art-page .uc-story-request{position:relative;margin:0 0 0 17px;padding:23px 50px 23px 25px;background:#f0f5fc;border:1px solid #e8eef8;border-radius:0 20px 20px 20px;color:#355776;box-shadow:0 8px 20px -20px #527aa6}
.uc-art-page .uc-story-request p{font-size:13px;line-height:2;margin:0}.uc-request-send{position:absolute;right:14px;bottom:16px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#dce9fb;color:#648fc4}.uc-request-send svg{width:13px;height:13px;transform:rotate(-35deg)}
.uc-context-meta .gd-meta{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0 0;font-size:10px;color:#96a3b1;line-height:1.8}
.uc-art-page .uc-demo-heading{margin:0 0 28px}.uc-art-page .uc-demo-heading h2{font-size:clamp(23px,2.8vw,34px);line-height:1.5;letter-spacing:-.035em;margin:0 0 9px;color:#17354e}.uc-art-page .uc-demo-heading p{font-size:13px;color:#708598;line-height:1.9}
.uc-art-page .uc-support-heading{padding-top:45px;padding-bottom:24px}.uc-art-page .uc-support-heading h2{font-size:25px;line-height:1.6;color:#193b58;margin:0 0 9px}.uc-art-page .uc-support-heading p{font-size:13px;color:#6d8193;line-height:1.9}
@media(min-width:1500px){.uc-art-page #top.uc-hero{padding-bottom:64px}.uc-art-layout{gap:62px}}
@media(max-width:1100px) and (min-width:781px){.uc-art-layout{gap:32px;grid-template-columns:1fr}.uc-art-hero-copy{max-width:760px}.uc-art-page #top.uc-hero h1{font-size:37px}.uc-art{width:100%;max-width:650px;justify-self:center}.uc-context-grid{gap:38px}}
@media(max-width:780px){
 .uc-art-page #top.uc-hero{padding:18px 0 34px}.uc-art-breadcrumb .gd-crumbs{margin-bottom:22px}.uc-art-breadcrumb .gd-crumbs ol{font-size:10px}
 .uc-art-layout{grid-template-columns:1fr;gap:26px}.uc-art-hero-copy{padding:0}.uc-art-overline{margin-bottom:16px;font-size:10px}
 .uc-art-page #top.uc-hero h1{font-size:clamp(27px,6.6vw,40px);line-height:1.52}.uc-art-page #top .hero-copy{font-size:13px;line-height:1.95;margin:17px 0 21px}.uc-art-page #top .uc-topic-nav{margin-top:17px}
 .uc-art-page #top .uc-topic-nav a{min-height:44px;padding:7px 11px;font-size:10px}.uc-art-page #top .actions .btn{padding:12px 20px;min-height:46px}.uc-art-discover{display:none}
 .uc-art-canvas{display:flex;flex-direction:column;aspect-ratio:auto;padding:58px 5% 20px;border-radius:20px}.uc-art-top{font-size:9px;inset:23px 5% auto}.uc-art-top>span:last-child{font-size:8px}
 .uc-art-sources{position:relative;top:auto;left:auto;width:100%;margin-bottom:21px;transform:rotate(-2deg)}.uc-art-eyebrow{font-size:8px;margin-bottom:8px}.uc-art-sources ul{display:flex;flex-wrap:wrap;gap:5px}.uc-art-sources li,.uc-art-sources li:nth-child(n){max-width:48%;margin:0;font-size:9px;padding:6px 7px;gap:5px;transform:none;flex:0 1 auto}.uc-art-sources svg{width:13px;height:16px}
 .uc-art-paper{position:relative;top:auto;left:auto;width:85%;min-height:0;margin:0 0 24px auto;padding:17px 16px 12px;border-radius:4px 12px 12px 12px}.uc-art-paper-head{font-size:9px;gap:5px;margin-bottom:10px}.uc-art-paper-head img{width:20px;height:20px}.uc-art-paper-head>svg{width:14px;height:14px}
 .uc-art-paper h2{font-size:16px;line-height:1.55;margin-bottom:8px}.uc-art-fact{padding:6px 0}.uc-art-fact dt{font-size:10px}.uc-art-fact dd{font-size:12px;line-height:1.7}.uc-art-paper-foot{font-size:8px;margin-top:6px}
 .uc-art-assistant{left:2%;height:36%;width:28%}.uc-art-assistant-name{font-size:10px;bottom:5%;padding:4px 9px}.uc-art-assistant-name>span{font-size:7px}
 .uc-art-handoff{position:relative;left:auto;right:auto;bottom:auto;width:70%;margin-left:auto;padding:11px 12px;border-radius:10px}.uc-art-handoff-head{gap:6px;margin-bottom:6px}.uc-art-initial{width:25px;height:25px;font-size:11px}.uc-art-handoff-head strong{font-size:12px}.uc-art-handoff-head small{font-size:8px}.uc-art-handoff p{font-size:11px;line-height:1.65}.uc-art-time{font-size:10px}.uc-art-check{width:19px;height:19px}
 .uc-art figcaption{margin-top:15px}.uc-art .uc-flow-stages{gap:11px}.uc-art .uc-flow-stage{display:block;padding-top:8px}.uc-stage-number{display:block;font-size:10px;margin-bottom:4px}.uc-art .uc-flow-stage h3{font-size:12px;line-height:1.7}
 .uc-art-controls{font-size:8px}.uc-flow-toggle{min-height:44px;font-size:10px}
 .uc-art-page #story.uc-context{padding:35px 0}.uc-context-heading{margin-bottom:19px;gap:13px}.uc-context-grid{grid-template-columns:1fr;gap:26px}.uc-art-page .uc-story-situation h2{font-size:23px;line-height:1.65}.uc-art-page .uc-story-situation>p{font-size:13px}.uc-art-page .uc-story-request{padding:20px 43px 20px 22px}.uc-art-page .uc-story-request p{font-size:12px}.uc-context-meta .gd-meta{font-size:9px;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.uc-art-page *, .uc-art-page *::before,.uc-art-page *::after{animation:none!important;transition:none!important}.uc-art-scan{display:none}.uc-flow-toggle{display:none}}

/* 2026-10-23 T-006: the hero breadcrumb no longer depends on guide.css. The original pages linked guide.css after the
   hero, so the trail first painted as a numbered list and the H1 jumped up when guide.css arrived. Same values as
   guide.css .gd-crumbs (identical rendering when both are loaded); font-size and colour stay with the rules above. */
.uc-art-breadcrumb .gd-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;line-height:1.7}
.uc-art-breadcrumb .gd-crumbs li{display:inline-flex;align-items:center;min-width:0}
.uc-art-breadcrumb .gd-crumbs li+li::before{content:"›";margin:0 10px;color:var(--muted)}
.uc-art-breadcrumb .gd-crumbs a{color:var(--muted)}
.uc-art-breadcrumb .gd-crumbs a:hover{color:var(--blue)}
.uc-art-breadcrumb .gd-crumbs [aria-current]{color:var(--body);overflow-wrap:anywhere}
@media(max-width:580px){.uc-art-breadcrumb .gd-crumbs li+li::before{margin:0 7px}}

/* 2026-10-23 Q3: the「01 / 共有する資料」labels no longer run under the paper (desktop only; the ≤780px natural-flow
   layout is untouched). Cause: the source column is left 5% / width 32% (ends at 37%) while the paper starts at 32%
   with z-index 3, so the last 5% of every card lies under the paper. The cards are meant to slide under it, but any
   label longer than ~12 characters ran into that hidden strip (at 1440px, on most of the 143 detail pages).
   - The paper moves 2% right (left 34%, width unchanged: its right edge now lines up with the handoff card at 95%).
   - Each card's text column stops short of the paper: padding-right = the remaining 3% overlap (3% of the canvas =
     3% / .32 of the 32% column, which is the li's containing block) + that card's rotation allowance (the column
     turns -5deg, so lower cards swing right; cards 2 and 3 have their own tilt and offset). The card itself still
     slides under the paper.
   - Long labels wrap to two lines; -webkit-line-clamp:2 is only a last resort. text-spacing-trim:space-all stops
     Chrome from letting a line-final 「）」 hang past the box (it wraps instead); text-wrap:pretty keeps a count
     and its unit together (no lone 「件」 on the second line).
   - Icon box 16x19 → 16x16 (the 24x24 icon was already drawn at 16x16) and line-height 1.45 keep the taller stack
     clear of the assistant's head.
   - Narrow canvas (< 587px, i.e. windows of about 1101–1195px): 9px labels and slightly tighter cards. */
@media(min-width:781px){
 .uc-art-paper{left:34%}
 .uc-art-sources li{padding-right:calc(3% / .32 + 16px);line-height:1.45}
 .uc-art-sources li:nth-child(1){padding-right:calc(3% / .32 + 6.5px)}
 .uc-art-sources li:nth-child(2){padding-right:calc(3% / .32 + 8px)}
 .uc-art-sources li:nth-child(3){padding-right:calc(3% / .32 + 14px)}
 .uc-art-sources svg{height:16px}
 .uc-art-sources li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-spacing-trim:space-all;text-wrap:pretty}
 @container (max-width:586px){
  .uc-art-eyebrow{margin-bottom:8px}
  .uc-art-sources li{padding-block:8px;padding-left:9px;gap:5px;margin-bottom:5px;font-size:9px}
  .uc-art-sources li:nth-child(n+4){padding-block:5px}
 }
}