#rosha-seven-habits-design{--rh-navy:#0f3a66;--rh-deep:#0b2848;--rh-gold:#bca16b;--rh-surface:light-dark(#ffffff,#122941);--rh-paper:light-dark(#f7f5ef,#172f46);--rh-ink:light-dark(#0f3a66,#edf2f7);--rh-copy:light-dark(#476078,#bbccda);--rh-line:light-dark(#e4ddce,#3d4a50);font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;padding:12px;color:var(--rh-ink);color-scheme:light dark}
    #rosha-seven-habits-design *{box-sizing:border-box}
    #rosha-seven-habits-design .rh-section{background:var(--rh-surface);border:1px solid var(--rh-line);border-radius:16px;overflow:hidden;max-width:100%;box-shadow:0 8px 30px #0f3a6609}
    #rosha-seven-habits-design .rh-heading{padding:30px 28px 26px;border-top:3px solid var(--rh-gold)}
    #rosha-seven-habits-design .rh-eyebrow{font-size:11px;font-weight:700;letter-spacing:2.1px;color:light-dark(#8b6a2d,#d8be87);margin:0 0 12px}
    #rosha-seven-habits-design h2{font-size:27px;line-height:1.35;letter-spacing:-1px;font-weight:700;margin:0 0 12px;color:var(--rh-ink);word-break:keep-all}
    #rosha-seven-habits-design .rh-intro{font-size:15px;line-height:1.75;margin:0;color:var(--rh-copy);word-break:keep-all}
    #rosha-seven-habits-design .rh-core{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.4fr);gap:0;align-items:stretch;border-top:1px solid var(--rh-line);border-bottom:1px solid var(--rh-line)}
    #rosha-seven-habits-design .rh-emblem{background:linear-gradient(145deg,var(--rh-navy),var(--rh-deep));color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 15px;gap:20px;position:relative;overflow:hidden}
    #rosha-seven-habits-design .rh-orbit{width:200px;height:200px;position:relative;flex-shrink:0}
    #rosha-seven-habits-design .rh-orbit::before{content:"";position:absolute;inset:21px;border:1px solid #bca16b70;border-radius:50%}
    #rosha-seven-habits-design .rh-orbit::after{content:"";position:absolute;inset:32px;border:1px solid #bca16b30;border-radius:50%}
    #rosha-seven-habits-design .rh-hub{position:absolute;inset:42px;border:1px solid var(--rh-gold);border-radius:50%;background:#123754;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;box-shadow:0 0 0 7px #bca16b09}
    #rosha-seven-habits-design .rh-seven{font-family:Georgia,"Times New Roman",serif;font-size:65px;line-height:1;color:#d3b87f;font-weight:400}
    #rosha-seven-habits-design .rh-habits{font-family:Georgia,"Times New Roman",serif;font-size:18px;letter-spacing:2px;color:#f6f2e7;line-height:1.1}
    #rosha-seven-habits-design .rh-node{position:absolute;z-index:2;background:#133757;border:1px solid #6c6b5e;border-radius:30px;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.2;color:#e6ddcb;transition:background .2s,color .2s}
    #rosha-seven-habits-design .rh-node[data-node="principles"]{top:3px;left:72px}
    #rosha-seven-habits-design .rh-node[data-node="practice"]{bottom:23px;left:0}
    #rosha-seven-habits-design .rh-node[data-node="application"]{bottom:23px;right:0}
    #rosha-seven-habits-design .rh-node.is-active{color:#142f49;background:#d4bd8c;border-color:#d4bd8c}
    #rosha-seven-habits-design .rh-emblem-label{font-size:17px;line-height:1.7;letter-spacing:-.4px;text-align:center;color:#f7f4eb;margin:0;word-break:keep-all}
    #rosha-seven-habits-design .rh-emblem-label span{display:block;font-size:11px;letter-spacing:1.8px;color:#ccb987;margin-top:12px}
    #rosha-seven-habits-design .rh-features{display:flex;flex-direction:column;padding:7px 22px;background:var(--rh-surface)}
    #rosha-seven-habits-design .rh-feature{font:inherit;text-align:left;width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:9px;align-items:start;padding:21px 0;margin:0;border:0;border-bottom:1px solid var(--rh-line);border-radius:0;background:transparent;color:var(--rh-ink);flex:1;transition:transform .2s}
    #rosha-seven-habits-design .rh-feature:last-child{border-bottom:0}
    #rosha-seven-habits-design .rh-feature:hover{transform:translateX(3px)}
    #rosha-seven-habits-design .rh-feature:focus-visible{outline:2px solid var(--rh-gold);outline-offset:2px}
    #rosha-seven-habits-design .rh-number{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.2;color:light-dark(#947437,#d1b681)}
    #rosha-seven-habits-design .rh-feature strong{font-size:17px;font-weight:700;line-height:1.5;display:block;letter-spacing:-.4px;word-break:keep-all}
    #rosha-seven-habits-design .rh-feature p{font-size:14px;line-height:1.7;margin:7px 0 0;word-break:keep-all;color:var(--rh-copy)}
    #rosha-seven-habits-design .rh-mark{margin-top:4px;font-size:17px;color:light-dark(#947437,#d1b681)}
    #rosha-seven-habits-design .rh-feature[aria-selected="true"] .rh-mark{font-weight:700}
    #rosha-seven-habits-design .rh-feature[aria-selected="true"] strong{color:light-dark(#8b692c,#e0c38e)}
    #rosha-seven-habits-design .rh-detail{padding:24px 28px 28px;background:var(--rh-paper)}
    #rosha-seven-habits-design .rh-detail[hidden]{display:none}
    #rosha-seven-habits-design .rh-detail h3{font-size:16px;font-weight:700;line-height:1.5;color:var(--rh-ink);margin:0 0 18px;word-break:keep-all}
    #rosha-seven-habits-design .rh-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:7px;align-items:center}
    #rosha-seven-habits-design .rh-step{background:var(--rh-surface);padding:15px 9px;text-align:center;border-radius:7px;min-width:0}
    #rosha-seven-habits-design .rh-step b{display:block;font-size:17px;line-height:1.45;font-weight:700;color:var(--rh-ink);word-break:keep-all}
    #rosha-seven-habits-design .rh-step span{display:block;font-size:12px;line-height:1.6;color:var(--rh-copy);margin-top:6px;word-break:keep-all}
    #rosha-seven-habits-design .rh-step small{display:block;font-size:10px;letter-spacing:1.4px;line-height:1.5;color:light-dark(#927037,#d2b781);margin-bottom:6px;font-weight:700}
    #rosha-seven-habits-design .rh-arrow{color:light-dark(#927037,#d2b781);font-size:20px;text-align:center}
    #rosha-seven-habits-design .rh-choice{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--rh-line);font-size:13px;line-height:1.6;color:var(--rh-copy)}
    #rosha-seven-habits-design .rh-choice b{color:var(--rh-ink);font-weight:700}
    #rosha-seven-habits-design .rh-renewal{margin-top:15px;padding-top:15px;border-top:1px solid var(--rh-line);text-align:center;color:var(--rh-ink);font-size:13px;line-height:1.7;word-break:keep-all}
    #rosha-seven-habits-design .rh-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #rosha-seven-habits-design .rh-principle{background:var(--rh-surface);padding:18px 8px;border-radius:7px;text-align:center}
    #rosha-seven-habits-design .rh-principle b{font-size:17px;line-height:1.5;display:block;font-weight:700;color:var(--rh-ink)}
    #rosha-seven-habits-design .rh-principle span{font-size:12px;line-height:1.6;display:block;color:var(--rh-copy);margin-top:7px}
    @media(max-width:570px){
      #rosha-seven-habits-design{padding:7px}
      #rosha-seven-habits-design .rh-heading{padding:26px 20px 22px}
      #rosha-seven-habits-design h2{font-size:24px}
      #rosha-seven-habits-design .rh-core{grid-template-columns:1fr}
      #rosha-seven-habits-design .rh-emblem{padding:18px 16px;gap:0;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center}
      #rosha-seven-habits-design .rh-orbit{width:150px;height:160px}
      #rosha-seven-habits-design .rh-orbit::before{inset:17px 12px}
      #rosha-seven-habits-design .rh-orbit::after{inset:25px 20px}
      #rosha-seven-habits-design .rh-hub{inset:32px 29px}
      #rosha-seven-habits-design .rh-seven{font-size:49px}
      #rosha-seven-habits-design .rh-habits{font-size:14px}
      #rosha-seven-habits-design .rh-node{font-size:11px;padding:6px 9px}
      #rosha-seven-habits-design .rh-node[data-node="principles"]{top:1px;left:51px}
      #rosha-seven-habits-design .rh-node[data-node="practice"]{bottom:17px;left:0}
      #rosha-seven-habits-design .rh-node[data-node="application"]{bottom:17px;right:0}
      #rosha-seven-habits-design .rh-emblem-label{font-size:15px;padding-left:9px}
      #rosha-seven-habits-design .rh-emblem-label span{font-size:10px;letter-spacing:1px}
      #rosha-seven-habits-design .rh-features{padding:3px 20px}
      #rosha-seven-habits-design .rh-feature{padding:20px 0}
      #rosha-seven-habits-design .rh-detail{padding:23px 20px}
      #rosha-seven-habits-design .rh-flow{grid-template-columns:1fr;gap:7px}
      #rosha-seven-habits-design .rh-arrow{transform:rotate(90deg);line-height:1;height:17px}
      #rosha-seven-habits-design .rh-step{display:grid;grid-template-columns:35px 92px 1fr;gap:6px;align-items:center;padding:13px 10px;text-align:left}
      #rosha-seven-habits-design .rh-step small{margin:0;font-size:11px;letter-spacing:0}
      #rosha-seven-habits-design .rh-step b{font-size:16px}
      #rosha-seven-habits-design .rh-step span{font-size:12px;margin:0}
      #rosha-seven-habits-design .rh-choice{gap:7px;font-size:12px}
      #rosha-seven-habits-design .rh-principles{gap:6px}
      #rosha-seven-habits-design .rh-principle{padding:14px 5px}
      #rosha-seven-habits-design .rh-principle b{font-size:16px}
    }
    @media(prefers-reduced-motion:reduce){#rosha-seven-habits-design .rh-feature,#rosha-seven-habits-design .rh-node{transition:none}}
  
#rosha-seven-habits-design{padding:0;font-family:inherit;max-width:1100px;margin:40px auto}
#rosha-seven-habits-design .rh-feature{cursor:pointer}
#rosha-seven-habits-design .rh-heading{padding:34px}
#rosha-seven-habits-design .rh-intro,#rosha-seven-habits-design .rh-feature p{font-size:1rem;line-height:1.85}
#rosha-seven-habits-design .rh-feature strong{font-size:1.125rem}
#rosha-seven-habits-design .rh-eyebrow,#rosha-seven-habits-design .rh-emblem-label span,#rosha-seven-habits-design .rh-step small{font-size:.75rem}
#rosha-seven-habits-design .rh-choice,#rosha-seven-habits-design .rh-renewal,#rosha-seven-habits-design .rh-step span,#rosha-seven-habits-design .rh-principle span{font-size:.875rem}
@media(max-width:570px){#rosha-seven-habits-design .rh-heading{padding:25px 22px}#rosha-seven-habits-design .rh-step{grid-template-columns:35px 72px minmax(0,1fr)}#rosha-seven-habits-design .rh-node{font-size:.75rem}}