.sample-rationale{--nook-bg: #FAFAFA;--nook-card: #FFFFFF;--nook-text: var(--foreground, #1A1A1A);--nook-text-muted: var(--foreground-muted, #666666);--nook-border: var(--border, #E5E5E5);--nook-accent: var(--accent, #C4A96A);--nook-accent-text: var(--accent-text, #896F3A);--nook-accent-bg: rgba(196, 169, 106, .08);--nook-ff-head: "Shippori Mincho B1", serif;--nook-ff-body: "Noto Sans JP", sans-serif;--nook-text-h1: 24px;--nook-text-h2: 18px;--nook-text-lg: 15px;--nook-text-h3: 14px;--nook-text-body: 13px;--nook-text-sm: 12px;--nook-text-caption: 11px;--nook-text-micro: 10px;background:var(--nook-bg);padding:88px 0 96px;border-top:1px solid var(--nook-border);color:var(--nook-text);font-family:var(--nook-ff-body);line-height:1.9}.sample-rationale__header{max-width:960px;margin:0 auto 56px;padding:0 32px}.sample-rationale__label{font-family:var(--nook-ff-body);font-size:var(--nook-text-caption);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--nook-accent-text);margin-bottom:14px}.sample-rationale__title{font-family:var(--nook-ff-head);font-weight:500;font-size:var(--nook-text-h1);letter-spacing:.06em;color:var(--nook-text);margin-bottom:16px;line-height:1.5}.sample-rationale__desc{font-size:var(--nook-text-body);color:var(--nook-text-muted);line-height:1.9;max-width:640px}.sample-rationale .format-section{max-width:960px;margin:0 auto;padding:0 32px}.sample-rationale .format-section+.format-section{margin-top:72px}.sample-rationale .section-title{font-family:var(--nook-ff-head);font-weight:500;font-size:var(--nook-text-h2);letter-spacing:.04em;color:var(--nook-text);margin:0 0 8px}.sample-rationale .section-desc{font-size:var(--nook-text-h3);color:var(--nook-text-muted);margin:0 0 28px;line-height:1.8}.sample-rationale .persona-summary{background:var(--nook-card);padding:32px;border-radius:3px;text-align:center}.sample-rationale .persona-summary__text{font-family:var(--nook-ff-head);font-weight:500;font-size:var(--nook-text-lg);letter-spacing:.08em;color:var(--nook-text);margin-bottom:14px;line-height:1.6}.sample-rationale .persona-summary__sub{font-size:var(--nook-text-body);color:var(--nook-text-muted);margin-bottom:20px;line-height:1.9}.sample-rationale .persona-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.sample-rationale .persona-tag{font-family:var(--nook-ff-head);font-size:var(--nook-text-caption);color:var(--nook-accent-text);padding:4px 12px;background:var(--nook-accent-bg);border-radius:12px;letter-spacing:.04em}.sample-rationale .brand-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.sample-rationale .brand-grid{grid-template-columns:1fr 1fr;gap:40px 48px}}.sample-rationale .brand-grid h4,.sample-rationale .brand-colors h4{font-family:var(--nook-ff-head);font-weight:600;font-size:var(--nook-text-h3);letter-spacing:.1em;color:var(--nook-text);margin-bottom:14px}.sample-rationale .logo-showcase{background:var(--nook-card);padding:36px 28px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:20px}.sample-rationale .font-sample{background:var(--nook-card);padding:20px;border-radius:3px;margin-bottom:12px}.sample-rationale .font-sample__meta{font-size:var(--nook-text-micro);color:var(--nook-text-muted);letter-spacing:.06em;margin-bottom:10px;font-family:var(--nook-ff-body)}.sample-rationale .font-sample__display{line-height:1.3;color:var(--nook-text)}.sample-rationale .brand-colors{margin-top:32px}.sample-rationale .color-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:600px){.sample-rationale .color-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(min-width:900px){.sample-rationale .color-grid{grid-template-columns:repeat(4,1fr)}}.sample-rationale .color-row{display:flex;gap:12px;align-items:center;background:var(--nook-card);padding:12px 14px;border-radius:3px}.sample-rationale .color-chip{width:40px;height:40px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.sample-rationale .color-info{display:flex;flex-direction:column;gap:2px}.sample-rationale .color-name{font-family:var(--nook-ff-head);font-weight:500;font-size:var(--nook-text-sm);color:var(--nook-text)}.sample-rationale .color-hex{font-family:monospace;font-size:var(--nook-text-caption);color:var(--nook-text-muted);letter-spacing:.02em}.sample-rationale .color-use{font-size:var(--nook-text-caption);color:var(--nook-text-muted);line-height:1.4}.sample-rationale .accordion-group{display:flex;flex-direction:column;gap:10px}.sample-rationale .accordion{background:var(--nook-card);border-radius:3px;overflow:hidden}.sample-rationale .accordion summary{list-style:none;padding:16px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--nook-ff-head);font-weight:500;font-size:var(--nook-text-h3);letter-spacing:.08em;color:var(--nook-text);transition:background .2s ease;user-select:none}.sample-rationale .accordion summary::-webkit-details-marker{display:none}.sample-rationale .accordion summary::marker{color:transparent}.sample-rationale .accordion summary:hover{background:#c4a96a0f}.sample-rationale .accordion summary:focus-visible{outline:2px solid var(--nook-accent);outline-offset:2px}.sample-rationale .accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--nook-accent-text);border-radius:50%;color:var(--nook-accent-text);font-size:12px;font-family:var(--nook-ff-body);font-weight:400;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sample-rationale .accordion[open] .accordion-icon{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.sample-rationale .accordion-icon{transition:none}}.sample-rationale .accordion-body{padding:8px 24px 24px;border-top:1px solid rgba(0,0,0,.06);margin-top:-1px}.sample-rationale .persona-card{margin-top:18px}.sample-rationale .persona-header{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid rgba(137,111,58,.18);padding-bottom:14px;margin-bottom:24px;flex-wrap:wrap}.sample-rationale .persona-name{font-family:var(--nook-ff-head);font-weight:600;font-size:var(--nook-text-h2);letter-spacing:.06em;color:var(--nook-text)}.sample-rationale .persona-attr{font-size:var(--nook-text-sm);color:var(--nook-text-muted);letter-spacing:.04em;line-height:1.6}.sample-rationale .persona-grid{display:grid;grid-template-columns:1fr;gap:20px 40px}@media(min-width:768px){.sample-rationale .persona-grid{grid-template-columns:1fr 1fr}}.sample-rationale .persona-block h4{font-family:var(--nook-ff-head);font-weight:600;font-size:var(--nook-text-sm);letter-spacing:.08em;color:var(--nook-accent-text);margin-bottom:6px}.sample-rationale .persona-block p{font-size:var(--nook-text-body);line-height:1.9;color:var(--nook-text)}.sample-rationale .rationale-table{width:100%;margin-top:18px;border-collapse:collapse;background:transparent}.sample-rationale .rationale-table th,.sample-rationale .rationale-table td{padding:14px 22px;text-align:left;font-size:var(--nook-text-body);line-height:1.7;border-bottom:1px solid rgba(0,0,0,.05);vertical-align:top}.sample-rationale .rationale-table tr:last-child th,.sample-rationale .rationale-table tr:last-child td{border-bottom:none}.sample-rationale .rationale-table th{font-family:var(--nook-ff-head);font-weight:500;color:var(--nook-accent-text);width:38%;background:var(--nook-accent-bg)}.sample-rationale .rationale-table td{color:var(--nook-text)}@media(max-width:600px){.sample-rationale .rationale-table th,.sample-rationale .rationale-table td{display:block;width:100%;padding:12px 16px}.sample-rationale .rationale-table th{padding-bottom:6px;border-bottom:none}.sample-rationale .rationale-table td{padding-top:8px;padding-bottom:18px}}.sample-rationale .notes-card{margin-top:18px}.sample-rationale .notes-list{list-style:none;padding:0;margin:0}.sample-rationale .notes-list li{font-size:var(--nook-text-body);line-height:1.9;color:var(--nook-text);padding-left:18px;position:relative}.sample-rationale .notes-list li:before{content:"・";position:absolute;left:0;color:var(--nook-accent-text)}.sample-rationale .notes-list li+li{margin-top:4px}.sample-rationale .notes-list li strong{font-weight:500;color:var(--nook-accent-text)}.sample-rationale__alt-direction{max-width:640px;margin:72px auto 0;padding:56px 32px 0;border-top:1px solid var(--nook-border);text-align:center}.sample-rationale__alt-label{font-family:var(--nook-ff-body);font-size:var(--nook-text-caption);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--nook-accent-text);margin-bottom:16px}.sample-rationale__alt-text{font-family:var(--nook-ff-body);font-size:var(--nook-text-body);line-height:1.9;color:var(--nook-text);margin-bottom:24px}.sample-rationale__alt-cta{display:inline-block;font-family:var(--nook-ff-body);font-size:var(--nook-text-h3);font-weight:500;letter-spacing:.12em;color:var(--nook-accent-text);padding:10px 24px;border:1px solid var(--nook-accent-text);border-radius:2px;transition:background .2s ease,color .2s ease}.sample-rationale__alt-cta:hover{background:var(--nook-accent-text);color:var(--nook-card)}@media(prefers-reduced-motion:reduce){.sample-rationale__alt-cta{transition:none}}.sample-rationale__footer{max-width:960px;margin:80px auto 0;padding:32px 32px 0;border-top:1px solid var(--nook-border);display:flex;justify-content:space-between;align-items:center;font-family:var(--nook-ff-body);font-size:var(--nook-text-caption);color:var(--nook-text-muted);letter-spacing:.08em;flex-wrap:wrap;gap:12px}.sample-rationale__footer-sign{font-family:var(--nook-ff-head);font-weight:500;font-size:var(--nook-text-sm);letter-spacing:.14em;color:var(--nook-text)}.sample-rationale__footer-sign .accent{color:var(--nook-accent-text)}