/* Values and intent are documented in design-system.md. Existing four layouts stay intact. */
body.study-layout{--study-ink:#263746;--study-action:#0879bd;--study-blue:#219ff5;--study-white:#fff;--study-soft:#eef8ff;--study-line:#d8e2eb;font-family:'BIZ UDPGothic','Yu Gothic',sans-serif;color:var(--study-ink)}
body.study-layout[data-pattern] .app{background:var(--study-white);box-shadow:none}
body.study-layout[data-pattern] header{padding:16px 20px;gap:12px}
body.study-layout[data-pattern] .brand{display:none}
body.study-layout[data-pattern] header h1{font-size:19px;letter-spacing:.01em}
body.study-layout[data-pattern] main{padding:20px}
body.study-layout[data-pattern] .notice{color:var(--study-ink);padding:7px 12px}
body.study-layout[data-pattern] .pattern-tools{margin-bottom:24px;gap:12px;color:var(--study-ink)}
body.study-layout[data-pattern] .pattern-tools button{background:transparent;border:1px solid var(--study-line);border-radius:6px;color:var(--study-action);min-height:44px;white-space:nowrap}
body.study-layout[data-pattern] .study-home h2{font-size:24px;line-height:1.55;letter-spacing:.01em;margin:0;color:var(--study-ink)}
body.study-layout[data-pattern] .study-home h3{margin:0;padding:0;border:0;background:transparent;color:var(--study-ink);font-size:16px;line-height:1.6}
body.study-layout[data-pattern] .study-home p{color:var(--study-ink);line-height:1.8}
body.study-layout[data-pattern] :where(.study-home) button{border-radius:6px;background:transparent;color:var(--study-action);font-size:14px;line-height:1.65}
.study-home button:focus-visible,.study-layout select:focus-visible,.study-layout summary:focus-visible{outline:3px solid var(--study-blue);outline-offset:2px}
.study-page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.study-page-heading>span{font-size:14px;font-variant-numeric:tabular-nums}
.study-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.study-section-head>button{padding:6px 0;min-height:44px}
.study-section-head>span{font-size:13px}
.study-queue-tabs{display:flex;border-bottom:1px solid var(--study-line);gap:4px}
body.study-layout[data-pattern] .study-queue-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px 6px 0 0;flex:1;border-bottom:3px solid transparent;padding:12px 4px;color:var(--study-ink)}
.study-queue-tabs strong{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
body.study-layout[data-pattern] .study-queue-tabs button[aria-pressed="true"]{background:var(--study-soft);border-bottom-color:var(--study-action);color:var(--study-action)}
body.study-layout[data-pattern] .study-response{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:18px 0;text-align:left;border-bottom:1px solid var(--study-line);border-radius:0;color:var(--study-ink);gap:8px}
.study-record-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.study-status{font-size:12px;color:var(--study-action);font-weight:700}
.study-record-top small,.study-record-bottom{font-size:12px;line-height:1.7}
.study-response>b{font-size:17px;line-height:1.7;overflow-wrap:anywhere;font-weight:700}
body.study-layout[data-pattern] .study-response:hover{background:var(--study-soft)}
.study-inbox{min-height:80px}
body.study-layout[data-pattern] .study-text-action{padding:12px 0;text-align:left;text-decoration:underline;text-underline-offset:5px;min-height:48px}
.study-next-due{margin-top:28px;padding-top:20px;border-top:2px solid var(--study-ink)}
body.study-layout[data-pattern] .study-due{display:flex;align-items:flex-start;width:100%;text-align:left;gap:18px;padding:14px 0;color:var(--study-ink)}
.study-due>time{flex:0 0 64px;font-size:23px;font-weight:700;color:var(--study-action);font-variant-numeric:tabular-nums}
.study-due small{display:block;font-size:11px;font-weight:400;line-height:1.8;margin-top:4px;color:var(--study-ink)}
.study-due>span{min-width:0}
.study-due b{font-size:15px;font-weight:700}
.study-menu{margin-top:28px;border-top:1px solid var(--study-line);border-bottom:1px solid var(--study-line)}
.study-menu>summary{font-size:15px;font-weight:700;min-height:52px;padding:14px 0;cursor:pointer;color:var(--study-ink)}
.study-business{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0 0 12px}
body.study-layout[data-pattern] .study-business button{text-align:left;padding:12px 0;min-height:48px;border-bottom:1px solid var(--study-line);border-radius:0}
.study-shared{margin-top:32px}
.study-shared>nav{display:flex;flex-wrap:wrap;gap:8px 20px}
body.study-layout[data-pattern] .study-shared>nav button{padding:8px 0;text-align:left;min-height:44px}
body.study-layout[data-pattern] .study-news{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;color:var(--study-ink);padding:16px 0;gap:6px}
.study-news time{font-size:11px}
.study-news b{font-size:14px;font-weight:500}
.study-empty{padding:22px 0;font-size:14px}
.study-property-select{display:block;font-size:12px;font-weight:700;color:var(--study-ink)}
body.study-layout[data-pattern] .study-property-select select{display:block;width:100%;font:inherit;font-size:16px;min-height:52px;padding:10px;margin-top:8px;border:1px solid var(--study-line);border-radius:6px;background:var(--study-white);color:var(--study-ink)}
.study-property-heading{margin:24px 0 28px;border-left:4px solid var(--study-blue);padding:0 0 0 16px}
.study-property-heading>span{font-size:12px;color:var(--study-action);font-weight:700}
body.study-layout[data-pattern] .study-property-heading h2{margin:10px 0;font-size:26px}
.study-property-heading>p{font-size:12px}
.study-property-actions{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px}
body.study-layout[data-pattern] .study-property-actions button{padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.study-property-schedule{margin-top:32px;background:var(--study-soft);padding:20px;border-radius:8px}
body.study-layout[data-pattern] .study-appointment{display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;padding:12px 0;color:var(--study-ink)}
.study-appointment>time{font-size:20px;font-weight:700;color:var(--study-action);min-width:52px}
.study-appointment b,.study-appointment small{display:block}
.study-appointment small{font-size:12px;margin-top:6px}
.study-date-heading{display:flex;align-items:center;gap:24px;padding:8px 0 24px}
.study-date-heading>time{display:flex;flex-direction:column;color:var(--study-action);gap:6px}
.study-date-heading>time>span{font-size:13px;font-weight:700}
.study-date-heading strong{font-size:76px;line-height:1;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.study-layout[data-pattern] .study-date-heading h2{font-size:20px}
.study-date-heading p{font-size:12px}
.study-periods{display:flex;gap:4px;padding:4px;background:var(--study-soft);border-radius:8px;margin-bottom:24px}
body.study-layout[data-pattern] .study-periods button{flex:1;padding:10px 4px;color:var(--study-ink)}
body.study-layout[data-pattern] .study-periods button[aria-pressed="true"]{background:var(--study-action);color:var(--study-white);font-weight:700}
.study-day-group{margin-bottom:24px}
body.study-layout[data-pattern] .study-day-group h3{font-size:13px;border-bottom:1px solid var(--study-line);padding-bottom:10px}
body.study-layout[data-pattern] .study-agenda-entry{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;text-align:left;width:100%;padding:18px 0;color:var(--study-ink);border-radius:0}
.study-agenda-entry>span:first-child{border-right:2px solid var(--study-blue);padding-right:10px}
.study-agenda-entry small{display:block;font-size:11px;line-height:1.7}
.study-agenda-entry time{display:block;font-size:12px;line-height:1.8;margin-top:6px;color:var(--study-action)}
.study-agenda-entry b{display:block;font-size:16px;line-height:1.7;margin-bottom:8px}
.study-calendar-actions{display:flex;flex-wrap:wrap;gap:8px}
body.study-layout[data-pattern] .study-calendar-actions button{border:1px solid var(--study-line);padding:10px 12px;min-height:48px}
.study-recent{margin-top:36px}
/* Carry restrained typography and surfaces through the existing detail and input flows. */
body.study-layout[data-pattern] .section{box-shadow:none;border:0;padding:16px 0;border-bottom:1px solid var(--study-line);border-radius:0}
body.study-layout[data-pattern] h3.icon-heading,body.study-layout[data-pattern] .section h3{background:transparent;border:0;color:var(--study-ink);padding:8px 0;font-size:16px}
body.study-layout[data-pattern] .card{box-shadow:none;border-radius:8px;border-color:var(--study-line)}
body.study-layout[data-pattern] .storage-toolbar{background:var(--study-soft);border-color:var(--study-line);border-radius:8px}
body.study-layout[data-pattern] .bottom-nav{box-shadow:none;border-radius:0;border-top:1px solid var(--study-line);background:var(--study-white)}
body.study-layout[data-pattern] .bottom-nav button{border-radius:6px}
body.study-layout[data-pattern] footer{border-color:var(--study-line);box-shadow:none}
/* Each picker thumbnail mirrors its actual information structure. */
.study-mini{height:98px;max-width:240px;margin:auto;background:#fff;padding:10px;border-radius:6px;border:1px solid #d8e2eb}
.study-mini i,.study-mini b,.study-mini span,.study-mini em{display:block;background:#d8e2eb;border-radius:2px}
.mini-desk>i{width:40%;height:7px;background:#0879bd;margin-bottom:8px}
.mini-desk>div{display:flex;gap:4px;margin-bottom:8px}
.mini-desk b{height:14px;flex:1;background:#eef8ff}
.mini-desk>span{height:7px;background:#eef8ff;border-bottom:1px solid #d8e2eb;margin:5px 0}
.mini-notebook>i{height:12px;background:#eef8ff;margin-bottom:8px}
.mini-notebook>b{height:8px;width:70%;border-left:3px solid #219ff5;margin-bottom:9px}
.mini-notebook>div{display:flex;gap:6px}
.mini-notebook span{height:7px;width:30%;background:#0879bd}
.mini-notebook em{height:8px;margin-top:8px;background:#eef8ff}
.mini-agenda{display:grid;grid-template-columns:45px 1fr;gap:8px}
.mini-agenda strong{font-size:32px;color:#0879bd;line-height:1.1}
.mini-agenda>div{display:flex;align-items:center;gap:4px}
.mini-agenda i{height:10px;flex:1;background:#eef8ff}
.mini-agenda>span{height:13px;border-left:3px solid #219ff5;grid-column:1/-1;background:#eef8ff}
.pattern-option:has(.study-mini){box-shadow:none;border-radius:8px}
body.pattern-selecting .pattern-eyebrow{display:none}
@media(min-width:800px){body.study-layout[data-pattern] .app{max-width:720px}body.study-layout[data-pattern] .bottom-nav{width:min(720px,100%)}body.study-layout[data-pattern] main{padding:28px 40px}.study-desk{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:32px}.study-desk>.study-page-heading,.study-desk>.study-queue-tabs,.study-desk>.study-inbox,.study-desk>.study-text-action{grid-column:1}.study-desk>.study-next-due{grid-column:2;grid-row:2 / span 3;margin:0;padding-top:0;border-top:0;border-left:1px solid var(--study-line);padding-left:24px}.study-desk>.study-menu,.study-desk>.study-shared{grid-column:1/-1}.study-business{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){body.study-layout[data-pattern] main{padding:16px}.study-queue-tabs strong{font-size:19px}.study-date-heading{gap:16px}.study-date-heading strong{font-size:64px}.study-property-schedule{padding:16px}.study-agenda-entry{gap:10px}}