#casefork-mock{--cf-bg:light-dark(#fff,#171817);--cf-soft:light-dark(#f6f6f3,#20221f);--cf-ink:light-dark(#20231f,#f0f1eb);--cf-muted:light-dark(#696e64,#a9afa2);--cf-line:light-dark(#e3e5dd,#373c33);--cf-button:light-dark(#22281f,#e4e9df);--cf-buttontext:light-dark(#fff,#22281f);--cf-radius:10px;background:var(--cf-bg);color:var(--cf-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;font-size:14px;line-height:1.75;border:1px solid var(--cf-line);border-radius:12px;overflow:hidden;text-align:left}
#casefork-mock *{box-sizing:border-box}#casefork-mock button,#casefork-mock input,#casefork-mock textarea,#casefork-mock select{font:inherit}#casefork-mock button{cursor:pointer}#casefork-mock button:focus-visible{outline:2px solid var(--cf-muted);outline-offset:3px}#casefork-mock button{border:0;background:transparent;color:inherit}#casefork-mock h1,#casefork-mock h2,#casefork-mock h3,#casefork-mock p{margin:0}#casefork-mock .cf-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-bottom:1px solid var(--cf-line)}#casefork-mock .cf-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.6px;padding:0}#casefork-mock .cf-mark{height:30px;width:30px;border-radius:7px;background:var(--cf-ink);color:var(--cf-bg);display:inline-flex;align-items:center;justify-content:center}#casefork-mock .cf-mark svg{width:20px;height:20px}#casefork-mock .cf-nav{display:flex;align-items:center;gap:20px}#casefork-mock .cf-nav button{font-size:12px;padding:5px 0;color:var(--cf-muted)}#casefork-mock .cf-nav button[aria-current=page]{color:var(--cf-ink)}#casefork-mock .cf-avatar{width:29px;height:29px;border-radius:50%;background:var(--cf-soft);border:1px solid var(--cf-line);display:inline-flex;align-items:center;justify-content:center;font-size:11px}#casefork-mock .cf-main{padding:0 44px 38px;max-width:1040px;margin:auto}#casefork-mock .cf-hero{padding:54px 0 35px;max-width:690px}#casefork-mock .cf-eyebrow{font-size:11px;letter-spacing:2px;color:var(--cf-muted);font-weight:600}#casefork-mock h1{font-size:40px;line-height:1.4;letter-spacing:-1.6px;font-weight:650;margin:13px 0 16px}#casefork-mock .cf-sub{color:var(--cf-muted);line-height:1.9}#casefork-mock .cf-search{display:flex;align-items:center;gap:10px;border:1px solid var(--cf-line);border-radius:var(--cf-radius);padding:8px 9px 8px 16px;margin-top:26px;background:var(--cf-bg);box-shadow:0 3px 10px #00000004}#casefork-mock input,#casefork-mock textarea,#casefork-mock select{color:var(--cf-ink);background:var(--cf-bg);border:1px solid var(--cf-line);border-radius:7px;padding:10px 12px;min-width:0;font-size:16px;width:100%}#casefork-mock input::placeholder,#casefork-mock textarea::placeholder{color:var(--cf-muted)}#casefork-mock .cf-search input{border:0;padding:6px 0;font-size:14px;flex:1;width:0;outline-offset:3px}#casefork-mock .cf-primary{background:var(--cf-button);color:var(--cf-buttontext);border:1px solid var(--cf-button);border-radius:7px;padding:10px 16px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}#casefork-mock .cf-secondary{border:1px solid var(--cf-line);border-radius:7px;padding:9px 14px;font-size:13px;background:var(--cf-bg)}#casefork-mock .cf-quiet{color:var(--cf-muted);font-size:12px}#casefork-mock .cf-examples{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--cf-muted)}#casefork-mock .cf-examples button{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:0}#casefork-mock .cf-sectionhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 18px}#casefork-mock h2{font-size:18px;font-weight:600;letter-spacing:-.3px}#casefork-mock .cf-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}#casefork-mock .cf-filter{padding:6px 12px;border-radius:6px;color:var(--cf-muted);font-size:12px}#casefork-mock .cf-filter[aria-pressed=true]{background:var(--cf-ink);color:var(--cf-bg)}#casefork-mock .cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#casefork-mock .cf-case{padding:21px;border:1px solid var(--cf-line);border-radius:var(--cf-radius);background:var(--cf-bg);display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:228px;transition:background .15s}#casefork-mock .cf-case:hover{background:var(--cf-soft)}#casefork-mock .cf-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--cf-muted);font-size:11px}#casefork-mock .cf-tag{background:var(--cf-soft);border:1px solid var(--cf-line);border-radius:4px;padding:1px 7px;color:var(--cf-ink);font-size:10px}#casefork-mock .cf-case h3{font-size:17px;line-height:1.65;font-weight:600;letter-spacing:-.3px;margin:13px 0 10px}#casefork-mock .cf-case p{font-size:12px;color:var(--cf-muted);line-height:1.8;margin-bottom:20px}#casefork-mock .cf-cardfoot{border-top:1px solid var(--cf-line);padding-top:12px;margin-top:auto;width:100%;display:flex;align-items:center;gap:15px;font-size:11px}#casefork-mock .cf-cardfoot span{display:flex;align-items:center;gap:5px}#casefork-mock .cf-cardfoot .cf-arrow{margin-left:auto}#casefork-mock svg{width:15px;height:15px;flex-shrink:0}#casefork-mock .cf-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--cf-line);display:flex;justify-content:space-between;gap:12px;color:var(--cf-muted);font-size:11px}#casefork-mock .cf-back{padding:24px 0 15px;color:var(--cf-muted);font-size:12px;display:inline-flex;align-items:center;gap:6px}#casefork-mock .cf-detailhead h1{font-size:31px;max-width:690px;margin-top:16px}#casefork-mock .cf-byline{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--cf-muted);margin:19px 0 27px}#casefork-mock .cf-cols{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:34px;border-top:1px solid var(--cf-line);padding-top:27px}#casefork-mock .cf-article section{margin-bottom:26px}#casefork-mock .cf-article h2{font-size:15px;margin-bottom:9px;display:flex;gap:10px;align-items:center}#casefork-mock .cf-number{font-family:monospace;color:var(--cf-muted);font-size:11px;font-weight:400}#casefork-mock .cf-article p{font-size:13px;line-height:1.95}#casefork-mock .cf-asidebox{background:var(--cf-soft);border:1px solid var(--cf-line);border-radius:var(--cf-radius);padding:20px;margin-bottom:16px}#casefork-mock .cf-asidebox h3{font-size:14px;font-weight:600;margin-bottom:10px}#casefork-mock .cf-asidebox .cf-primary{width:100%;margin:16px 0 8px}#casefork-mock .cf-stats{display:flex;gap:25px;margin:14px 0}#casefork-mock .cf-stats b{font-size:25px;font-weight:500;display:block;line-height:1.3}#casefork-mock .cf-stats small{font-size:10px;color:var(--cf-muted)}#casefork-mock .cf-rule{height:1px;background:var(--cf-line);margin:17px 0}#casefork-mock .cf-condition{display:flex;justify-content:space-between;font-size:11px;margin:10px 0;gap:10px}#casefork-mock .cf-bar{height:6px;border-radius:3px;display:flex;overflow:hidden;margin:10px 0}#casefork-mock .cf-bar span:nth-child(1){background:var(--cf-ink)}#casefork-mock .cf-bar span:nth-child(2){background:var(--cf-muted)}#casefork-mock .cf-bar span:nth-child(3){background:var(--cf-line)}#casefork-mock .cf-resultnote{padding:16px;border:1px solid var(--cf-line);border-radius:7px;margin-top:12px;font-size:12px}#casefork-mock .cf-resultnote p{margin-top:8px}#casefork-mock .cf-flowhead{padding:32px 0 25px;border-bottom:1px solid var(--cf-line);margin-bottom:26px}#casefork-mock .cf-flowhead h1{font-size:29px;margin:9px 0}#casefork-mock .cf-steps{display:flex;gap:18px;font-size:11px;color:var(--cf-muted);margin-top:22px;flex-wrap:wrap}#casefork-mock .cf-steps .cf-active{color:var(--cf-ink);font-weight:600}#casefork-mock .cf-chatlayout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px}#casefork-mock .cf-chatline{margin-bottom:20px;max-width:93%;font-size:13px}#casefork-mock .cf-chatline header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;margin-bottom:9px}#casefork-mock .cf-chatline p{background:var(--cf-soft);padding:15px 18px;border-radius:0 9px 9px 9px}#casefork-mock .cf-chatline.cf-user{margin-left:auto}#casefork-mock .cf-chatline.cf-user p{background:var(--cf-bg);border:1px solid var(--cf-line);border-radius:9px 0 9px 9px}#casefork-mock .cf-composer{border:1px solid var(--cf-line);border-radius:var(--cf-radius);padding:12px;margin-top:24px}#casefork-mock .cf-composer textarea{border:0;resize:vertical;min-height:86px;padding:2px}#casefork-mock .cf-composefoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}#casefork-mock .cf-checklist{display:grid;gap:13px;font-size:12px;margin:15px 0}#casefork-mock .cf-checklist div{display:flex;align-items:center;gap:9px}#casefork-mock .cf-checklist .cf-pending{color:var(--cf-muted)}#casefork-mock .cf-centered{max-width:610px;margin:auto}#casefork-mock .cf-field{display:block;margin:21px 0;font-size:13px}#casefork-mock .cf-field>span{display:block;margin-bottom:8px;font-weight:500}#casefork-mock .cf-field textarea{min-height:100px;resize:vertical}#casefork-mock .cf-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 25px}#casefork-mock .cf-option{border:1px solid var(--cf-line);border-radius:7px;padding:12px;text-align:left;font-size:13px}#casefork-mock .cf-option[aria-pressed=true]{border-color:var(--cf-ink);background:var(--cf-soft);box-shadow:inset 0 0 0 1px var(--cf-ink)}#casefork-mock .cf-option small{display:block;color:var(--cf-muted);font-size:10px}#casefork-mock .cf-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:18px 0}#casefork-mock .cf-checkbox input{width:16px;min-width:16px;margin-top:4px;accent-color:var(--cf-ink)}#casefork-mock .cf-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;flex-wrap:wrap}#casefork-mock .cf-notice{border:1px solid var(--cf-line);padding:15px 18px;border-radius:8px;background:var(--cf-soft);font-size:12px;margin:18px 0}#casefork-mock .cf-listrow{border:1px solid var(--cf-line);border-radius:var(--cf-radius);padding:22px;margin:13px 0;display:flex;justify-content:space-between;gap:22px;align-items:center}#casefork-mock .cf-listrow h3{font-size:16px;line-height:1.65;margin:8px 0}#casefork-mock .cf-success{padding:48px 0;text-align:center}#casefork-mock .cf-success h1{font-size:28px}#casefork-mock .cf-success .cf-primary{margin-top:24px}#casefork-mock .cf-empty{padding:40px 0;color:var(--cf-muted)}
@media(max-width:650px){#casefork-mock .cf-top{padding:16px;gap:10px;flex-wrap:wrap}#casefork-mock .cf-nav{gap:15px}#casefork-mock .cf-main{padding:0 19px 25px}#casefork-mock .cf-hero{padding-top:35px}#casefork-mock h1{font-size:30px;letter-spacing:-1px}#casefork-mock .cf-grid,#casefork-mock .cf-cols,#casefork-mock .cf-chatlayout{grid-template-columns:1fr}#casefork-mock .cf-cols{gap:12px}#casefork-mock .cf-detailhead h1{font-size:25px}#casefork-mock .cf-listrow{align-items:flex-start;flex-direction:column}#casefork-mock .cf-bottom{flex-direction:column}#casefork-mock .cf-case{min-height:210px}#casefork-mock .cf-chatlayout aside{order:-1}#casefork-mock .cf-chatlayout aside .cf-checklist{grid-template-columns:1fr 1fr}#casefork-mock .cf-chatlayout aside .cf-quiet{display:none}#casefork-mock .cf-search input{font-size:16px}#casefork-mock .cf-composefoot{flex-wrap:wrap}#casefork-mock .cf-options{grid-template-columns:1fr}#casefork-mock .cf-primary,#casefork-mock .cf-secondary,#casefork-mock .cf-nav button,#casefork-mock .cf-filter{min-height:44px}}
#casefork-mock .cf-fork-symbol{display:inline-block;position:relative;width:15px;height:21px;color:inherit;flex:none}
#casefork-mock .cf-fork-symbol::before{content:"";position:absolute;left:0;top:1px;width:15px;height:14px;background:linear-gradient(to right,currentColor 0 20%,transparent 20% 40%,currentColor 40% 60%,transparent 60% 80%,currentColor 80%);border-bottom:5px solid currentColor;border-radius:0 0 7px 7px}
#casefork-mock .cf-fork-symbol::after{content:"";position:absolute;left:6px;top:13px;width:3px;height:7px;background:currentColor;border-radius:0 0 2px 2px}
#casefork-mock .cf-voicepage{max-width:660px;margin:0 auto;padding:30px 0 12px}
#casefork-mock .cf-sessiontop{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--cf-muted);font-size:12px;margin-bottom:40px}
#casefork-mock .cf-sessiontop button{font-size:12px;color:var(--cf-muted);padding:8px 0}
#casefork-mock .cf-progressdots{display:flex;gap:5px;margin:12px 0 0}
#casefork-mock .cf-progressdots span{height:3px;flex:1;background:var(--cf-line);border-radius:4px}
#casefork-mock .cf-progressdots span.cf-done{background:var(--cf-ink)}
#casefork-mock .cf-question{font-size:29px;line-height:1.6;letter-spacing:-.8px;margin:13px 0 14px;font-weight:500}
#casefork-mock .cf-voiceintro{margin-bottom:26px}
#casefork-mock .cf-voicebox{border:1px solid var(--cf-line);border-radius:var(--cf-radius);background:var(--cf-soft);padding:29px 25px;text-align:center;min-height:222px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
#casefork-mock .cf-micbutton{border-radius:50%;width:62px;height:62px;background:var(--cf-button);color:var(--cf-buttontext);display:flex;align-items:center;justify-content:center;margin:3px 0 2px}
#casefork-mock .cf-micbutton svg{width:23px;height:23px}
#casefork-mock .cf-voicebox .cf-primary{min-width:164px}
#casefork-mock .cf-voicebox p{font-size:13px}
#casefork-mock .cf-recordlabel{display:flex;gap:8px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}
#casefork-mock .cf-recorddot{width:7px;height:7px;border-radius:50%;background:light-dark(#b3463d,#ed9a91)}
#casefork-mock .cf-wave{display:flex;gap:5px;height:43px;align-items:center;justify-content:center;margin:3px 0}
#casefork-mock .cf-wave span{width:3px;background:var(--cf-ink);border-radius:3px}
#casefork-mock .cf-inputswitch{display:flex;justify-content:center;margin:12px 0 24px;gap:8px}
#casefork-mock .cf-inputswitch button{font-size:12px;color:var(--cf-muted);display:flex;align-items:center;gap:7px;padding:10px 14px}
#casefork-mock .cf-transcript{text-align:left;width:100%}
#casefork-mock .cf-transcript label{font-size:12px;display:block;margin-bottom:9px}
#casefork-mock .cf-transcript textarea{min-height:130px;resize:vertical;line-height:1.9;background:var(--cf-bg);font-size:16px}
#casefork-mock .cf-transcriptactions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:13px}
#casefork-mock .cf-transcriptactions>button:not(.cf-primary){font-size:12px;color:var(--cf-muted);padding:10px 0}
#casefork-mock button:disabled{opacity:.4;cursor:default}
#casefork-mock .cf-history{border-top:1px solid var(--cf-line);margin-top:24px;padding-top:16px;font-size:12px;color:var(--cf-muted)}
#casefork-mock .cf-history summary{cursor:pointer;padding:5px 0}
#casefork-mock .cf-history p{margin:12px 0;color:var(--cf-ink);overflow-wrap:anywhere}
#casefork-mock .cf-sessionbottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;font-size:12px;color:var(--cf-muted);flex-wrap:wrap}
#casefork-mock .cf-sessionbottom button{display:flex;align-items:center;gap:7px;padding:8px 0;font-size:12px}
#casefork-mock .cf-voicedisclaimer{font-size:11px!important;color:var(--cf-muted);text-align:center;margin-top:20px!important}
#casefork-mock .cf-confirmation{padding:18px;background:var(--cf-soft);border:1px solid var(--cf-line);border-radius:var(--cf-radius);margin:18px 0}
@media(max-width:650px){#casefork-mock .cf-sessiontop{margin-bottom:25px}#casefork-mock .cf-question{font-size:24px}#casefork-mock .cf-voicebox{padding:23px 16px}#casefork-mock .cf-sessionbottom button,#casefork-mock .cf-inputswitch button{min-height:44px}#casefork-mock .cf-transcriptactions .cf-primary{min-width:0}#casefork-mock .cf-voicepage{padding-top:19px}}


:root{color-scheme:light dark}html{scroll-behavior:auto}body{margin:0;background:light-dark(#fff,#171817);color:light-dark(#20231f,#f0f1eb);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif}button,a,input,textarea,summary{touch-action:manipulation}*{box-sizing:border-box}
#casefork-mock{border:0;border-radius:0;overflow:visible;min-height:100dvh}
#casefork-mock .cf-top{max-width:1128px;margin:auto;padding-inline:44px}
#casefork-mock .cf-main{max-width:1040px}
.cf-demo-banner{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 16px;background:light-dark(#f2f3ef,#232620);font-size:12px;text-align:center;line-height:1.6;color:light-dark(#53594e,#c3c9bc)}
.cf-demo-banner strong{font-size:11px;letter-spacing:1px;font-weight:600}
#casefork-mock .cf-nav button{font-size:14px;min-height:44px}
#casefork-mock .cf-case p,#casefork-mock .cf-article p{font-size:15px}
#casefork-mock .cf-quiet,#casefork-mock .cf-meta,#casefork-mock .cf-cardfoot,#casefork-mock .cf-bottom,#casefork-mock .cf-tag,#casefork-mock .cf-condition,#casefork-mock .cf-eyebrow{font-size:12px}
#casefork-mock .cf-primary,#casefork-mock .cf-secondary,#casefork-mock .cf-filter,#casefork-mock .cf-option{min-height:44px;font-size:14px}
#casefork-mock .cf-case{min-height:256px}
#casefork-mock .cf-fork-symbol{transform:scale(.88)}
#casefork-mock .cf-brand .cf-fork-symbol{transform:none}
#casefork-mock .cf-voicedisclaimer{font-size:12px!important}
#casefork-mock .cf-byline,#casefork-mock .cf-sessionbottom{font-size:13px}
#casefork-mock .cf-sectionhead{flex-wrap:wrap}
#casefork-mock .cf-case h3,#casefork-mock .cf-sub,#casefork-mock .cf-article p{overflow-wrap:anywhere}
@media(max-width:650px){#casefork-mock .cf-top{padding:14px 19px}#casefork-mock .cf-nav{width:100%;justify-content:space-between;gap:10px}#casefork-mock .cf-nav .cf-avatar{display:none}#casefork-mock .cf-hero h1{font-size:clamp(24px,6.6vw,30px)}#casefork-mock .cf-search input{font-size:16px}#casefork-mock .cf-hero{padding-top:32px}#casefork-mock .cf-transcriptactions{align-items:stretch}#casefork-mock .cf-transcriptactions button{min-height:44px}.cf-demo-banner{font-size:11px;gap:5px}}
#casefork-mock .cf-top{gap:16px;flex-wrap:wrap}
#casefork-mock .cf-nav{gap:16px;margin-left:auto}
#casefork-mock #cf-language{width:98px;font-size:13px;padding:8px;min-height:40px}
#casefork-mock .cf-footerlinks{display:flex;gap:14px;flex-wrap:wrap;align-content:flex-start}
#casefork-mock .cf-footerlinks button{font-size:12px;color:var(--cf-muted);padding:0;text-decoration:underline;text-underline-offset:4px}
#casefork-mock .cf-sources{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}
#casefork-mock .cf-sources button[aria-pressed=true]{background:var(--cf-ink);color:var(--cf-bg);border-color:var(--cf-ink)}
#casefork-mock .cf-importlink{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px}
#casefork-mock a{color:inherit;text-underline-offset:4px}
#casefork-mock .cf-importerror{font-size:13px;color:light-dark(#a53730,#ffaaa1);margin-top:12px}
#casefork-mock #cf-import-status{font-size:13px;color:var(--cf-muted)}
#casefork-mock textarea[name=importText]{min-height:210px;white-space:pre-wrap}
#casefork-mock .cf-importshortcut{display:flex;align-items:center;gap:13px;justify-content:center;margin:25px 0 0;flex-wrap:wrap}
#casefork-mock .cf-legal{max-width:720px;margin:0 auto}
#casefork-mock .cf-legal section{margin:30px 0;scroll-margin-top:22px}
#casefork-mock .cf-legal h2{font-size:17px;margin-bottom:10px}
#casefork-mock .cf-legal p{font-size:15px;line-height:2;overflow-wrap:anywhere}
#casefork-mock .cf-legalcontents{display:grid;gap:8px;border-bottom:1px solid var(--cf-line);padding:24px 0;font-size:13px}
#casefork-mock .cf-voicepage .cf-question{font-size:29px}
@media(max-width:760px){#casefork-mock .cf-brand{order:0}#casefork-mock #cf-language{order:1;margin-left:auto}#casefork-mock .cf-nav{order:2;width:100%;margin:0;justify-content:space-between;gap:8px}#casefork-mock .cf-nav button{font-size:13px}#casefork-mock .cf-footerlinks button{min-height:44px}#casefork-mock .cf-voicepage .cf-question{font-size:24px}}
@media(prefers-reduced-motion:reduce){#casefork-mock *{scroll-behavior:auto!important;transition:none!important}}
/* Direction A: a quiet work surface, with comparable outcomes and a short first step. */
body{background:light-dark(#fff,#181818);color:light-dark(#202020,#ededed)}
#casefork-mock{--cf-bg:light-dark(#fff,#181818);--cf-soft:light-dark(#f5f5f5,#232323);--cf-ink:light-dark(#202020,#ededed);--cf-muted:light-dark(#696969,#adadad);--cf-line:light-dark(#e8e8e8,#353535);--cf-button:light-dark(#202020,#ededed);--cf-buttontext:light-dark(#fff,#181818)}
.cf-demo-banner{background:light-dark(#f5f5f5,#232323);color:light-dark(#696969,#adadad)}
#casefork-mock .cf-top{max-width:1128px;padding-block:18px}
#casefork-mock .cf-nav{gap:22px}
#casefork-mock .cf-nav .cf-primary{color:var(--cf-buttontext);padding:10px 17px}
#casefork-mock .cf-main{max-width:1040px;padding-inline:40px}
#casefork-mock .cf-hero{padding:36px 0 0;max-width:none}
#casefork-mock .cf-hero h1{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:10px 0}
#casefork-mock .cf-sectionhead{margin:30px 0 12px}
#casefork-mock .cf-filters{margin:0 0 17px}
#casefork-mock .cf-filter{background:var(--cf-soft);font-size:12px;padding:6px 12px}
#casefork-mock .cf-filter[aria-pressed=true]{background:var(--cf-bg);color:var(--cf-ink);box-shadow:inset 0 0 0 1px var(--cf-ink)}
#casefork-mock .cf-case-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:30px;padding:25px 0;text-align:left;border-top:1px solid var(--cf-line)}
#casefork-mock .cf-case-row h3{font-size:18px;font-weight:500;line-height:1.7;letter-spacing:-.3px;margin:9px 0 7px}
#casefork-mock .cf-case-row p{color:var(--cf-muted);font-size:14px;line-height:1.8}
#casefork-mock .cf-case-row:hover h3{text-decoration:underline;text-underline-offset:5px}
#casefork-mock .cf-rowoutcome{border-left:1px solid var(--cf-line);padding-left:22px;display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:14px;line-height:1.8}
#casefork-mock .cf-rowcounts{display:flex;gap:17px;flex-wrap:wrap;margin-top:16px;color:var(--cf-muted);font-size:12px}
#casefork-mock .cf-rowcounts span{display:flex;align-items:center;gap:6px}
#casefork-mock .cf-summary{background:var(--cf-soft);border-radius:var(--cf-radius);padding:24px 25px;margin:25px 0}
#casefork-mock .cf-summary h2{color:var(--cf-muted);font-size:13px;font-weight:500;margin-bottom:15px}
#casefork-mock .cf-summary dl{margin:0}
#casefork-mock .cf-summary dl>div{display:grid;grid-template-columns:90px 1fr;gap:18px;margin:11px 0}
#casefork-mock .cf-summary dt{color:var(--cf-muted);font-size:12px;padding-top:2px}
#casefork-mock .cf-summary dd{font-size:15px;margin:0;line-height:1.9}
#casefork-mock .cf-reading{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:34px}
#casefork-mock .cf-reading details{padding:17px 0;border-bottom:1px solid var(--cf-line)}
#casefork-mock .cf-reading summary,#casefork-mock .cf-optional summary{cursor:pointer;font-size:15px;padding:5px 0}
#casefork-mock .cf-reading details p{margin-top:12px;color:var(--cf-muted)}
#casefork-mock .cf-reading details h3{font-size:13px;font-weight:500;margin-top:18px}
#casefork-mock .cf-trialaside{height:fit-content;border:1px solid var(--cf-line);border-radius:var(--cf-radius);padding:21px}
#casefork-mock .cf-trialaside h2{font-size:17px;margin-bottom:10px}
#casefork-mock .cf-trialaside .cf-primary{width:100%;margin:20px 0 10px}
#casefork-mock .cf-optional{margin:18px 0}
#casefork-mock .cf-optional summary{font-size:13px;color:var(--cf-muted);min-height:44px}
#casefork-mock .cf-optional input[type=number]{max-width:100%}
#casefork-mock .cf-detailhead h1{font-weight:500;font-size:30px}
#casefork-mock .cf-reading .cf-stats{margin-top:20px}
@media(max-width:650px){#casefork-mock .cf-main{padding-inline:20px}#casefork-mock .cf-nav{gap:10px}#casefork-mock .cf-nav .cf-primary{padding:9px 13px;font-size:13px}#casefork-mock .cf-case-row{grid-template-columns:1fr;gap:13px;padding:22px 0}#casefork-mock .cf-rowoutcome{border:0;padding:0;gap:3px}#casefork-mock .cf-rowoutcome .cf-quiet{font-size:11px}#casefork-mock .cf-hero h1{font-size:clamp(24px,6.6vw,29px)}#casefork-mock .cf-reading{grid-template-columns:1fr;gap:20px}#casefork-mock .cf-trialaside{order:-1}#casefork-mock .cf-trialaside .cf-primary{margin-top:12px}#casefork-mock .cf-summary{padding:20px 17px}#casefork-mock .cf-summary dl>div{grid-template-columns:65px 1fr;gap:12px}#casefork-mock .cf-summary dd{font-size:14px}#casefork-mock .cf-detailhead h1{font-size:25px}#casefork-mock .cf-hero{padding-top:28px}#casefork-mock .cf-reading summary{min-height:44px}}

/* Sample disclosure belongs below the content, without a top banner. */
.cf-demo-banner[hidden]{display:none}
.cf-sample-note{background:transparent;color:light-dark(#737373,#aaa);padding:20px 24px;font-size:11px}